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 utworzyć płatność jednym kliknięciem w WordPress (5 sposobów)

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 dowiedzieć się, jak utworzyć kasę jednym kliknięciem w WordPress?

Optymalizacja płatności w celu zapewnienia klientom płynniejszej obsługi jest jednym z najwyższych priorytetów podczas prowadzenia witryny e-handlu. W szczególności dodanie płatności jednym kliknięciem w WordPress pomaga użytkownikom szybciej dokonywać transakcji, co zwiększa prawdopodobieństwo ich powrotu.

W tym artykule dowiesz się, jak utworzyć płatność jednym kliknięciem w WordPress, aby zwiększyć konwersje i sprzedaż.

Create a One-Click Checkout

Dlaczego warto utworzyć usługę One-Click Checkout w WordPress?

Długie strony płatności mogą odstraszyć odwiedzających, którzy byliby zainteresowani dokonaniem zakupu. Konieczność klikania przez listę pól kasy i wypełniania wielu niepotrzebnych lub powtarzających się informacji sprawia, że proces zakupu przeciąga się w czasie.

Im dłuższy jest proces płatności, tym większa szansa, że klienci zrezygnują w którymś momencie.

Średni wskaźnik porzuceń koszyka wynosi 70,19%, a 22% kupujących podało, że zbyt długi lub zbyt skomplikowany proces płatności był powodem ich porzucenia.

W tym miejscu pojawia się proces płatności jednym kliknięciem. Jest to tak proste, jak dodanie przycisku kup teraz, dzięki czemu powracający klienci mogą cieszyć się usprawnionym procesem płatności.

Kasa za jednym kliknięciem ułatwia klientom kupowanie przedmiotów online za pomocą jednego kliknięcia przycisku, bez konieczności wpisz ich danych wysyłkowych, rozliczeniowych i płatniczych za każdym razem, gdy dokonują zakupu.

Jest to funkcja podobna do autouzupełniania, z tą różnicą, że użytkownicy nie muszą nawet wypełniać pól, ponieważ twoja witryna internetowa automatycznie przetworzy transakcję bez konieczności przechodzenia na stronę kasy.

Wystarczy jedno kliknięcie, aby odwiedzający mogli szybko sfinalizować zakup, co prowadzi do wyższych współczynników konwersji i zmniejszenia liczby porzuconych koszyków. Niezależnie od tego, czy prowadzisz sklep internetowy, działalność usługową, witrynę członkowską, czy inny rodzaj witryny internetowej, jest to prosty i łatwy sposób na zwiększenie sprzedaży.

To powiedziawszy, omówimy pięć metod dodawania płatności jednym kliknięciem w WordPress:

Metoda 1: Utwórz kasę jednym kliknięciem w WordPressie za pomocą WPForms (opcja łatwa i bezpłatna)

Korzystając z WPForms, możesz łatwo stworzyć proces płatności jednym kliknięciem dla kupujących. WPForms to kreator formularzy, który umożliwia łatwe tworzenie wszelkiego rodzaju formularzy bez żadnego kodu.

WPForms

Kreator typu „przeciągnij i upuść” umożliwia łatwe zbieranie płatności za pomocą funkcji płatności Stripe, dzięki czemu można tworzyć formularze płatności, formularze rejestracji użytkowników, formularze zatwierdzania wydatków i nie tylko. Ponadto, dzięki ponad 1700 szablonom do wyboru, możesz znaleźć praktycznie każdy rodzaj formularza, co oznacza, że nigdy nie musisz zaczynać od zera.

Uwaga: Dobrą wiadomością jest to, że możesz użyć WPForms Lite do tego poradnika, ponieważ będziemy używać tylko integracji Stripe, która jest bezpłatna. Jeśli jednak potrzebujesz bardziej zaawansowanych funkcji, musisz zainstalować wersję Pro.

Aby rozpocząć, pobierz i włącz wtyczkę WPForms. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu przejdź do strony WPForms ” Ustawienia z twojego kokpitu administracyjnego WordPress. Następnie przejdź do karty Płatności.

W sekcji Stripe należy kliknąć przycisk „Połącz ze Stripe”.

WPForms payments settings

Spowoduje to przekierowanie do kreatora połączenia Stripe, w którym będziesz mógł połączyć się z twoim istniejącym kontem lub utworzyć nowe konto.

