Jak możemy Ci pomóc?
- Help Center
- Integracje
- Integracja z Przelewy24
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.