Maksupainikkeet

Suora maksu ostohetkellä.

Lisää painike verkkosivullesi, laskeutumissivullesi tai kampanjaasi ja avaa checkout muuttamatta sivua verkkokaupaksi.

Dokumentaatio ↗

Yksi klikkaus checkoutiin.

Asiakas siirtyy maksuun menettämättä sivun kontekstia.

Konversio vähemmillä vaiheilla

Pieni painike.
Täydellinen polku.

Painike yhdistää kampanjasivut, yrityssivustot, tuotesivut ja kertaluonteiset tarjoukset läpinäkyvään checkoutiin. Käyttöliittymä voi heijastaa toiminnan visuaalista identiteettiä, ja maksun vahvistus pysyy yhteydessä IOPAYn tekniseen virtaan.

01

Maksu oikeassa kontekstissa.

Vie asiakas sisällöstä tai tarjouksesta suoraan veloitukseen rakentamatta täyttä kauppaa jokaista kampanjaa varten.

02

Mukautettava checkout.

Määritä pää- ja toissijainen väri ja liitä yrityksen logo maksukokemukseen.

03

Pix, kortti ja boleto.

Ota toiminnalle käyttöön otetut maksutavat käyttöön samassa checkout-polussa.

04

Tapahtumat toimintaasi varten.

Käytä webhookeja tilauksen, CRM:n, ERP:n, automaatioiden tai minkä tahansa järjestelmän päivittämiseen tilamuutosten jälkeen.

Aikeesta maksuun

Vähemmän matkaa haluamisen ja maksamisen välillä.

Maksupainikkeet ovat erityisen hyödyllisiä, kun osto syntyy perinteisen checkoutin ulkopuolella: kampanjat, lanseeraukset, kampanjasivut, tilaukset, tapahtumat, kaupallinen sisältö ja polut, jotka tarvitsevat selkeän veloituskohdan.

kampanjatCTA → checkoutMuuta myyntikehotus suoraksi poluksi maksuun.
brändiVärit + logoMukauta kokemus säilyttääksesi visuaalisen jatkuvuuden oston aikana.
integraatioHTML + JavaScriptPainike renderöidään yksinkertaisesta lomakkeesta ja läpinäkyvän checkoutin skriptistä.
toimintaWebhooksKäytä tapahtumia maksun todellisen tilan vahvistamiseen ja synkronointiin järjestelmissäsi.
Integraatio

Yksi HTML-lomake, ja checkout on yhdistetty.

Alla oleva rakenne noudattaa IOPAYn dokumentoimaa mallia maksupainikkeelle. Tunnisteiden arvot ja integraation tunniste on korvattava tilisi ja ympäristösi tiedoilla.

<!-- 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>
Miten se toimii

HTML:stä vahvistettuun maksuun.

Painike on sivulla yksinkertainen, mutta pysyy integroituna IOPAYn maksu- ja tapahtumainfrastruktuuriin.

01
Ota toiminta käyttöön.Tilin on oltava käytössä Maksupainikkeille ja saatava soveltuvat integraatiotiedot.
02
Määritä lomake.Ilmoita läpinäkyvä integraatio, tilausviite, summa ja muut tiedot, jotka haluat esitäyttää.
03
Mukauta kokemus.Värit voi määrittää suoraan lomakkeessa; logo määritetään tilin Verkkomaksut-osiossa.
04
Vahvista webhookilla.Paluu-URL ohjaa asiakkaan navigointia. Maksun vahvistus on tehtävä webhookin kautta lähetettyjen tapahtumien perusteella.
Avaa koko dokumentaatio ↗
Missä käyttää

Sijoita maksu suurimman ostoaikeen kohtaan.

Sama mekanismi voi tukea hyvin erilaisia myyntipolkuja, kunhan on sivu, joka pystyy lataamaan checkoutin lomakkeen ja JavaScriptin.

01

Laskeutumissivut.

Kampanjat, lanseeraukset, webinaarit, ilmoittautumiset, ennakkomyynnit ja performance-tarjoukset.

02

Tuotesivut.

Luo suora reitti maksuun, vaikka täyttä katalogia tai perinteistä ostoskoria ei olisi.

03

Kampanjat ja media.

Yhdistä mainokset, sisältö, vaikuttajat ja kampanjasivut tiettyyn, mitattavaan veloitukseen.

IOPAYn maksupainikkeet

Pieni integraatio uuden konversioreitin avaamiseen.

Avaa tilisi, ota tuote käyttöön ja upota veloitus suoraan sivuille, joilla asiakkaasi jo ovat.