Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak umożliwić użytkownikom wybór metody płatności w formularzach WordPress

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz umożliwić użytkownikom wybór pomiędzy różnymi metodami płatności na twojej witrynie internetowej WordPress lub w sklepie internetowym?

Jeśli pozwolisz swoim klientom wybrać preferowaną metodę płatności, zaoferujesz im płynniejszą realizację transakcji. Posiadanie różnych opcji płatności może również pomóc zmniejszyć liczbę porzuceń koszyka, co ostatecznie zwiększa twoją sprzedaż.

W tym artykule pokażemy ci, jak umożliwić twoim użytkownikom wybór metody płatności w twoich formularzach WordPress.

How to Allow Users to Choose a Payment Method on WordPress Forms

Dlaczego warto oferować wiele metod płatności w WordPress?

PayPal i karty kredytowe to dwa popularne sposoby płacenia za zakupy online. Każdy z nich ma swoje wady i zalety, a twoi odwiedzający prawdopodobnie już teraz preferują jeden lub drugi.

Jeśli więc sprzedajesz produkty lub usługi na swojej witrynie internetowej WordPress lub prosisz o darowizny, ważne jest, aby umożliwić odwiedzającym korzystanie z preferowanej metody płatności.

Być może masz już kompletny sklep internetowy z koszykiem.

Ale jeśli nie masz sklepu internetowego, dobrą wiadomością jest to, że nie musisz go konfigurować, aby akceptować płatności online. Wszystko, czego potrzebujesz, to prosty formularz zamówienia online z wyborem opcji płatności.

Zwłaszcza jeśli sprzedajesz pojedynczy produkt, przyjmujesz płatności za usługi lub zbierasz pieniądze na cele charytatywne, rozwiązanie to jest zdecydowanie lepszym pomysłem.

Zanim będziesz mógł akceptować płatności na swojej witrynie internetowej, musisz włączyć protokół HTTPS/SSL, aby móc bezpiecznie akceptować płatności. Aby uzyskać więcej informacji, możesz skorzystać z naszego przewodnika na temat tego, jak uzyskać bezpłatny certyfikat SSL dla twojej witryny WordPress.

W tym przewodniku pokażemy, jak zaoferować wiele opcji płatności na twojej witrynie internetowej. Omówimy trzy metody, abyś mógł wybrać tę, która najlepiej odpowiada twoim potrzebom.

Metoda 1 jest najprostsza i nie wymaga pełnego koszyka na zakupy. Powinieneś użyć metody 2, jeśli masz sklep WooCommerce. Metoda 3 jest najlepsza, jeśli nie masz sklepu internetowego i chcesz korzystać z PayPal lub tworzyć bardziej elastyczne formularze.

Gotowy? Zaczynajmy.

Metoda 1: Oferowanie wielu metod płatności przy użyciu WP Simple Pay

WP Simple Pay to łatwy sposób na oferowanie wielu metod płatności na twojej witrynie. Jest to wiodąca wtyczka do płatności WordPress, która umożliwia otrzymywanie płatności bez konieczności konfigurowania w pełni funkcjonalnego sklepu e-handel lub witryny członkowskiej.

Korzysta z popularnej bramki płatności Stripe, aby akceptować płatności z kart kredytowych, Apple Pay, Google Pay, debetu bankowego ACH, polecenia zapłaty SEPA, Alipay, Giropay, iDEAL i innych.

Teraz pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę WP Simple Pay. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Chociaż istnieje darmowa wersja wtyczki, potrzebujesz wtyczki Pro, aby tworzyć formularze płatności na witrynie, akceptować Apple Pay i nie tylko.

Po włączaniu kreator konfiguracji WP Simple Pay uruchomi się automatycznie. Aby kontynuować, wystarczy kliknąć przycisk „Rozpocznijmy”.

The WP Simple Pay Setup Wizard Will Start Automatically

Najpierw zostaniesz poproszony o wpisz swój klucz licencyjny. Informacje te można znaleźć na twoim koncie w witrynie internetowej WP Simple Pay.

Następnie należy kliknąć przycisk „Włączanie i kontynuowanie”, aby przejść dalej.

You’ll Be Asked to Enter Your WP Simple Pay License Key

Następnie należy połączyć WP Simple Pay z usługą Stripe.

Zacznij od kliknięcia przycisku „Połącz ze Stripe”. Stamtąd możesz logować się na twoje konto Stripe lub utworzyć nowe. Każdy, kto prowadzi legalną działalność, może utworzyć konto Stripe i akceptować płatności online.

