IOPAY→Zahlungsbuttons
Zahlungsbuttons

Direkte Zahlung, am Ort des Kaufs.

Fügen Sie Ihrer Website, Landingpage oder Kampagne einen Button hinzu und öffnen Sie den Checkout, ohne die Seite in einen E-Commerce-Shop zu verwandeln.

Dokumentation ↗

Ein Klick zum Checkout.

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

Seite Button Checkout Bestätigung
Conversion mit weniger Schritten

Ein kleiner Button.
Ein kompletter Ablauf.

Der Button verbindet Kampagnenseiten, Unternehmenswebsites, Produktseiten und einmalige Angebote mit einem transparenten Checkout. Die Oberfläche kann die visuelle Identität des Betriebs widerspiegeln, und die Zahlungsbestätigung bleibt mit dem technischen Ablauf von IOPAY verbunden.

01

Zahlung im richtigen Kontext.

Führen Sie den Kunden vom Inhalt oder Angebot direkt zur Zahlung, ohne für jede Kampagne einen kompletten Shop zu bauen.

02

Anpassbarer Checkout.

Legen Sie Primär- und Sekundärfarbe fest und verknüpfen Sie das Logo des Unternehmens mit dem Zahlungserlebnis.

03

Pix, Karte und Boleto.

Aktivieren Sie die für den Betrieb aktivierten Zahlungsarten in einem gemeinsamen Checkout-Ablauf.

04

Ereignisse für Ihren Betrieb.

Nutzen Sie Webhooks, um Bestellung, CRM, ERP, Automatisierungen oder jedes andere System nach Statusänderungen zu aktualisieren.

Von der Absicht zur Zahlung

Weniger Weg zwischen Wollen und Bezahlen.

Zahlungsbuttons sind besonders nützlich, wenn der Kauf ausserhalb eines klassischen Checkouts entsteht: Kampagnen, Launches, Aktionsseiten, Abonnements, Veranstaltungen, kommerzielle Inhalte und Abläufe, die einen klaren Zahlungspunkt brauchen.

KampagnenCTA → CheckoutVerwandeln Sie einen Vertriebsaufruf in einen direkten Weg zur Zahlung.
MarkeFarben + LogoPassen Sie das Erlebnis an, um die visuelle Kontinuität während des Kaufs zu wahren.
IntegrationHTML + JavaScriptDer Button wird aus einem einfachen Formular und dem Skript des transparenten Checkouts gerendert.
BetriebWebhooksNutzen Sie Ereignisse, um den realen Zahlungsstatus in Ihren Systemen zu bestätigen und zu synchronisieren.
Integration

Ein HTML-Formular, und der Checkout ist verbunden.

Die folgende Struktur entspricht dem von IOPAY dokumentierten Modell für den Zahlungsbutton. Die Werte für Zugangsdaten und die Kennung der Integration müssen durch die Daten Ihres Kontos und Ihrer Umgebung 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>
So funktioniert es

Vom HTML zur bestätigten Zahlung.

Der Button ist auf der Seite schlicht, bleibt aber in die Zahlungs- und Ereignisinfrastruktur von IOPAY integriert.

01
Aktivieren Sie den Betrieb.Das Konto muss für Zahlungsbuttons aktiviert sein und die entsprechenden Integrationsdaten erhalten.
02
Richten Sie das Formular ein.Geben Sie die transparente Integration, die Bestellreferenz, den Betrag und weitere Daten an, die Sie vorab ausfüllen möchten.
03
Passen Sie das Erlebnis an.Farben können im Formular selbst festgelegt werden; das Logo wird im Bereich Online-Zahlungen des Kontos konfiguriert.
04
Bestätigen Sie per Webhook.Die Rücksprung-URL steuert die Navigation des Kunden. Die Zahlungsbestätigung muss über die per Webhook gesendeten Ereignisse erfolgen.
Vollständige Dokumentation öffnen ↗
Einsatzbereiche

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

Derselbe Mechanismus kann sehr unterschiedliche Vertriebsabläufe unterstützen, sofern es eine Seite gibt, die das Formular und das JavaScript des Checkouts laden kann.

01

Landingpages.

Kampagnen, Launches, Webinare, Anmeldungen, Vorverkäufe und Performance-Angebote.

02

Produktseiten.

Schaffen Sie einen direkten Weg zur Zahlung, auch wenn es keinen vollständigen Katalog oder klassischen Warenkorb gibt.

03

Kampagnen und Medien.

Verbinden Sie Anzeigen, Inhalte, Influencer und Aktionsseiten mit einer bestimmten, messbaren Zahlungsanforderung.

IOPAY-Zahlungsbuttons

Eine kleine Integration, um einen neuen Conversion-Weg zu öffnen.

Eröffnen Sie Ihr Konto, aktivieren Sie das Produkt und binden Sie die Zahlung direkt auf den Seiten ein, auf denen Ihre Kunden bereits sind.

Konto eröffnen ↗Mit einem Experten sprechen