IOPAY→Zahlungsbuttons
Zahlungsbuttons

Direkte Zahlung, genau am Kaufpunkt.

Zug einen Button zu Ihrer Website, Landing Page oder Kampagne und öffne den Checkout, ohne die Seite in einen E-Commerce zu verwandeln

Dokumentation —

Ein Klick zum Scheck.

Der Kunde geht zur Zahlung weiter, ohne den Kontext der Seite zu verlieren.

Seite Schaltfläche Checkout Bestätigung
Umwandlung mit weniger Schritten

Ein kleiner Knopf.
Eine komplette Reise.

Der Button verbindet Kampagnenseiten, Institutionsseiten, Produktseiten und Einzelangebote zu einem transparenten Checkout. Die Schnittstelle kann die visuelle Identität des Transaktions widerspiegeln und die Zahlungskonfirmation ist weiterhin mit dem technischen Fluss von IOPAY verbunden.

01

Zahlung im richtigen Kontext.

Sie bringen den Kunden von Inhalten oder Angeboten direkt zur Abrechnung, ohne für jede Kampagne einen kompletten Laden zu schaffen.

02

- Einmaligbarer Scheck.

Definieren Sie Primär- und Sekundärfarben und verbinden Sie das Firmenlogo mit dem Zahlungserlebnis.

03

Pix, Karte und boleto.

Ich habe die für die Operation aktivierten Zahlungsmittel in einem selben Checkout-Tag aktiviert.

04

Ereignisse für Ihre Operation.

Verwenden Sie webhooks zum Aktualisieren von Anforderung, CRM, ERP, Automatisierung oder anderen Systemen nach Statusänderungen.

Von der Absicht bis zur Zahlung

Weniger Weg zwischen dem Wunsch und dem Zahlen.

Zahlungsbuttons ist besonders nützlich, wenn der Kauf ausserhalb eines traditionellen Checkouts entsteht: Kampagnen, Releases, Werbe-Seiten, Abonnements, Events, Commercial Content und Zahlungsabläufe, die einen klaren Gebührspunkt benötigen.

KampagnenCTA → CheckoutVerwandeln Sie einen Geschäftsanruf in eine Direktreise zur Zahlung.
MarkeFarben + LogoPassieren Sie die Erfahrung, um visuelle Kontinuität während des Kaufs zu erhalten.
IntegrationHTML + JavaScriptDer Button wird aus einem einfachen Formular und dem transparenten Checkout-Skript erzeugt.
BetriebWebhooksVerwenden Sie Ereignisse, um den tatsächlichen Zahlungsstatus in Ihren Systemen zu bestätigen und zu synchronisieren.
Integration

Ein HTML-Formular und die Checkout sind verbunden.

Die folgende Struktur folgt dem von IOPAY dokumentierten Modell für den Zahlungsknopf. Die Kennwerte und der Integrations-Identifikator müssen durch die Daten Ihres Kontos und Umgebungs ersetzt werden.

<!-- Botão de Pagamento IOPAY -->
<form id="_iopay_checkout"
      action="https://checkout.iopay.dev/app/pay/SEU_ID"
      method="post"
      target="_iopay_frame"
      onsubmit="return false;">

  <input type="hidden" name="integration" value="transparent">
  <input type="hidden" name="business" value="SEU_EMAIL">
  <input type="hidden" name="reference_id" value="PEDIDO_1024">
  <input type="hidden" name="amount" value="199.00">

  <!-- Personalização opcional -->
  <input type="hidden" name="io_config_primary_color" value="#111111">
  <input type="hidden" name="io_config_secondary_color" value="#6547ff">

  <button onclick="iopay()" name="payWithIO">
    Pagar agora
  </button>
</form>

<link href="https://checkout.iopay.dev/checkout/assets/css/front.checkout.transparent.iopay.css" rel="stylesheet">
<script src="https://checkout.iopay.dev/checkout/assets/js/front.checkout.transparent.iopay.min.js"></script>
Wie funktioniert

Von HTML bis zu bestätigter Zahlung.

Der Button ist einfach auf der Seite, aber immer noch integriert in die Zahlungs- und Veranstaltungsinfrastruktur von IOPAY.

01
Aktivieren Sie die Operation.Das Konto muss für Zahlungsbuttonen aktiviert und die entsprechenden Integrationsdaten erhalten.
02
Setzen Sie das Formular ein.Sie müssen transparente Integration, Anforderungserweisung, Wert und andere Daten vorab ausfüllen.
03
Personalisieren Sie die Erfahrung.Farben können im Formular selbst festgelegt werden; das Logo wird im Online-Zahlungenbereich des Kontos konfiguriert.
04
Bestätigen Sie webhook.Die Rückkehr-URL orientiert die Navigation des Kunden. Die Zahlung muss für die über webhook gesendeten Veranstaltungen bestätigt werden.
Öffnen Sie die vollständige Dokumentation —
Wo zu verwenden

Setzen Sie die Zahlung an den Punkt der grössten Absicht.

Das gleiche Mechanismus kann sehr unterschiedliche Geschäftsreisen unterstützen, vorausgesetzt, es gibt eine Seite, die das Formular und den Checkout-JavaScript laden kann.

01

Landing-Seiten.

Kampagnen, Veröffentlichungen, Webinare, Anmeldungen, Vorabverkauf und Performance-Bereichungen.

02

Produktseiten.

Erstellen Sie eine direkte Zahlungsroute, auch wenn es kein vollständiger Katalog oder einen traditionellen Wagen gibt.

03

Kampagnen und Medien.

Verbinden Sie Anzeigen, Inhalte, Influencers und Werbe-Seiten mit einer spezifischen, messbaren Gebühr.

Zahlungsbuttons IOPAY

Eine kleine Integration, um eine neue Umrechnungsroute zu eröffnen.

Öffnen Sie Ihr Konto, aktivieren Sie das Produkt und geben Sie die Gebühr direkt auf die Seiten ein, auf denen Ihre Kunden bereits sind.

Konto eröffnen ↗Mit einem Fachmann sprechen