Płatności DotPay

Zaktualizowano: 6 czerwca, 2022 Autor: Teresa
Spis treści
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:

    dotpay formularz landingi

    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:

    dashboard javascript landingi

    6. Kliknij w Dodaj kod.

    dodaj kod java

    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>
    

    dotpay kod java

    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>
    

    dotpay java vat

    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):

    dotpay landingi

    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.

    Czy ta instrukcja była pomocna?