Postępuj zgodnie z instrukcjami kreatora połączenia Stripe.

WPForms Stripe connection

Po wykonaniu tych kroków zostaniesz przeniesiony z powrotem do kokpitu WordPress.

Powinieneś zobaczyć zielony znacznik wyboru wskazujący, że twoje konto Stripe jest teraz połączone z WPForms.

WPForms connection status confirmed

Teraz możesz zacząć akceptować płatności na swojej witrynie internetowej i jesteś gotowy do utworzenia formularza płatności.

Przejdź do WPForms ” Utwórz nowy. Stąd możesz nazwać twój formularz, co będzie pomocne w późniejszym czasie.

Name your form in WPForms

Następnie wybierz szablon formularza płatności, który odpowiada Twoim potrzebom.

Na potrzeby tego poradnika będziemy korzystać z szablonu formularza płatności Stripe. Pod szablonem kliknij „Użyj szablonu”.

Use template in WPForms

Zostaniesz przeniesiony do edytora formularzy typu „przeciągnij i upuść”, w którym możesz łatwo dostosować formularz do swoich potrzeb.

Za każdym razem, gdy chcesz dodać pole, po prostu przeciągnij i upuść je z panelu „Dodaj pola” po lewej stronie na prawą. Aby edytować pola, kliknij element i możesz wprowadzić zmiany w „Opcjach pola”.

one-click-checkout form drag and drop editor

Na przykład, jeśli chcesz utworzyć formularz sprzedaży hurtowej, możesz edytować pole wielokrotnego wyboru za pomocą przycisków opcji.

Następnie kliknij element, a w sekcji „Opcje pola” możesz dodać różne produkty.

one-click checkout form field options

Będziesz musiał włączyć Stripe Link, rozwiązanie do płatności jednym kliknięciem, które bezpiecznie przechowuje wszystkie dane klientów i pozwala kupującym na ich ponowne wykorzystanie w Twojej witrynie. Korzystają oni z serwerów zgodnych z PCI poziomu 1, co oznacza, że dane twoich klientów są szyfrowane i zabezpieczone.

Aby włączyć opcję płatności Stripe Link, przejdź do strony Ustawienia ” Płatności w Stripe. Następnie przejdź do karty Metody płatności.

Stripe payment methods

W tym miejscu należy wybrać menu „WPForms LLC” dla opcji Wybierz platformę.

Łączy to wszystkie dostępne metody płatności z twojego konta Stripe z WPForms.

Select platform in Stripe settings

Przewiń stronę w dół, a zobaczysz różne metody płatności i ustawienia dla WPForms.

Upewnij się, że opcja odnośnika do kasy ekspresowej jest włączona.

Stripe Link express checkout active

Następnie wróć do WordPressa, aby dokończyć tworzenie twojego formularza płatności. Przejdź do karty Płatności ” Stripe.

Następnie włącz opcję „Włącz płatności jednorazowe”, aby Stripe był włączany w twoim formularzu.

Enable one time payments WPForms

Gdy skończysz, naciśnij przycisk „Zapisz”.

Następnie kliknij „Osadzanie”.

embed WPForms

Powinien pojawić się wyskakujący komunikat. Tutaj możesz wybrać osadzanie tego formularza na istniejącej stronie lub utworzenie nowej strony.

Zakładając, że masz już stronę kasy, klikniemy przycisk „Wybierz istniejącą stronę”.

select existing page to embed WPForms

Formularz powinien zostać automatycznie osadzany na wybranej stronie.

Następnie wystarczy nacisnąć przycisk „Opublikuj” lub „Aktualizuj” u góry.

Publish one-click checkout page wpforms

Upewnij się, że masz podgląd formularza płatności i sprawdź, czy płatności przechodzą na twoje konto Stripe.

Po włączaniu, wstępnie wypełni autorzy dane karty kredytowej, które są zapisane w Stripe.

stripe-link-checkout-wpforms

Należy pamiętać, że klienci posiadający konta Stripe zostaną poproszeni o wpiszenie jednorazowego kodu uwierzytelniającego w celu skorzystania z odnośnika.

Metoda 2: Utwórz kasę jednym kliknięciem w WordPressie za pomocą WP Simple Pay (wiele metod płatności)

