Integracja z Przelewy24

05.03.2019

Aby zintegrować swój landing page z Przelewy24, wystarczy, że dodasz odpowiednie atrybuty do pól w formularzu oraz wkleisz dodatkowy Javascript.

1. Zaloguj się do swojego konta Przelewy24.

2.  Przejdź do zakładki Moje Dane i skopiuj kod CRC oraz id-sprzedawcy – będą Ci potrzebne w dalszych krokach.

przelewy24_dane_konta

3. Przejdź do aplikacji Landingi i edycji wybranego landing page.

4. Stwórz formularz z następującymi polami attribute name k24_xxx i z24_xxx:

  • k24_nazwa (imię, nazwisko, nazwa);
  • k24_ulica (dane adresowe);
  • k24_numer_dom (dane adresowe);
  • k24_kod (dane adresowe);
  • k24_miasto (dane adresowe);
  • k24_telefon (dane kontaktowe);
  • k24_email (dane kontaktowe);
  • k24_nip (jeśli ktoś chce fakturę);
  • z24_id_sprzedawcy (pole ukryte, wymagane);
  • z24_crc (pole ukryte, wymagane);
  • z24_kwota (pole ukryte, kwota płatności w groszach, wymagane);
  • z24_nazwa (pole ukryte, tytuł przelewu, wymagane);
  • z24_opis (pole ukryte, opcjonalne);
  • z24_return_url (pole ukryte, opcjonalne) – dotyczy adresu URL, na który powróci użytkownik po dokonaniu płatności.

W opcjach formularza powinno to wyglądać mniej więcej tak:

formularz_name_attribute

5. Zapisz zmiany i wejdź w Dashboard -> kody Javascript w tego landing page’a.

dodaj_kod_js

6. Dodaj następujący kod JavaScript na stronę po konwersji w pozycji Body bottom.

<script> 
  (function () {
    function convertToIso (string) {
      return string
        .replace(/Ą/g, '%A1')
        .replace(/ą/g, '%B1')
        .replace(/Ć/g, '%C6')
        .replace(/ć/g, '%E6')
        .replace(/Ę/g, '%CA')
        .replace(/ę/g, '%EA')
        .replace(/Ł/g, '%A3')
        .replace(/ł/g, '%B3')
        .replace(/Ń/g, '%D1')
        .replace(/ń/g, '%F1')
        .replace(/Ó/g, '%D3')
        .replace(/ó/g, '%F3')
        .replace(/Ś/g, '%A6')
        .replace(/ś/g, '%B6')
        .replace(/Ż/g, '%AF')
        .replace(/Ź/g, '%AC')
        .replace(/ż/g, '%BF')
        .replace(/ź/g, '%BC')
        .replace(/\:/g, '%3A')
        .replace(/\,/g, '%2C')
        .replace(/\?/g, '%3F')
        .replace(/\!/g, '%21')
        .replace(/\;/g, '%3B')
        .replace(/\:/g, '%3A')
        .replace(/\@/g, '%40')
        .replace(/\#/g, '%23')
        .replace(/\$/g, '%24')
        .replace(/\^/g, '%5E')
        .replace(/\(/g, '%28')
        .replace(/\)/g, '%29')
        .replace(/\[/g, '%5B')
        .replace(/\]/g, '%5D')
        .replace(/\{/g, '%7B')
        .replace(/\}/g, '%7D')
        .replace(/\ /g, '+')
        .replace(/\*/g, '%2A')
        .replace(/\//g, '%2F')
    }	

    var conversionParams = $.param(conversion);
    var url = 'https://sklep.przelewy24.pl/zakup.php?' + convertToIso(decodeURIComponent(conversionParams));
    console.log(url)
    if (!conversion.pobranie) {
        window.location.href = url;
    }
})();
</script>

7. Wypełnij testowo formularz na swoim landingu i zobacz, czy zostałeś prawidłowo przekierowany na stronę płatności.

Czy ten artykuł był dla Ciebie pomocny?

Nadal potrzebujesz pomocy?

Skontaktuj się z naszym supportem. Chętnie pomożemy.
Wyślij nam wiadomość
Ta strona używa plików cookies w celach analitycznych. Polityka prywatności.