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 dodać płatność kodem QR Stripe w WordPress?

Kody QR, czyli kody szybkiej odpowiedzi, to rodzaj kodów kreskowych, które użytkownicy mogą skanować za pomocą swoich telefonów komórkowych. Możesz wyświetlić formularz płatności Stripe za pomocą kodów QR, aby pomóc klientom w łatwym zakupie produktu lub usługi.

Obecnie wielu użytkowników WordPressa ma trudności z dodawaniem kodów QR do swoich witryn internetowych i akceptowaniem płatności online. Aby ci pomóc, przetestowaliśmy i wykorzystaliśmy wiele różnych wtyczek.

Z naszego doświadczenia wynika, że najprostszym sposobem jest utworzenie formularza płatności Stripe za pomocą WPForms, a następnie utworzenie kodu QR dla formularza za pomocą ustawień przeglądarki Google Chrome lub wtyczki Shortcodes Ultimate.

W tym artykule pokażemy, jak dodać płatność kodem QR Stripe w WordPress.

How to add Stripe payment QR code payment in WordPress

Dlaczego warto dodać kod QR płatności Stripe w WordPress?

Stripe to popularna bramka płatności, która pozwala akceptować płatności online na Twojej witrynie WordPress lub w sklepie e-handlowym. Ułatwia ona klientom dokonywanie płatności za pomocą kart kredytowych.

Najlepsze jest to, że klienci nie muszą przechodzić przez długi proces rejestracji. Mogą po prostu wpisz swoją kartę kredytową na witrynie internetowej, aby dokonać zakupu.

Dodanie płatności kodem QR Stripe do twojej witryny daje klientom elastyczność w szybkim dokonywaniu zakupów. Klienci mogą po prostu zeskanować kod, aby otworzyć odnośnik do płatności.

Dzięki temu proces płatności jest bardzo prosty i szybki. Pomaga to ludziom łatwo kupić produkt i usługę w Twoim sklepie internetowym. W rezultacie zaobserwujesz wzrost konwersji i zmniejszenie liczby porzuconych koszyków.

To powiedziawszy, przyjrzyjmy się, jak możesz dodać płatność kodem QR Stripe do twojej witryny internetowej WordPress.

Tworzenie formularza płatności Stripe w WordPress

Po pierwsze, musisz dodać formularz płatności Stripe na twojej witrynie internetowej, aby akceptować płatności online od klientów.

Najlepszym sposobem na to jest użycie WPForms. Jest to najlepsza wtyczka formularza kontaktowego dla WordPress, która jest bardzo łatwa w użyciu i łatwo integruje się ze Stripe. Istnieje wiele szablonów formularzy do wyboru i można je dostosować za pomocą kreatora przeciągnij i upuść.

Do tego poradnika potrzebna będzie licencja WPForms Pro, ponieważ zawiera ona dodatek Stripe. Istnieje również wersja WPForms Lite, której można używać za darmo. Pozwala ona akceptować płatności Stripe, ale za płatności dokonywane za pośrednictwem twoich formularzy pobierana jest opłata w wysokości 3%.

Aby rozpocząć, należy pobrać i zainstalować wtyczkę WPForms. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu możesz przejść do WPForms ” Ustawienia z twojego kokpitu WordPress i wpisz klucz licencyjny. Klucz można znaleźć w obszarze Twojego konta na witrynie internetowej WPForms.

Adding a license key to the WPForms form builder plugin

Wystarczy wpisz klucz i kliknij przycisk „Zweryfikuj klucz”.

Gdy to zrobisz, musisz przejść do strony WPForms ” Addons i zainstalować dodatek Stripe.

Installing the Stripe addon

Kliknij przycisk „Zainstaluj dodatek”, a WPForms automatycznie go zainstaluje i włączy.

Stąd można przejść do WPForms ” Ustawienia z panelu administracyjnego WordPress i przejść do karty „Płatności”.

Następnie wystarczy kliknąć przycisk „Połącz ze Stripe” i postępować zgodnie z instrukcjami wyświetlanymi na ekranie, aby połączyć twoje konto z WPForms.