You Need to Connect WP Simple Pay to Stripe

Jak wspomnieliśmy wcześniej, Stripe wymaga, aby twoja witryna korzystała z szyfrowania SSL/HTTPS. Jeśli nie masz jeszcze certyfikatu SSL dla swojej witryny internetowej, zapoznaj się z naszym przewodnikiem krok po kroku, jak dodać SSL w WordPress.

Po połączeniu się ze Stripe, zostaniesz poproszony o skonfigurowanie twojego e-maila WP Simple Pay.

Configure Your WP Simple Pay Emails

Opcje wysyłania e-maili z płatnościami i fakturami do twoich klientów zostały już włączone. Podobnie jak opcja wysyłania e-maili z powiadomieniami o płatnościach.

Oznacza to, że wystarczy wpisz adres e-mail, na który mają być wysyłane powiadomienia.

Gdy to zrobisz, musisz kliknąć przycisk „Zapisz i kontynuuj”. To zakończy twoją konfigurację WP Simple Pay.

WP Simple Pay Setup Is Complete

Zanim przejdziemy dalej, jest jeszcze jedno ustawienie, które może wymagać konfiguracji. Niektóre opcje płatności działają tylko dla określonych walut, więc jeśli nie używasz USD, będziesz musiał zmienić domyślną walutę.

W tym celu przejdźmy na stronę WP Simple Pay ” Ustawienia.

Na karcie „Ogólne” należy otworzyć podzakładkę „Waluta”. Następnie możesz wybrać twoją walutę z rozwijanego menu.

If Necessary, Change the Default Currency for WP Simple Pay

Tworzenie formularza płatności w WordPress

Teraz nadszedł czas, aby stworzyć twój formularz płatności. WP Simple Pay oferuje wiele sposobów na dostosowanie formularza, ale jeśli potrzebujesz pełniejszej kontroli nad wyglądem twojego formularza, sprawdź WPForms w Metodzie 3.

Jeśli nie musiałeś zmieniać waluty i nadal widzisz ostatnią stronę kreatora konfiguracji, po prostu kliknij przycisk „Utwórz formularz płatności”. W przeciwnym razie należy przejść do strony WP Simple Pay ” Utwórz nowy.

W tym obszarze zobaczysz listę szablonów formularzy płatności. Możesz zacząć od ogólnego szablonu, takiego jak „Formularz płatności”, a następnie dodać metody płatności.

Alternatywnie można poszukać bardziej szczegółowego szablonu, takiego jak „Afterpay / Clearpay” lub „Apple Pay / Google Pay„.

W tym poradniku wybierzemy szablon „Formularz płatności”. Teraz po prostu najedź kursorem na szablon, którego chcesz użyć i kliknij przycisk „Użyj szablonu”, gdy się pojawi.

Select the Payment Form Template

Spowoduje to przejście do edytora formularzy płatności.

Powinieneś zacząć od nadania formularzowi płatności nazwy i opisu. Następnie w sekcji Rodzaj formularza można wybrać opcję „Stripe Checkout”.

Give Your New Payment Form a Name and Description

Następnie należy kliknąć kartę „Płatność”. Tutaj możesz ustawić tryb płatności na rzeczywisty lub testowy. Tryb testowy umożliwia dokonywanie płatności, które nie są faktycznie pobierane, dzięki czemu możesz upewnić się, że Twój formularz działa poprawnie i wysyłane są wiadomości e-mail.

Nie zapomnij zmienić tej opcji na „Live”, gdy zakończysz testowanie i będziesz gotowy do rozpoczęcia otrzymywania płatności od twoich klientów.

Set the Payment Mode to Either Live or Testing

Możesz także dodać oferowane przez siebie produkty lub usługi, wraz z ich cenami oraz informacją, czy są one płatne jednorazowo, czy w ramach subskrypcji.

Po prostu klikaj przycisk „Dodaj cenę”, aż dodasz tyle cen, ile potrzebujesz. Następnie dla każdej z nich należy dodać etykietę i cenę. Możesz także wybrać inne opcje, takie jak to, czy cena jest subskrypcją, czy też użytkownik może określić cenę, jak w przypadku darowizny.

Add Your Products and Services to the Payment Form

Cenę można wyświetlić lub ukryć, klikając małą strzałkę po prawej stronie.

