Betalingsknapper

Direkte betaling, præcis hvor købet sker.

Tilføj en knap til din hjemmeside, landing side eller kampagne og åbne kassen uden at vende siden til en e-handel

Dokumentation -

Et klik til kassen.

customer går videre til betalingen uden at miste sammenhængen på siden.

Konvertering med færre trin

En lille knap.
En hel tur.

Knappen forbinder kampagnesider, institutionelle hjemmesider, produktsider og engangstilbud til en gennemsigtig udtjekning. Interfacet kan afspejle transaktionens visuelle identitet, og betalingsbekræftelsen forbliver forbundet til IOPAY 's tekniske flow.

01

Betaling i den rette sammenhæng.

Tag customer af indholdet eller tilbyde direkte til afgiften uden at skabe en komplet butik for hver kampagne.

02

Tilpasset udtjekning.

Definer primære og sekundære farver og associere virksomhedens logo med betalingsoplevelsen.

03

Pix, kort og boleto.

Aktivér betalingsmetoderne aktiveret for operationen på samme checkout dag.

04

Begivenheder til din operation.

Brug webhooks til at opdatere en ordre, CRM, ERP, automatisering eller ethvert system efter ændringer i status.

Fra hensigt til betaling

Mindre af en måde mellem at ville og betale.

Betalingsknapper er især nyttigt, når købet er født uden for en traditionel check: kampagner, lanceringer, salgsfremmende sider, abonnementer, arrangementer, kommercielt indhold og betalingsforløb, der har brug for et klart opladning.

kampagnerTCL → kontrolLav et forretningsopkald til en direkte betalingstur.
mærkeFarver + logoTilpas oplevelsen til at opretholde visuel kontinuitet under købet.
integrationHTML + JavaScriptKnappen er rendt fra en simpel form og den gennemsigtige checkout script.
driftWebhooksBrug begivenheder til at bekræfte og synkronisere den faktiske status for betaling på dine systemer.
Integration

En HTML-formular og kassen er tilsluttet.

Følgende struktur følger den model, som IOPAY har dokumenteret for betalingsknappen. Kreditværdierne og integrationsidentifikatoren erstattes af data fra din konto og miljø.

<!-- 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>
Sådan virker det

Fra HTML til bekræftet betaling.

Knappen er enkel på siden, men den er stadig integreret i IOPAY betalinger og begivenheder infrastruktur.

01
Aktivér operationen.Kontoen skal være aktiveret for betalingsknapper og modtage de relevante integrationsdata.
02
Sæt formularen op.Rapportér gennemsigtig integration, reference til anmodningen, værdi og andre data, du ønsker at præ- fylde.
03
Tilpas oplevelsen.Farver kan indstilles i form af sig selv; logoet er oprettet i Online Betalinger område af kontoen.
04
Bekræft af webhook.ReturneringsURL 'en guider kundens navigation. Bekræftelse af betaling foretages af begivenheder, der sendes via webhook.
Åbn den fulde dokumentation -
Hvor skal du bruge

Sæt betalingen på det punkt, hvor der er størst hensigt.

Den samme mekanisme kan understøtte meget forskellige forretningsrejser, forudsat at der er en side, der er i stand til at indlæse formularen og JavaScript af kassen.

01

Landing sider.

Kampagner, opsendelser, webinarer, abonnementer, præsalgstilbud og performance-tilbud.

02

Produktsider.

Opret en direkte rute til betaling, selv når der er ingen fuld katalog eller traditionel vogn.

03

Kampagner og medier.

Tilslut annoncer, indhold, indløb og reklame- sider til en specifik, målelig afgift.

Betalingsknapper IOPAY

En lille integration for at åbne en ny konverteringsvej.

Åbn din konto, aktivere produktet, og tilføje afgiften direkte til de sider, dine kunder allerede er på.