Produkt

Twórz, publikuj i optymalizuj strony w intuicyjnym kreatorze “drag&drop”, bez znajomości kodowania

Przyspiesz proces tworzenia dzięki ponad 400 w pełni edytowalnym szablonom stron, pop-upów i sekcji

Śledź mikrokonwersje bezpośrednio w Dashboardzie i analizuj eventy za pomocą mapy wizualnej strony

Łącz się z ponad 170 integracjami, aby pracować szybciej, wydajniej i tak jak lubisz

Zwiększaj sprzedaż i konwersje dzięki ekspozycji produktów i płynnemu procesowi zakupowemu

Korzystaj z niezawodnej i bezpiecznej platformy, płynnie obsługującej miliony wizyt miesięcznie

Zasoby

Poznaj digital marketing! Dowiedz się, jak zwiększać konwersje na stronach i zaangażowanie klientów

Instrukcje konfiguracji i wskazówki, dzięki którym postawisz pierwsze kroki w Landingi i zoptymalizujesz swoje strony

Darmowy kurs dla twórców landing page’y! Zostań mistrzem stron docelowych i poznaj wszystkie ich sekrety

Masz pytanie? Jesteśmy do Twojej dyspozycji

Umów się na indywidualną rozmowę i odkryj, co może dać Ci nasza platforma

Zleć projekt landing page’a lub import istniejącej strony z innej platformy do Landingi

Home Help Center Integracja z Przelewy24

Integracja z Przelewy24

SPIS TREŚCI

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 ukryteNazwę 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ć.

Zobacz wszystkie nasze integracje w Katalogu Integracji, aby poznać narzędzia, z którymi możesz połączyć Landingi.