Następnie przejdziemy do karty „Pola formularza”. Najważniejsze pola zostały już dodane do formularza, a w razie potrzeby można dodać kolejne.

Korzystając z listy rozwijanej „Pola formularza”, można wybrać dodatkowe pola i dodać je, klikając przycisk „Dodaj pole”. Dostępne opcje obejmują imię i nazwisko, numer telefonu, adres i wiele innych.

You Can Add Fields to Your Payment Form

Domyślny tekst na przycisku to „Zapłać kartą”. Ponieważ będziesz akceptować wiele rodzajów płatności, możesz zmienić tekst na coś bardziej ogólnego, na przykład po prostu „Zapłać teraz”. Wówczas twoi klienci nie będą zakładać, że karty kredytowe są jedyną opcją płatności.

Na koniec należy kliknąć kartę „Stripe Checkout” i wybrać metody płatności, które chcemy oferować. Na potrzeby tego poradnika pozostawimy ustawienia domyślne.

Select any Additional Payment Methods and Tweak the Checkout Form

Dodatkowe metody płatności, takie jak Apple Pay, będą automatycznie oferowane na zgodnych urządzeniach. Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat akceptowania Apple Pay w WordPress.

Klarna i Afterpay są usługami typu „kup teraz, zapłać później” i oferują klientom elastyczność, ponieważ mogą oni kupować towary i płacić w ratach przez określony czas. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania planów płatności „kup teraz, zapłać później” do WordPressa.

Kiedy twój formularz płatności jest już gotowy, kliknij przycisk „Opublikuj”, aby zapisać ustawienia i uruchomić formularz.

Ostatnim krokiem jest dodanie formularza do wpisu lub strony w twojej witrynie internetowej.

Dodanie formularza płatności do twojej witryny internetowej

WP Simple Pay bardzo ułatwia dodawanie formularzy w dowolnym miejscu Twojej witryny internetowej.

Wystarczy utworzyć nowy wpis lub stronę lub edytować istniejący. Następnie kliknij znak plus (+) u góry i dodaj blok WP Simple Pay w edytorze bloków WordPress.

Add the WP Simple Pay Block to a Post or Page

Następnie wybierz twój formularz zamówienia z rozwijanego menu w bloku WP Simple Pay.

Gdy skończysz, możesz zaktualizować lub opublikować wpis lub stronę, a następnie kliknąć przycisk podglądu, aby zobaczyć twój formularz w działaniu.

Visit Your Website to See the Payment Form in Action

Gdy twój użytkownik kliknie przycisk „Zapłać teraz”, zostanie wyświetlony formularz płatności Stripe. Będzie on oferował wszystkie zaznaczone wcześniej opcje płatności.

Na pomocniczych urządzeniach i przeglądarkach dodatkowe opcje płatności, takie jak Apple Pay, będą również oferowane automatycznie.

Apple Pay Will Be Offered When Checking Out on Safari on a Mac or iOS Device

Jedną z dodatkowych metod płatności, którą możesz zaoferować swoim klientom za pomocą WP Simple Pay, są płatności cykliczne. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat akceptowania płatności cyklicznych w WordPress.

Metoda 2: Oferowanie wielu metod płatności w WooCommerce

Jeśli prowadzisz sklep internetowy przy użyciu WooCommerce, możesz łatwo zaoferować dodatkowe metody płatności, korzystając z PayPal i bramki płatności Stripe.

W tym poradniku zakładamy, że masz już zainstalowany WooCommerce. Jeśli potrzebujesz pomocy w jego konfiguracji, zapoznaj się z naszym przewodnikiem krok po kroku na temat WooCommerce.

Dodanie PayPal do twojego sklepu WooCommerce

Być może skonfigurowałeś już PayPal podczas korzystania z kreatora konfiguracji WooCommerce w tym przewodniku. Jeśli tak, to możesz przejść do następnej sekcji i skonfigurować Stripe.

Jeśli nie, musisz przejść do WooCommerce ” Ustawienia, a następnie kliknąć kartę „Płatności” u góry ekranu.

Następnie przewiń stronę w dół, aż znajdziesz PayPal i kliknij przycisk „Rozpocznij”.

Click the PayPal Getting Started Button

Zacznij od wpisania swojego adresu e-mail PayPal, a następnie wybierz swój kraj z rozwijanego menu.

Po wpiszeniu tych danych możesz kliknąć przycisk „Dalej”, aby kontynuować.

