Integracja z Przelewy24

Przelewy24 to system płatności internetowych. Aby zintegrować swój landing page z Przelewy24, wystarczy, że dodasz odpowiednie atrybuty do pól w formularzu oraz wkleisz dodatkowy kod Javascript.

Krok I – po stronie Przelewy24

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 dalszym kroku.

Krok II – po stronie platformy Landingi

3. Przejdź do platformy Landingi i edycji wybranego landing page’a.

4. Stwórz formularz i dodaj do niego poniższe pola (cztery ukryte pola wymagane są obowiązkowe, reszta jest opcjonalna), nadając im odpowiednią Nazwę atrybutu 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 chcesz wystawić 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.

Poniżej możesz zobaczyć przykładową implementację (Nazwę atrybutu znajdziesz klikając w Dodatkowe opcje):

5. Zapisz zmiany, a następnie wejdź w Dashboard > kody Javascript tego landing page’a i kliknij Dodaj skrypt. Więcej o dodawaniu własnych kodów Javascript znajdziesz tutaj.

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.

Od teraz Twój landing page jest zintegrowany z systemem płatności Przelewy24.