Dodatek Adyen
Wprowadzenie
Dodatek Adyen jest dodatkiem premium, możesz go zakupić w ramach jednej z naszych subskrypcji. Dziękujemy!
Dodatek Adyen Payments od iform4u umożliwia integrację iform4u z Adyen Payments. Dzięki temu dodatkowi możesz tworzyć formularze płatności za pomocą nowego SDK Dropin.js, które bezpiecznie zbiera informacje o kartach klientów bez konieczności obsługi wrażliwych danych kart przez Ciebie.
Instalacja Dodatku Adyen
Proces instalacji dodatku Adyen jest bardzo prosty i podobny do instalacji innych dodatków. Aby zainstalować dodatek Adyen, przejdź do menu Dodatki i skonfiguruj go.
Tworzenie Formularza Płatności
Formularze są tworzone za pomocą Kreatora Formularzy. Wystarczy przeciągnąć i upuścić potrzebne pola formularza oraz dodać Pole Fragmentu HTML z następującą zawartością:
{{ADYEN}}
Następnie, w interfejsie dodatku Adyen, możesz wybrać pola, które będą zbierały niezbędne informacje do dokonania płatności w Adyen, np. cena, ilość itp.
Uzyskanie Kluczy API z Twojego konta Adyen
Teraz, gdy masz formularz, zintegrować go z kontem Adyen. W tym celu musisz uzyskać następujące informacje z konta Adyen:
- Klucz API
- Klucz Pochodzenia (Origin Key)
- Kontekst Ładowania (Loading Context)
- Konto Merchant (Merchant Account)
- Prefiks URL na Żywo (Live Url Prefix) (Wymagany do przejścia na produkcję i otrzymywania płatności na żywo)
Oto kroki, które musisz wykonać, aby uzyskać wymagane informacje:
Uwaga: Możesz utworzyć Konto Testowe, aby testować swoje formularze i płatności, a następnie zmienić klucze i środowisko na produkcyjne, aby odbierać płatności na żywo.
Konfiguracja Formularzy Płatności z Twoim kontem Adyen
Aby utworzyć konfigurację Adyen, wykonaj następujące kroki:
- Przejdź do Menedżera Dodatków i kliknij Adyen.
- Kliknij przycisk Skonfiguruj Formularz Płatności.
-
Pojawi się formularz do skonfigurowania procesu płatności:
- Formularz: Wymagany. Formularz, który będzie zintegrowany z Twoim kontem Adyen.
- Status: Umożliwia wyłączenie konfiguracji Adyen.
- Tryb Live: Włącz tę opcję, gdy będziesz gotowy do przejścia na "Produkcję".
- Klucz API: Wymagany. Poświadczenie API.
- Klucz Pochodzenia: Wymagany. Poświadczenie API.
- Kontekst Ładowania: Wymagany. Wprowadź swój kontekst testowy lub produkcyjny.
- Prefiks URL na Żywo: Wymagany tylko w przypadku przejścia na Produkcję.
- Konto Merchant: Wymagane. ID Twojego konta Merchant w Adyen.
- Warunek Opt-In: Włącz logikę warunkową, aby akceptować płatności tylko wtedy, gdy spełniony zostanie określony warunek.
- Przedmioty: Każdy przedmiot reprezentuje produkt lub usługę, które zostaną szczegółowo opisane na stronie Adyen. Składa się z:
- Opis: Opisuje Twój produkt lub usługę.
- Cena: Pole formularza do zbierania ceny produktu.
- Ilość: Pole formularza do zbierania liczby produktów. Liczba produktów jest mnożona przez cenę każdego produktu, aby uzyskać sub-total transakcji. Jeśli nie wybierzesz żadnych pól, używana ilość to 1.
- Ustawienia Pola Karty Kredytowej: Grupa pól umożliwiająca dostosowanie sposobu wyświetlania pola karty kredytowej oraz udostępniania informacji przez klientów. Możesz ustawić:
- Etykieta: Tekst identyfikujący Twoją kartę kredytową.
- Locale: Język pola Karty Kredytowej. Domyślnie en_US. Dostępne Opcje
- Waluta: Zmień walutę transakcji.
- Element DOM: Zmień identyfikator HTML div.
- Ukryj Etykietę: Włącz, aby ukryć etykietę karty kredytowej.
- Wymagane: Włącz, aby akceptować tylko płatności. Formularze bez płatności nie będą akceptowane.
- Przechowuj Szczegóły: Włącz, aby przechowywać informacje o kliencie do wykorzystania w przyszłych transakcjach.
- Nazwa Właściciela: Włącz, aby wyświetlić imię i nazwisko właściciela karty.
- Style: To pole pozwala dostosować wygląd Pola Karty Kredytowej za pomocą właściwości CSS w formacie JSON. Kliknij tutaj, aby uzyskać więcej szczegółów.
- Placeholdery: To pole pozwala określić przykładowe wartości, które mają się pojawiać w polach wejściowych szczegółów karty w formacie JSON. Kliknij tutaj, aby uzyskać więcej szczegółów.
-
Kliknij Utwórz.