Jeśli masz już konto PayPal przy użyciu tego adresu e-mail, zostaniesz poproszony o podanie hasła i zalogowanie się. W przeciwnym razie najpierw zostaniesz poproszony o podanie swoich danych osobowych i utworzenie nowego konta.

Log In to Your PayPal Account or Create a New One

Na koniec należy kliknąć przycisk „Zgadzam się”, aby połączyć twoje konto PayPal ze sklepem internetowym.

Gdy to zrobisz, musisz potwierdzić swój adres e-mail, przechodząc do skrzynki odbiorczej i postępując zgodnie z instrukcjami zawartymi w przesłanym e-mailu. Następnie możesz odrzucić wyskakujące okienko, przewijając do dołu i klikając przycisk.

Agree to Connect Your Account, then Scroll Down and Click the Button

Powinieneś znaleźć się z powrotem na stronie ustawień płatności WooCommerce. Tutaj musisz zaznaczyć pole wyboru, aby włączyć bramkę płatności PayPal w twoim sklepie internetowym.

Następnie ostrożnie przewiń stronę w dół i upewnij się, że wszystkie ustawienia są prawidłowe. Gdy będziesz zadowolony, możesz kliknąć przycisk „Zapisz zmiany” u dołu strony.

Enable the PayPal Payment Gateway on Your WooCommerce Store

Podczas dokonywania płatności twoi klienci mogą teraz płacić za pomocą PayPal jako opcji płatności.

Dodanie Stripe do twojego sklepu WooCommerce

Aby rozpocząć, pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie WooCommerce Stripe Payment Gateway. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Niektóre opcje płatności są dostępne tylko dla określonych walut. Jeśli używasz waluty innej niż USD, powinieneś przejść do WooCommerce ” Ustawienia i upewnić się, że jesteś na karcie „Ogólne”.

Tutaj możesz wybrać walutę dla twojego sklepu internetowego. Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać ustawienia.

Choose a Currency for Your Online Store

Następnie można kliknąć kartę „Płatności”.

Na tej karcie przewiń w dół, aż znajdziesz „Stripe” w kolumnie „Metoda”. Powiadomienie, że istnieje wiele metod płatności Stripe.

Set Up Stripe Credit Card in WooCommerce

Należy zacząć od kliknięcia przycisku „Konfiguruj” obok opcji „Stripe – Karta kredytowa”. Spowoduje to uruchomienie kreatora konfiguracji, który przeprowadzi Cię przez kolejne etapy łączenia WooCommerce ze Stripe.

Na następnym ekranie kliknij przycisk „Wpisz klucze konta”.

Entering your Stripe account keys

WooCommerce poprosi teraz o podanie kluczy do twojego konta Stripe. Aby uzyskać te informacje, musisz zalogować się do swojego kokpitu Stripe w nowej karcie.

W kokpicie Stripe upewnij się, że jesteś na karcie „Deweloperzy” u góry ekranu, a następnie wybierz „Klucze API” z menu po lewej stronie.

The Stripe API keys

Możesz teraz skopiować „Klucz do publikacji”.

Następnie przełącz się z powrotem do twojego kokpitu WordPress i wklej ten klucz w polu „Live publishable key”.

The Stripe live publishable key

Teraz musisz zrobić to samo z kluczem prywatnym. Po prostu wróć do swojego kokpitu Stripe i kliknij przycisk „Reveal live key”.

Spowoduje to wyświetlenie twojego klucza prywatnego.

Getting the Stripe live key

Musisz skopiować klucz, a następnie wrócić do twojego kokpitu WordPress i wkleić go w polu „Klucz prywatny Live”.

Następnie wystarczy kliknąć odnośnik „Testuj połączenie”.

Testing your Stripe payment gateway connection

Po kilku chwilach zobaczysz komunikat „Połączenie powiodło się”. Oznacza to, że WooCommerce jest teraz połączony z twoim kontem Stripe.

Możesz teraz kliknąć przycisk „Zapisz klucze na żywo”.

Saving the live Stripe keys

Następnie zostaniesz przekierowany do ekranu „Ustawienia” Stripe.

Na tym ekranie należy zaznaczyć pole „Włącz Stripe”. Jeśli chcesz, możesz również kliknąć pole „Włącz tryb testowy”.