Click the connect with Stripe button

Po podłączeniu Stripe można przejść do WPForms ” Add New, aby utworzyć nowy formularz.

WPForms oferuje wiele szablonów formularzy do wyboru. Możesz wybrać prosty formularz kontaktowy, formularz zamówienia lub formularz płatności Stripe i dostosować go do własnych potrzeb.

Stripe payment form

W tym poradniku użyjemy szablonu „Stripe Payment Form”.

Następnie możesz dostosować swój formularz za pomocą kreatora formularzy typu „przeciągnij i upuść”. Domyślnie w szablonie widoczne są różne pola formularza.

WPForms pozwala jednak dodać więcej pól formularza do szablonu, takich jak lista rozwijana, pola wyboru, e-mail, telefon, adres, witryna internetowa i inne.

Customize Stripe payment form

Możesz także kliknąć dowolne pole formularza w szablonie, aby dostosować je do własnych potrzeb.

Na przykład zmieniliśmy tekst dla każdego przedmiotu w twoim formularzu demonstracyjnym i włączyliśmy opcję wyświetlania cen po etykiecie przedmiotu.

Customize form field in stripe payment form

Po zakończeniu edycji formularza wystarczy przejść do karty „Płatności” i wybrać „Stripe” z menu po lewej stronie.

W tym miejscu upewnij się, że opcja „Włącz płatności Stripe” jest włączona.

Enable Stripe payments

Następnie możesz przejść do karty Ustawienia. Znajdziesz tam opcje umożliwiające zmianę ustawień powiadomień i potwierdzeń.

Można na przykład wybrać działanie, które powinno nastąpić po przesłaniu formularza przez użytkownika. WPForms pozwala wyświetlić wiadomość lub stronę, a nawet przekierować użytkownika pod adres URL.

Confirmation settings form

Teraz możesz wyświetlić formularz płatności Stripe na swojej witrynie internetowej.

Wystarczy kliknąć przycisk „Zapisz”, aby zapisać twoje zmiany, a następnie kliknąć przycisk „Osadzaj” u góry.

Save and embed your form

Następnie WPForms wyświetli wyskakujące okienko, w którym możesz wybrać istniejącą stronę lub utworzyć nową, aby osadzać twój formularz.

W tym poradniku wybierzemy opcję „Wybierz istniejącą stronę”.

Embed a form in page

Następnie wpisz nazwę twojej nowej strony.

Gdy to zrobisz, po prostu kliknij przycisk „Let’s Go”.

Enter name for your new page

Następnie zobaczysz podgląd twojego formularza płatności Stripe w edytorze treści WordPress.

Możesz przejść dalej, opublikować stronę i przejść na witrynę internetową, aby zobaczyć ją w działaniu.

Stripe payment form preview

Teraz skopiuj odnośnik do twojej strony z formularzem płatności, ponieważ będzie on potrzebny do utworzenia kodu QR.

Metoda alternatywna: Możesz również utworzyć formularz płatności Stripe za pomocą WP Simple Pay. Jest to najlepsza wtyczka płatności Stripe dla WordPress, która pomaga zbierać płatności online bez konfigurowania koszyka na zakupy.

WP Simple Pay jest prostszą opcją niż WPForms. Jest idealny, jeśli chcesz stworzyć podstawowy formularz do akceptowania płatności kartą kredytową.

Jeśli jednak szukasz więcej opcji konfiguratora i szablonów formularzy, zalecamy skorzystanie z WPForms.

Aby uzyskać więcej informacji, możesz zapoznać się z naszym szczegółowym przewodnikiem na temat akceptowania płatności za pomocą Stripe w WordPress.

Dodaj kod QR dla płatności Stripe w WordPress

Teraz, gdy twój formularz płatności Stripe jest gotowy, możesz utworzyć dla niego kod QR i wyświetlić go w dowolnym miejscu na twojej witrynie.

Istnieją 2 sposoby na dodanie kodu QR do Twojej witryny. Możesz skorzystać z funkcji przeglądarki Google Chrome lub użyć wtyczki WordPress QR code.

