Makse õiges kontekstis.
Vii klient sisust või pakkumisest otse maksenõudeni, ilma iga kampaania jaoks täispoodi ehitamata.
Maksenupud
Otsemakse ostu hetkel.
Lisa nupp oma veebilehele, maandumislehele või kampaaniasse ja ava checkout ilma lehte e-poeks muutmata.
Üks klõps checkoutini.
Klient liigub maksma lehe konteksti kaotamata.
Leht
Nupp
Checkout
Kinnitus
Konversioon vähemate sammudegaÜks väike nupp.
Üks väike nupp.
Täielik teekond.
Nupp ühendab kampaanialehed, ettevõtte veebilehed, tootelehed ja ühekordsed pakkumised läbipaistva checkoutiga. Liides võib peegeldada toimingu visuaalset identiteeti ja makse kinnitus jääb ühendatuks IOPAY tehnilise vooga.
Kohandatav checkout.
Määra põhi- ja teisene värv ning seo ettevõtte logo maksekogemusega.
Pix, kaart ja boleto.
Aktiveeri toimingu jaoks lubatud makseviisid ühes checkouti teekonnas.
Sündmused sinu toimingu jaoks.
Kasuta webhooke tellimuse, CRM-i, ERP, automatiseerimiste või mis tahes süsteemi uuendamiseks pärast staatusemuudatusi.
Kavatsusest makseni
Vähem teed soovimise ja maksmise vahel.
Maksenupud on eriti kasulikud, kui ost tekib väljaspool traditsioonilist checkouti: kampaaniad, lansseeringud, kampaanialehed, tellimused, üritused, kommertssisu ja teekonnad, mis vajavad selget maksepunkti.
kampaaniadCTA → checkoutMuuda müügikutse otseseks teeks makseni.
brändVärvid + logoKohanda kogemust, et hoida ostu ajal visuaalset järjepidevust.
integratsioonHTML + JavaScriptNupp renderdatakse lihtsast vormist ja läbipaistva checkouti skriptist.
toimingudWebhooksKasuta sündmusi makse tegeliku oleku kinnitamiseks ja sünkroniseerimiseks oma süsteemides.
Integratsioon
Üks HTML-vorm ja checkout on ühendatud.
Allolev struktuur järgib IOPAY dokumenteeritud mudelit maksenupu jaoks. Tunnuste väärtused ja integratsiooni identifikaator tuleb asendada sinu konto ja keskkonna andmetega.
<!-- 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>Kuidas see töötabAva täielik dokumentatsioon ↗
HTML-ist kinnitatud makseni.
Nupp on lehel lihtne, kuid jääb lõimituks IOPAY maksete ja sündmuste infrastruktuuriga.
01
Luba toiming.Konto peab olema maksenuppude jaoks lubatud ja saama kohaldatavad integratsiooniandmed.
02
Seadista vorm.Sisesta läbipaistev integratsioon, tellimuse viide, summa ja muud andmed, mida soovid eeltäita.
03
Kohanda kogemust.Värvid saab määrata otse vormis; logo seadistatakse konto veebimaksete jaotises.
04
Kinnita webhookiga.Tagasisuunamise URL juhib kliendi navigeerimist. Makse kinnitus tuleb teha webhooki kaudu saadetud sündmuste põhjal.
Kus kasutada
Pane makse suurima ostukavatsuse kohta.
Sama mehhanism võib toetada väga erinevaid müügiteekondi, kui on olemas leht, mis suudab laadida checkouti vormi ja JavaScripti.
01
Maandumislehed.
Kampaaniad, lansseeringud, veebiseminarid, registreerimised, eelmüügid ja performance-pakkumised.
02
Tootelehed.
Loo otsetee makseni ka siis, kui täielikku kataloogi või traditsioonilist ostukorvi pole.
03
Kampaaniad ja meedia.
Ühenda reklaamid, sisu, mõjuisikud ja kampaanialehed konkreetse ja mõõdetava maksenõudega.
IOPAY maksenupud
Väike integratsioon uue konversioonitee avamiseks.
Ava oma konto, luba toode ja põimi maksenõue otse lehtedele, kus su kliendid juba on.