Tryb testowy umożliwia dokonywanie płatności, które w rzeczywistości nie są pobierane z konta. Jest to przydatne podczas testowania wielu rodzajów płatności w twoim sklepie WooCommerce. Pamiętaj, aby odznaczyć to ustawienie, gdy będziesz gotowy do rozpoczęcia przyjmowania płatności.

WooCommerce's Stripe settings

Teraz możesz przewinąć na sam dół strony i kliknąć przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Po włączeniu płatności kartą kredytową Stripe możesz włączyć wszelkie dodatkowe metody płatności Stripe, które chcesz oferować w swoim sklepie internetowym.

Wróć do WooCommerce ” Ustawienia i kliknij kartę „Płatności”. Tam możesz zapoznać się z metodami płatności, które działają z walutą Twojego sklepu.

W tym poradniku włączymy usługę Alipay. Musisz znaleźć „Stripe Alipay” na liście metod płatności, a następnie kliknąć przycisk „Skonfiguruj”.

Click the 'Set Up' Button Next to Alipay

Tutaj możesz kliknąć przycisk „Włącz Alipay”. Spowoduje to wyświetlenie Alipay jako opcji płatności podczas dokonywania płatności.

Następnie możesz kliknąć przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Enable Alipay in WooCommerce

Alternatywa: Zamiast korzystać z domyślnego dodatku Stripe dla WooCommerce, można użyć darmowej wtyczki Stripe Payment Gateway for WooCommerce, stworzonej przez FunnelKit.

Obsługuje płatności Stripe, Apple Pay, Google Pay, SEPA, iDEAL i inne. Posiada również dodatkowe funkcje, takie jak łatwy kreator konfiguracji, automatyczne tworzenie webhooków, ekspresowe płatności jednym kliknięciem i wiele innych.

Dodawanie płatności cyklicznych do WooCommerce

Innym sposobem na zaoferowanie elastycznych warunków płatności twoim klientom WooCommerce jest dodanie płatności cyklicznych, które będą automatycznie obciążać ich tygodniowo, miesięcznie, kwartalnie lub rocznie.

Automatyzuje to proces rozliczeniowy, oszczędzając czas. Nie będziesz musiał ręcznie wysyłać faktur, a płatności cykliczne generalnie prowadzą do mniejszej liczby opóźnień i błędów w płatnościach.

Aby dowiedzieć się więcej, zobacz metodę 4 w naszym przewodniku na temat akceptowania płatności cyklicznych w WordPress.

Teraz, gdy twoi klienci dokonują płatności, będą mogli wybrać preferowaną metodę płatności. Oto przykładowy zrzut ekranu z naszego demonstracyjnego sklepu WooCommerce.

WooCommerce Checkout Preview

Nasi klienci mogą dokonywać płatności za pomocą kart kredytowych, PayPal i Alipay.

Metoda 3: Oferowanie wielu metod płatności przy użyciu WPForms

WPForms to najlepsza wtyczka do tworzenia formularzy typu „przeciągnij i upuść ” dla WordPress. Pozwala stworzyć prosty formularz zamówienia lub darowizny bez konieczności korzystania z pełnoprawnej platformy e-handel lub wtyczki koszyka.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Będziesz potrzebował planu Pro, aby uzyskać dostęp do dodatków płatności Stripe, PayPal, Square i Authorize.Net. Oferuje również bibliotekę ponad 1800 szablonów z wieloma szablonami formularzy zamówień, płatności cykliczne i brak dodatkowych opłat transakcyjnych.

Istnieje bezpłatna wersja WPForms Lite, która umożliwia akceptowanie jednorazowych płatności Stripe. Istnieje jednak dodatkowa opłata transakcyjna w wysokości 3% za płatności dokonywane za pośrednictwem twoich formularzy.

Po włączaniu należy przejść na stronę WPForms ” Ustawienia, aby wpisz klucz licencyjny. Informacje te można znaleźć w obszarze Twojego konta WPForms.

Visit the WPForms » Settings Page to Enter Your License Key

Łączenie platform płatniczych z WPForms

Następnie połączymy WPForms z platformami płatniczymi, z których planujesz korzystać. Aby to zrobić, musisz przejść do WPForms ” Addons i zainstalować dodatki do płatności.

Tam przewiń w dół do dodatku PayPal Standard, a następnie kliknij przycisk „Zainstaluj dodatek”.

Install the PayPal Standard Addon

Pojawi się komunikat informujący, że dodatek został zainstalowany i włączany, a tekst na przycisku zmieni się na „Wyłączanie”.