WP Simple Pay website

WP Simple Pay to kolejna świetna opcja do akceptowania jednorazowych i cyklicznych płatności na WordPressie. Jest to lepszy wybór, jeśli chcesz oferować różne metody płatności dla twojego procesu płatności jednym kliknięciem.

WP Simple Pay oferuje ponad 13 metod płatności, w tym płatności debetowe i kredytowe, debet ACH, Google Pay, Apple Pay, Venmo i inne. Ponadto możesz nawet zapewnić klientom opcję„Kup teraz, zapłać później” za pomocą Klarna.

Aby rozpocząć, zainstaluj i włącz wtyczkę WP Simple Pay. Po włączaniu zostaniesz przeniesiony do kreatora konfiguracji, który poprowadzi Cię, jak rozpocząć przyjmowanie płatności na Twojej witrynie.

WP Simple Pay setup wizard

Upewnij się, że postępujesz zgodnie z instrukcjami.

Powinieneś również zostać poproszony o podłączenie twojego konta Stripe. Jeśli nie masz konta Stripe, możesz je utworzyć.

connect-stripe-to-wpsimplepay

Po ukończeniu kreatora konfiguracji zostanie wyświetlona strona potwierdzająca zakończenie konfiguracji.

Następnie przejdź do strony Ustawienia WP Simple Pay. W karcie Stripe upewnij się, że konto Stripe jest połączone i że jesteś w „trybie na żywo”.

Stripe payment live mode

Zanim przejdziesz do tworzenia twojego formularza płatności, musisz również upewnić się, że włączony jest odnośnik Stripe.

Aby to zrobić, przejdź do karty Ustawienia ” Ogólne. Następnie, w karcie Zaawansowane, zaznacz pole „Nowe doświadczenie płatności”.

Use new payment experience

Od tego momentu możesz rozpocząć konfigurowanie własnego formularza płatności.

Przejdź do WP Simple Pay ” Utwórz nowy, a zostaniesz przeniesiony do biblioteki dostępnych szablonów.

Możesz wybrać dowolny szablon, który pasuje do twoich potrzeb, ale w tym poradniku będziemy używać szablonu Payment Form. Pod nazwą szablonu wybierz opcję „Użyj szablonu”.

Use payment form template

Następnie zostaniesz przeniesiony do kreatora formularzy. W karcie Ogólne możesz wypełnić niezbędne informacje.

Nadaj formularzowi tytuł i opis. Możesz również zaznaczyć opcje CAPTCHA i weryfikacji e-mail, aby zapobiec przesyłaniu spamu.

general tab wp simple pay

Następnie przejdź do karty Płatności, aby rozpocząć dostosowywanie cen i opcji walutowych.

Można również ustawić opcję jednorazową lub subskrypcję.

payment tab wp simple pay

Poniżej znajduje się szeroka gama metod płatności do wyboru.

Kliknij pola wyboru opcji, które chcesz zaakceptować.

payment methods wp simple pay

Na karcie Pola formularza możesz dodać dowolne pola, wybierając je z menu rozwijanego i klikając „Dodaj pole”. Możesz także edytować twoje istniejące pola.

Aby włączyć odnośnik Stripe, rozwiń menu rozwijane Adres e-mail. Następnie musisz kliknąć pole wyboru pod „Oferuj zapisane metody płatności”.

offer saved payment methods wp simple pay

Następnie przejdź do swojego konta Stripe. Przejdź do strony Ustawienia ” Płatności .

W karcie Metody płatności wybierz „WP Simple Pay” z rozwijanego menu „Wybierz platformę”.

Select Platform in Stripe as WP Simple Pay

Następnie wróć do WordPressa i dokończ konfigurowanie twojego formularza płatności.

Po zakończeniu kliknij przycisk „Opublikuj”.

publish one click checkout form in WP Simple Pay

Teraz możesz przejść do dowolnej strony i dodać nowo utworzony formularz.

Kliknij ikonkę „+”, a następnie dodaj blok WP Simple Pay.

add WP Simple Pay block

Następnie wybierz utworzony przed chwilą formularz płatności, który powinien pojawić się na stronie.

Kliknij przycisk „Opublikuj” lub „Aktualizuj” u góry.

publish checkout form