1. Tworzenie kodów QR za pomocą przeglądarki Google Chrome

Jeśli korzystasz z przeglądarki Google Chrome, możesz użyć jej do udostępnienia strony internetowej za pomocą kodu QR.

Najpierw musisz otworzyć stronę formularza płatności Stripe w nowej karcie lub oknie.

Następnie możesz kliknąć ikonkę udostępniania w prawym górnym rogu paska adresu witryny. Następnie wystarczy wybrać opcję „Utwórz kod QR”.

Click the share icon in chrome

Następnie Google Chrome wygeneruje kod QR dla twojej strony formularza płatności Stripe.

Kod QR można pobrać jako obrazek.

Download the QR code

Następnie wystarczy umieścić obrazek w dowolnym miejscu twojej witryny.

Na przykład, można wyświetlić kod QR na stronach produktów, aby klienci mogli je szybko zeskanować i otworzyć formularz w celu dokonania zakupu.

Add QR code to product page

2. Utwórz kod QR płatności Stripe za pomocą wtyczki WordPress

Możesz dodać kody QR do swojej witryny za pomocą wtyczki WordPress, takiej jak Shortcodes Ultimate. Jest to darmowa wtyczka, która umożliwia tworzenie ponad 50 różnych rodzajów krótkich kodów, w tym kodów QR. Możesz dowiedzieć się więcej w naszej szczegółowej recenzji Shortcodes Ultimate.

Najpierw musisz zainstalować i włączyć wtyczkę Shortcodes Ultimate. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu zobaczysz ekran powitalny Shortcode Ultimate.

Shortcode ultimate welcome screen

Następnie musisz edytować stronę lub wpis, aby dodać twój kod QR.

Po przejściu do edytora treści wystarczy dodać blok z krótkim kodem.

How to add a shortcode block to WordPress

Następnie powinna pojawić się opcja „Wstaw krótki kod”.

Wystarczy kliknąć ikonkę podwójnego nawiasu, aby dodać twój kod QR.

Click the select shortcode icon

Następnie wtyczka wyświetli różne opcje krótkiego kodu dla twojej witryny.

Przejdź dalej i wybierz opcję „Kod QR”.

Select QR code shortcode

Następnie zobaczysz opcje, które pozwolą ci wpisz szczegóły twojego kodu QR.

W polu Dane możesz wpisz adres URL twojego formularza płatności Stripe, który utworzyłeś wcześniej.

Oprócz tego istnieje opcja wpisz tytuł dla kodu, który działa jako tekst alternatywny. Możesz również dostosować rozmiar twojego kodu QR.

Enter QR code details

Jeśli przewiniesz w dół, zobaczysz więcej opcji, aby dostosować swój kod QR. Możesz na przykład zmienić kolor podstawowy, kolor tła i wiele więcej.

Po zakończeniu wystarczy kliknąć przycisk „Wstaw krótki kod”.

Click insert shortcode

Wtyczka pozwala również zobaczyć podgląd kodu na żywo w twoim wpisie na blogu lub na stronie docelowej.

Śmiało opublikuj swoją stronę, aby zobaczyć kod QR formularza płatności Stripe w działaniu.

QR code live preview

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać płatność kodem QR Stripe w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat akceptowania płatności cyklicznych w WordPress i najlepszych wtyczek kodów kuponów WordPress.

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

3 komentarzeZostaw odpowiedź

  1. Ralph

    Paying with QR code is more and more popular. I think it is becuase of its ease of use. It’s just faster than old methods and we want to save more and more time.

    I have a question – Scaning QR code with phone from laptop screen is easy, but is it also such a easy thing with smartphones themselves? I mean, i scroll website on my phone and see QR code, my phone do not recognize QR code like that, only with photo app. Is it normal or it’s just my phone and having qr code for mobile users is just as good as for desktop users?

    • WPBeginner Support

      It would depend on the phone, if you have not done so already you would want to try taking a screenshot with your phone.

      Administrator

      • Ralph

        Oh, I did not think of that… Thank you for your suggestion, this should do the trick!

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