W dalszej części poradnika skonfigurujemy dane twojego konta PayPal.

Będziesz także musiał zainstalować dodatek do akceptowania płatności kartą kredytową. WPForms obsługuje Stripe, Square i Authorize.Net. W tym poradniku skonfigurujemy Stripe, ale kroki konfiguracji innych platform są podobne.

Musisz przewinąć do dodatku Stripe i kliknąć przycisk „Zainstaluj dodatek”.

Installing the Stripe addon

Po zainstalowaniu i włączaniu dodatków należy połączyć WPForms z twoim kontem Stripe.

Aby to zrobić, przejdź do strony WPForms ” Ustawienia i kliknij kartę „Płatności”. Następnie musisz połączyć swoje konto Stripe, klikając przycisk „Połącz ze Stripe”.

Connecting WordPress to Stripe payments

Na następnym ekranie wpisz swój adres e-mail Stripe i kliknij przycisk „Dalej”. Gdy to zrobisz, Stripe poprosi Cię o podanie hasła, abyś mógł logować się na swoje konto.

Po zalogowaniu się możesz wybrać twoje konto Stripe, a następnie kliknąć przycisk „Połącz”. Nastąpi przekierowanie z powrotem do karty ustawień WPForms Payments.

Aby upewnić się, że twoje konto zostało pomyślnie połączone, możesz przejść do ustawień „Status połączenia” w ustawieniach Stripe.

Gdy zobaczysz zielony haczyk, oznacza to, że Twoje konto Stripe jest teraz aktywne w WPForms. Kliknij przycisk „Zapisz ustawienia”, aby zapisać twoje ustawienia.

Successfully Connected Your Stripe Account

WPForms jest teraz gotowy do przyjmowania płatności kartami kredytowymi.

Tworzenie formularza zamówienia z wieloma metodami płatności

Teraz utworzymy formularz zamówienia online, który może akceptować zarówno płatności PayPal, jak i kartą kredytową.

Aby rozpocząć, przejdź do strony WPForms ” Utwórz nowy. W tym miejscu należy podać tytuł twojego formularza, a następnie wybrać szablon „Formularz rozliczeniowy / zamówienia”.

Select the ‘Billing / Order Form’ Template

WPForms będzie wstępnie wczytywać kreator formularzy z prostym formularzem zamówienia z powszechnie używanymi polami.

Możesz edytować dowolne pole, klikając je. Chcesz przeorganizować pola, aby uzyskać lepszy przepływ? Wystarczy przeciągnąć i upuścić pole, aby je przenieść.

WPForms Will Pre-load the Form Builder with a Simple Order Form

Aby utworzyć nowe pole, można wybrać jedno z dostępnych pól po lewej stronie podglądu na żywo.

Spróbujmy dodać pole wielokrotnego wyboru do twojego formularza, aby umożliwić użytkownikom wybór preferowanych opcji płatności. Możesz po prostu kliknąć przycisk pola lub przeciągnąć go na formularz, w zależności od preferencji.

Add a Multiple Choice Field

Następnie należy przeciągnąć pole „Stripe Credit Card” do formularza.

Można go umieścić tuż pod polem wielokrotnego wyboru.

Add a Stripe Credit Card Field

Następnie możesz kliknąć pole „Wielokrotnego wyboru” i zmienić etykietę i opcje, aby dopasować je do oferowanych metod płatności.

Zacznij od wpisania „Payment Method” w polu etykiety. Następnie należy nazwać dwie pierwsze opcje: „PayPal” i „Karta kredytowa”. Następnie wystarczy usuwać trzecią opcję, klikając czerwony przycisk z minusem „-„.

Multiple Choice Field Options

Następnie należy włączyć opcję „Wymagane”. Zapewni to, że użytkownicy wybiorą metodę płatności przed przesłaniem formularza zamówienia.

Przejdźmy teraz do ustawienia pola „Karta kredytowa Stripe”. Teraz chcemy, aby było ono ukryte, dopóki użytkownik nie wybierze go jako opcji płatności. Będziemy więc musieli użyć funkcji logiki warunkowej WPForms.

Aby rozpocząć, należy kliknąć pole „Stripe”, aby móc je edytować. Następnie należy otworzyć kartę „Smart Logic” i włączyć logikę warunkową, klikając przełącznik w pozycji ON.

Click on the Smart Logic Tab and Enable Conditional Logic