Teraz z powodzeniem utworzyłeś usługę płatności jednym kliknięciem za pomocą WP Simple Pay.

Upewnij się, że podgląd formularza działa poprawnie.

payment form preview wp simple pay

Metoda 3: Utwórz płatność jednym kliknięciem w WordPress przy użyciu Easy Digital Downloads (produkty cyfrowe)

Jeśli sprzedajesz produkty cyfrowe, nie ma lepszej wtyczki do tworzenia płatności jednym kliknięciem w WordPress niż Easy Digital Downloads.

Dzięki ponad 50 000 użytkowników, wtyczka ta pozwala łatwo zarządzać i sprzedawać produkty cyfrowe, takie jak eBooki, pliki PDF, audio, kursy online, szablony i inne.

The Easy Digital Downloads website

Aby rozpocząć, należy zainstalować i włączyć Easy Digital Downloads. Po włączeniu wtyczka automatycznie utworzy stronę kasy i koszyka.

To powiedziawszy, możemy dodać proces płatności jednym kliknięciem, dodając przycisk kup teraz z EDD. Przycisk kup teraz automatycznie pomija proces dodawania do koszyka i kasy, wysyłając klienta bezpośrednio do płatności.

Na potrzeby tego poradnika założymy, że masz już produkt cyfrowy stworzony na EDD. Jeśli jednak tak nie jest, warto zapoznać się z naszym przewodnikiem dla początkujących na temat sprzedaży cyfrowych plików do pobrania na WordPressie.

Najpierw przejdź do strony Pobieranie ” Ustawienia w panelu administracyjnym WordPress.

W karcie Płatności ” Stripe należy kliknąć „Połącz ze Stripe”.

edd connect stripe

Zostaniesz przeniesiony do kreatora Stripe Connect.

Wystarczy podłączyć twoje istniejące konto Stripe lub utworzyć nowe.

Connect EDD with Stripe

Po połączeniu zostaniesz przekierowany z powrotem do WordPress.

Powinieneś zobaczyć, że Stripe jest jedną z opcji płatności zaznaczonych na karcie Ogólne.

active gateways stripe

Ponadto musisz przejść do twojego konta Stripe. Następnie przejdź do strony Ustawienia ” Płatności .

W karcie Metody płatności wybierz opcję „Easy Digital Downloads” z rozwijanego menu „Wybierz platformę”.

select platform easy digital downloads

W ten sposób za każdym razem, gdy ktoś dokona zakupu twoich produktów cyfrowych, włączany będzie odnośnik Stripe, a dane jego karty kredytowej będą automatycznie uzupełniane w polach.

Następnie przejdź do strony Pobieranie ” Pobieranie. Następnie znajdź produkt cyfrowy, do którego chcesz dodać przycisk „Kup teraz” i kliknij „Edytuj”.

edit digital downloads

Gdy znajdziesz się w edytorze bloków, kliknij czarny widżet panelu bocznego u góry.

Przewiń panel w dół, aż dojdziesz do opcji przycisków. Następnie z rozwijanego menu wybierz opcję „Kup teraz”.

buy now button in EDD

Następnie naciśnij przycisk „Publikuj” lub „Aktualizuj”.

Z tego miejsca możesz wyświetlić podgląd twojej strony i powinieneś zobaczyć przycisk „Do kasy” u dołu strony produktu, który przeniesie Cię bezpośrednio do strony kasy. Następnie możesz wpisz swój e-mail, a Stripe automatycznie wypełni Twoje dane rozliczeniowe i płatnicze.

checkout button in EDD

Metoda 4: Utwórz One-Click Checkout w WordPress za pomocą FunnelKit (sklepy e-handel)

Jeśli posiadasz sklep e-handel, FunnelKit Funnel Builder to najlepszy wybór do skonfigurowania Twojego ekspresowego procesu płatności.

FunnelKit Funnel Builder

Ten popularny kreator lejków sprzedażowych pozwala łatwo stworzyć lejek sprzedażowy o wysokiej konwersji, aby zwiększyć twoją średnią wartość zamówienia, zmniejszyć liczbę porzuconych koszyków i pozyskać więcej potencjalnych klientów.

