Płatności DotPay

Zaktualizowano: 6 czerwca, 2022 Autor:

Teresa

Spis treści

DotPay to platforma służąca do obsługi płatności internetowych. Aby korzystać z płatności DotPay na swoim landing page'u, wystarczy, że wykonasz kilka poniższych kroków.

Zintegruj landing page z DotPay

1. Zaloguj się na swoje konto w Landingi i przejdź do edytora landing page’a.

2. Wejdź w Ustawienia formularza > Pola formularza i utwórz poniższe pola (zwróć uwagę na odpowiedni typ pola). Wstaw wartość podaną w nawiasie w nazwę atrybutu, którą znajdziesz, klikając w Dodatkowe opcje w ustawieniach pola.

Predefiniowane pola

Imię (firstname)
Email (mail)
Telefon (phone)

Pole tekst jednoliniowy

Nazwisko (lastname)

Pola ukryte

zamiast id, wpisz Twoje ID z DotPay (id)
zamiast amount, wpisz kwotę transakcji (tylko liczby), np. 123.00 (amount)
zamiast currency, wpisz walutę transakcji, np. PLN (currency)
zamiast description, wpisz opis transakcji, np. Opłata za bilet (description)

Poniżej przykładowy widok z ustawień formularza:

3. Jeśli chcesz dodać możliwość wystawienia faktury VAT (opcjonalnie), utwórz także poniższe pola:

Pole typu checkbox

“Chcę otrzymać fakturę VAT” (invoice)

Pola tekst jednoliniowy

Nazwa firmy (company)
Adres (address)
Miasto (city)
NIP (nip)

4. Zapisz i zamknij. Opublikuj landing page'a.

5. Przejdź do Dashboardu landing page’a, do zakładki Kody JavaScript. Możesz się tam dostać bezpośrednio z poziomu edytora:

6. Kliknij w Dodaj kod.

7. Nadaj Nazwę i wklej poniższy skrypt w polu Treść. Wybierz pozycję Body – na dole na Stronie po konwersji. Kliknij Dodaj. Więcej o dodawaniu kodów znajdziesz w instrukcji JavaScript – dodawanie własnych skryptów

<script>
    var params = $.param(conversion) window.location.href = 'https://ssl.dotpay.pl/t2/?' + params
</script>

8. Jeśli chcesz mieć możliwość wystawiania faktur VAT, dodaj jeszcze jeden skrypt. Wklej poniższy skrypt w polu Treść. Wybierz pozycję Body – na dole na Stronie głównej. Kliknij Dodaj.

<script>
    var invoice = $('input[name=invoice]') var companyFields = invoice.parent().nextAll('div.widget-container:not(.input-button-container)')
    function checkIfInvoiceIsActive() {
        if (invoice.is(':checked')) {
            companyFields.show()
        } else {
            companyFields.hide()
        }
    }
    checkIfInvoiceIsActive() invoice.on('change', checkIfInvoiceIsActive)
</script>

9. Przetestuj, czy przekierowanie na stronę płatności działa poprawnie – powinno wyglądać tak, jak poniżej (zwróć uwagę na dane, które zostały pobrane z pól Twojego formularza):

Od teraz Twój landing page jest zintegrowany z płatnościami DotPay.

UWAGA: Pamiętaj, że DotPay jest rozwiązaniem zewnętrznym 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.