Zobaczysz teraz kilka dodatkowych opcji, które pozwolą ci skonfigurować reguły dla pola.

Musisz upewnić się, że pierwsza opcja jest wybrana na „Pokaż”, a następnie użyć rozwijanych menu, aby pozostałe pola mówiły „Płatność jest kartą kredytową”.

Set Up Some Rules for the Field

Po wykonaniu tej czynności pole „Karta kredytowa Stripe” będzie wyświetlane dopiero po wybraniu przez użytkownika opcji „Karta kredytowa” w polu „Metoda płatności”.

Włączanie metod płatności w formularzu zamówienia

Następnie włączymy płatności PayPal i Stripe dla formularza zamówienia.

Najpierw należy przejść do Płatności ” PayPal Standard w kreatorze formularzy WPForms. Następnie należy zaznaczyć pole „Włącz płatności PayPal Standard” w prawym panelu.

Check the ‘Enable PayPal Standard Payments’ Box

Spowoduje to otwarcie szczegółów formularza PayPal, które należy wypełnić.

Wystarczy wpisać Twój adres e-mail w systemie PayPal i ustawić konto w trybie „Produkcja”. Należy również skonfigurować, czy użytkownicy muszą podawać adres wysyłki.

Toggle the Enable Conditional Logic Option

Następnie należy przewinąć w dół do opcji „Włącz logikę warunkową” i przełączyć ją do pozycji ON.

Po włączeniu wyświetli więcej ustawień.

Toggle the Enable Conditional Logic Option

Należy ustawić regułę na „Przetwarzaj tę opłatę, jeśli metodą płatności jest PayPal”.

Następnie należy kliknąć sekcję „Stripe” na karcie „Płatności”, a następnie zaznaczyć pole „Włącz płatności Stripe”.

Check the ‘Enable Stripe Payments’ Box

Możesz dodać opis płatności i zdecydować się na przesłanie potwierdzenia e-mailem, jeśli chcesz.

Następnie należy przełączyć przełącznik „Włącz logikę warunkową” do pozycji ON, aby można było utworzyć regułę dla tej opcji płatności.

Toggle the Enable Condition Logic Option

Regułę należy skonfigurować tak, aby brzmiała: „Przetwórz tę opłatę, jeśli metodą płatności jest karta kredytowa”.

Jeśli chcesz akceptować cykliczne płatności za subskrypcję kartą kredytową, możesz przewinąć w dół do sekcji Subskrypcje i skonfigurować ją.

Stripe Subscriptions

Po zakończeniu należy kliknąć przycisk „Zapisz” u góry i wyjść z kreatora formularzy.

Dodanie formularza zamówienia do twojej witryny WordPress

Twój formularz zamówienia online z wieloma opcjami płatności jest już gotowy i możesz dodać go do dowolnej strony WordPress w swojej witrynie.

Aby dodać twój formularz, po prostu edytuj wpis lub stronę lub utwórz nową. Następnie kliknij znak plus „+” po prawej stronie strony i dodaj blok WPForms w twoim edytorze WordPress.

Add a WPForms Block

Następnie należy kliknąć menu rozwijane w bloku WPForms, a następnie wybrać twój formularz zamówienia. Po zakończeniu upewnij się, że zapisałeś lub opublikowałeś stronę.

Teraz możesz zobaczyć twój formularz w działaniu, klikając przycisk „Podgląd” u góry ekranu.

Preview Order Form

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak umożliwić użytkownikom wybór metody płatności w twoim formularzu WordPress.

Następnie warto zapoznać się z naszą ekspercką listą najlepszych aplikacji do obsługi wirtualnych numerów biznesowych dla małych firm oraz naszym przewodnikiem krok po kroku, jak wybrać najlepszego dostawcę usług VoIP dla firm.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

6 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    a big thanks for this super detailed, step-by-step guide on setting up payment methods for WordPress! It’s really helpful.
    Just one thing though – I was hoping to see some info on using cryptocurrencies like Bitcoin as a payment option. Is there a plugin out there that could make that happen? It’d be great to have that covered too. But overall, awesome job on this article! Cheers! :-)

  3. Phil says

    Many thanks for this tutorial, but how to set 2 choices (CB or check), i’ve try, but the form continue to ask cb informations when check is selection by the client…

    • WPBeginner Support says

      You would want to ensure you have smart logic enabled and if you continue to run into this issue, please reach out to WPForms and they should be able to assist.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.