Możesz zrobić wszystko, od tworzenia stron przechwytywania potencjalnych klientów i skoków zamówień po tworzenie formularzy kasowych i wózków typu slide-in. Co najlepsze, nie musisz pisać żadnego kodu.

W przypadku tej metody musisz mieć już skonfigurowane twoje strony produktów dla WooCommerce. Jeśli nie skonfigurowałeś jeszcze swojego sklepu, zapoznaj się z naszym kompletnym poradnikiem WooCommerce krok po kroku.

Aby rozpocząć, zainstaluj i włącz wtyczkę FunnelKit Automation. Po włączaniu przejdź do FunnelKit ” Koszyk. Będziesz chciał włączyć opcję „Włącz koszyk”. W karcie „Express Checkout” kliknij „Connect with Stripe”.

connect with stripe funnelkit automations

Następnie zostaniesz przeniesiony do kreatora Stripe Connect.

Wystarczy postępować zgodnie z instrukcjami, aby połączyć twoje konto Stripe z FunnelKit lub utworzyć nowe konto.

funnelkit stripe connection

Gdy twoje konto Stripe zostanie połączone z FunnelKit, zostaniesz przeniesiony z powrotem do WordPress.

Należy włączyć opcję „Karta kredytowa (Stripe)”, a następnie nacisnąć przycisk „Zapisz i kontynuuj”.

activate payment method funnelkit

Następnie zostaniesz poproszony o skonfigurowanie webhooka, aby móc automatycznie przetwarzać płatności za pomocą jednego kliknięcia.

Kliknij „Skonfiguruj Webhook teraz”.

setup webhook funnelkit

W tym miejscu należy włączyć opcję ekspresowej płatności dla Google Pay i Apple Pay.

Następnie naciśnij przycisk „Potwierdź”.

enable express checkout funnelkit

Powinieneś zobaczyć komunikat potwierdzający, że konfiguracja Stripe powiodła się.

Jeśli jesteś gotowy do rozpoczęcia przyjmowania płatności, możesz wybrać tryb „Na żywo”. W przeciwnym razie możesz na razie wybrać opcję „Test”. Następnie kliknij „Zapisz i sprawdź ustawienia”.

stripe successfully setup funnelkit

Następnie wróć do FunnelKit ” Koszyk. Następnie na karcie Express Checkout wystarczy włączyć opcję „Enable Express Checkout on Cart”.

Następnie naciśnij przycisk „Zapisz”, aby zapisać zmiany.

enable express checkout on cart

Po włączeniu tej funkcji można rozpocząć pracę.

Wystarczy przejść do strony produktu na żywo, aby zobaczyć ją w działaniu.

live product page one click checkout

Gdy klient wybierze opcję „Zapłać teraz”, pojawi się okno.

Wszystkie szczegóły płatności zapisane na ich kontach Google i Apple Pay pojawią się automatycznie.

payment details one click checkout preview

Metoda 5: Utwórz kasę jednym kliknięciem w WordPress przy użyciu WooCommerce (za darmo)

Jeśli chcesz skorzystać z darmowej metody dodania płatności jednym kliknięciem w twoim sklepie WooCommerce, możesz pobrać wtyczkę Direct Checkout for WooCommerce.

Direct Checkout for WooCommerce

Jest to darmowa wtyczka, która dodaje przycisk zakupu jednym kliknięciem do twojego sklepu.

Po włączaniu przejdź do strony WooCommerce ” Ustawienia. Następnie przejdź do Płatności ” Express Checkout.

Następnie kliknij pole wyboru „Włącz usługę Express Checkout”.

Wtyczka oferuje szeroki zakres własnych konfiguratorów. Możesz dostosować miejsce, w którym ma się pojawiać przycisk płatności jednym kliknięciem, a także kolor przycisku i wyświetlany tekst.

enable express checkout in woocommerce

Teraz wszystko jest gotowe.

Wystarczy przejść do strony produktu lub twojego sklepu, aby zobaczyć przycisk płatności jednym kliknięciem.

express checkout live preview

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć płatność jednym kliknięciem w WordPress. Zachęcamy również do zapoznania się z naszą listą najlepszych wtyczek WooCommerce dla twojego sklepu oraz naszym przewodnikiem na temat tworzenia newslettera e-mail we właściwy sposób.

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

Jeden komentarzZostaw 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!

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ę.