IOPAY→Przyciski płatności
Przyciski płatności

Płatność bezpośrednia, w punkcie zakupu.

Dodaj przycisk do swojej witryny, landing page'a lub kampanii i otwórz checkout, nie zamieniając strony w sklep internetowy.

Dokumentacja ↗

Jedno kliknięcie do checkoutu.

Klient przechodzi do płatności bez utraty kontekstu strony.

Strona Przycisk Checkout Potwierdzenie
Konwersja w mniejszej liczbie kroków

Jeden mały przycisk.
Kompletna ścieżka.

Przycisk łączy strony kampanii, witryny firmowe, strony produktów i oferty jednorazowe z przezroczystym checkoutem. Interfejs może odzwierciedlać tożsamość wizualną operacji, a potwierdzenie płatności pozostaje połączone z przepływem technicznym IOPAY.

01

Płatność w odpowiednim kontekście.

Prowadź klienta od treści lub oferty prosto do płatności, bez tworzenia pełnego sklepu dla każdej kampanii.

02

Konfigurowalny checkout.

Określ kolor podstawowy i dodatkowy oraz powiąż logo firmy z doświadczeniem płatności.

03

Pix, karta i boleto.

Aktywuj metody płatności włączone dla operacji w jednej ścieżce checkoutu.

04

Zdarzenia dla Twojej operacji.

Używaj webhooków do aktualizacji zamówienia, CRM, ERP, automatyzacji lub dowolnego systemu po zmianach statusu.

Od intencji do płatności

Mniej drogi między chceniem a płaceniem.

Przyciski płatności są szczególnie przydatne, gdy zakup rodzi się poza tradycyjnym checkoutem: kampanie, premiery, strony promocyjne, subskrypcje, wydarzenia, treści handlowe i ścieżki wymagające jasnego punktu pobrania płatności.

kampanieCTA → checkoutZamień wezwanie handlowe w bezpośrednią drogę do płatności.
markaKolory + logoDostosuj doświadczenie, aby zachować ciągłość wizualną podczas zakupu.
integracjaHTML + JavaScriptPrzycisk jest renderowany z prostego formularza i skryptu przezroczystego checkoutu.
operacjeWebhooksUżywaj zdarzeń, aby potwierdzać i synchronizować rzeczywisty stan płatności w swoich systemach.
Integracja

Jeden formularz HTML i checkout jest połączony.

Poniższa struktura odpowiada modelowi udokumentowanemu przez IOPAY dla przycisku płatności. Wartości danych uwierzytelniających i identyfikator integracji należy zastąpić danymi Twojego konta i środowiska.

<!-- 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>
Jak to działa

Od HTML do potwierdzonej płatności.

Przycisk jest prosty na stronie, ale pozostaje zintegrowany z infrastrukturą płatności i zdarzeń IOPAY.

01
Włącz operację.Konto musi być włączone dla Przycisków płatności i otrzymać odpowiednie dane integracyjne.
02
Skonfiguruj formularz.Podaj integrację przezroczystą, odniesienie zamówienia, kwotę i inne dane, które chcesz wstępnie wypełnić.
03
Dostosuj doświadczenie.Kolory można określić w samym formularzu; logo konfiguruje się w obszarze Płatności online konta.
04
Potwierdź przez webhook.URL powrotu kieruje nawigacją klienta. Potwierdzenie płatności należy wykonać na podstawie zdarzeń wysyłanych przez webhook.
Otwórz pełną dokumentację ↗
Gdzie używać

Umieść płatność w punkcie największej intencji.

Ten sam mechanizm może wspierać bardzo różne ścieżki handlowe, o ile istnieje strona zdolna załadować formularz i JavaScript checkoutu.

01

Landing page'e.

Kampanie, premiery, webinary, zapisy, przedsprzedaże i oferty performance.

02

Strony produktów.

Utwórz bezpośrednią drogę do płatności nawet wtedy, gdy nie ma pełnego katalogu ani tradycyjnego koszyka.

03

Kampanie i media.

Połącz reklamy, treści, influencerów i strony promocyjne z konkretną, mierzalną płatnością.

Przyciski płatności IOPAY

Mała integracja otwierająca nową drogę konwersji.

Otwórz konto, włącz produkt i osadź płatność bezpośrednio na stronach, na których Twoi klienci już są.

Otwórz konto ↗Porozmawiaj z ekspertem