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.

Pobierz kod CRC i id-sprzedawcy z 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.

Skonfiguruj formularz i dodaj kod JavaScript w Landingi

1. Przejdź do platformy Landingi i edytora wybranego landing page’a.

2. Stwórz formularz i przejdź do jego Ustawień.

3. Dodaj nowe elementy – pola ukryte. Nazwę atrybutu znajdziesz, klikając w Dodatkowe opcje.

W polu nazwa atrybutu wklej wartości podane poniżej. W polu value wklej wartość dla danego atrybutu.

Na przykład: jeżeli Twoje ID sprzedawcy to 123, to pola powinny być wypełnione tak jak na poniższym przykładzie: 

Cztery pierwsze elementy to pola wymagane, reszta jest opcjonalna. Wartość dla pola Nazwa atrybutu może zawierać tylko wartości podanej poniżej:

• z24_id_sprzedawcy (pole ukryte, wymagane);
• z24_crc (pole ukryte, wymagane);
• z24_kwota (pole ukryte, kwota płatności w groszach, wymagane); TUTAJ przeczytasz jak podawać kwotę
• z24_nazwa (pole ukryte, tytuł przelewu, wymagane);

• 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_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.

4. Zapisz zmiany.

5. Teraz dodaj kod JavaScript.

Wejdź w Dashboard > Kody JavaScript i kliknij Dodaj skrypt. 

Do kodów JavaScript możesz przejść także z poziomu edytora:

6. Skopiuj poniższy kod JavaScript:

<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. Wpisz nazwę kodu (1). Wklej skopiowany kod (2) i wybierz pozycję Body – na dole (3). Następnie wybierz Stronę po konwersji (4) i kliknij w Dodaj.

8. Wypełnij testowo formularz na swoim landing page'u 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.

Format zapisywania kwot

Kwota dla atrybutu z24_kwota musi być podana w groszach. Na przykład: jeżeli cena Twojego produktu to 1 zł, w polu value wpisz 100, jeżeli cena produktu to 20 zł, to wpisz 2000, itd.

UWAGA: Pamiętaj, że Przelewy24 to rozwiązanie zewnętrzne i jest stale rozwijane. Staramy się na bieżąco aktualizować nasze wpisy, jednak jeśli zauważysz jakieś zmiany w procesie konfiguracji, daj nam znać.