Jak dodać płatność kodu QR Stripe QR w WordPress

Czy chcesz dodać opcję płatności kodu QR na swojej stronie WordPress?

Metoda płatności QR pozwala użytkownikom skanować i uzyskać dostęp do linku do płatności na swoich telefonach. To sprawia, że ​​proces kasy są dla nich prostszy i łatwiejszy.

Istnieje jednak wiele sposobów umożliwienia użytkownikom płacenia według kodu QR. Ponadto istnieje wiele bram płatności, które można zintegrować z kodem QR.

Na przykład możesz ręcznie dodać kod QR płatności do swojej witryny za pomocą platform takich jak generator kodu QR lub QRSTUFF. Ale wymaga to długiego procesu konfiguracji.

Musisz wprowadzić informacje do kodu QR, takie jak link płatności, adres URL strony internetowej i dane kontaktowe. Musisz także dostosować kod QR osobno od witryny i pobrać go jako obraz.

Ostatecznie może wyglądać nie na miejscu i mieć konflikt funkcjonalności.

Ponadto kody QR generowane ręcznie są statyczne, co oznacza, że ​​wszelkie aktualizacje wymagają regeneracji i wymiany obrazu w Twojej witrynie.

Dlatego zalecamy użycie WPFOFS, aby pomóc Ci utworzyć opcję płatności kodu QR.

Po pierwsze, dzięki WPFOMS możesz dynamicznie generować kody QR na podstawie danych wejściowych formularzy, takich jak dane użytkownika, kwoty płatności lub rejestracje zdarzeń. Zapewnia to, że kody QR są zawsze odpowiednie i spersonalizowane bez ręcznej interwencji.

Możesz również szybko dodać kod QR z linkiem do płatności do dowolnego formularza lub strony za pomocą wizualnego konstruktora, oszczędzając czas.

Najlepsze jest to, że WPFOMS integruje się z bramami płatniczymi, takimi jak PayPal i Stripe, dzięki czemu generowanie kodów QR jest łatwe z stronami płatności.

Teraz, gdy wybraliśmy narzędzie do utworzenia kodu QR płatności, następne pytanie brzmi: jaka brama jest najlepsza do konfigurowania kodów płatności QR?

Tutaj priorytetem powinno być znalezienie bramki płatności, która jest bezpieczna, skalowalna i przyjazna dla użytkownika. Powinieneś również znaleźć taki, który obsługuje wiele walut, co daje dostęp do globalnej grupy odbiorców.

Z tych powodów wybraliśmy Stripe.

Stripe umożliwia generowanie dynamicznych kodów QR, które łączą się z stronami płatności w czasie rzeczywistym. Możesz dostosować stronę płatności połączoną z kodem QR do marki, logo i kolorów.

Stripe obsługuje różne metody płatności, w tym karty kredytowe/debetowe, portfele mobilne, takie jak Apple Pay i Google Pay, a także lokalne systemy płatności.

W rezultacie pojedynczy kod QR może skierować użytkowników do strony płatności, na której wybierają preferowaną metodę.

Oto inne powody, dla których Stripe jest świetną bramą płatności kodu QR.

• Płatności jednowartościowe: Klienci mogą zeskanować kod QR i wypełnić płatność w ciągu kilku sekund za pomocą zapisanych metod płatności
• Dynamiczne kwoty płatności: Stripe umożliwia tworzenie kodów QR powiązanych z dynamicznie obliczonymi kwotami płatności.
• Łatwa integracja z stronami internetowymi: Stripe zapewnia proste integracje API i wtyczki dla platform takich jak WordPress.
• AKTUALIZACJE W TIĘKNIU: Dashboard Stripe śledzi płatności dokonywane za pośrednictwem kodów QR. Możesz natychmiast monitorować transakcje.
• Bezpieczne transakcje: Płatności za pośrednictwem kodów QR Stripe są bezpiecznie przetwarzane, z zaawansowanym mechanizmem szyfrowania i wykrywania oszustw.

Jak widać, kombinacja Stripe i WPFOMS to świetny sposób na otrzymywanie płatności za pośrednictwem kodów QR.

Nieprzedz, pokażemy ci, krok po kroku, jak skonfigurować płatności kodu QR w WordPress.

Poniżej znajduje się próbka płatności kodu Stripe QR, którą utworzymy w tym samouczku:

Z tego powodu zacznijmy.

Jak dodać płatność kodu QR Stripe QR w WordPress

Jak wspomniano, potrzebujemy dwóch narzędzi do skonfigurowania płatności QR w WordPress: WPFORMS i Stripe.

Na szczęście WPFOMS jest kompatybilny z Stripe. Dlatego połączymy Stripe z WordPress za pośrednictwem WPForms. Ten proces pozwala użytkownikom płacić według kodu QR w dowolnym formularzu za pomocą konstruktora przeciągania i upuszczania. To sprawia, że ​​użytkownikom jest wygodne i łatwe do dokonania zakupu.

Teraz sprawdź wszystkie kroki, które wykonamy poniżej. Jeśli chcesz przejść do dowolnego kroku, po prostu kliknij go.

• Krok 1: Zainstaluj i skonfiguruj WPFOMS
• Krok 2: Zainstaluj i skonfiguruj WPForms Stripe Pro Addon
• Krok 3: Utwórz formularz płatności
• Krok 4: Skonfiguruj płatność Stripe
• Krok 5: Skonfiguruj powiadomienia i komunikaty potwierdzające
• Krok 6: Opublikuj formularz
• Krok 7: Dodaj kod QR do płatności paska w WordPress

Przejrzyjmy Cię przez cały poniższy proces.

Krok 1: Zainstaluj i skonfiguruj WPFOMS

Pierwszym krokiem jest zainstalowanie WPForms w pulpicie WordPress. Powinniśmy jednak wspomnieć, że WPFOMS oferuje bezpłatną wersję, która pozwala dokonywać płatności paska. Możesz uzyskać do niego szybki dostęp w swoim repozytorium WordPress i rozpocząć tworzenie formularzy.

Ale potrzebujesz wersji pro, aby uzyskać bardziej zaawansowane funkcje paska, takie jak przy użyciu kodu QR.

Wynika to z faktu, że wersja Pro zapewnia dostęp do dodatku Stripe Pro, którego będziemy potrzebować w tym samouczku. Poza tym bezpłatna wersja WPFOMS jest wyposażona w 3% opłatę za transakcję, która może podnieść koszt towarów.

Sprawdź najnowszą recenzję WPFOFS, aby dowiedzieć się więcej.

Aby rozpocząć, przejdź do oficjalnej strony internetowej WPFOFS i zapisz plan. Oferują różne plany, co ułatwia znalezienie takiego, który pasuje do twojego budżetu i potrzeb. Ale aby użyć dodatku Stripe Pro, konkretnie, potrzebujesz planów Pro lub Elite WPForms.

Po zakupie planu Pro lub Elite zaloguj się na swoje konto WPFORMS i przejdź do pobrania .

Następnie pobierz plik zip WPFOFS na komputer. Następnie, na tej stronie, skopiuj klucz licencyjny ; Będziesz go potrzebować, aby aktywować wersję pro.

Po zakończeniu udaj się na deskę rozdzielczą WordPress i przejdź do wtyczek »Dodaj nową wtyczkę . Następnie zainstaluj i aktywuj WPFOFS, tak jak każda inna wtyczka.

Sprawdź ten samouczek na temat instalacji wtyczek, jeśli potrzebujesz pomocy.

Po aktywacji powinieneś zobaczyć nową opcję menu pojawiającą się na desce rozdzielczej WordPress oznaczonej „WPFORM”. Wskazuje to, że proces instalacji był sukcesem.

Następnie przejdź do WPforms »Ustawienia» Ogólne i wklej „klucz licencyjny”, który skopiowałeś wcześniej.

Wreszcie, hit Verify Key , a to wszystko! Jesteś gotowy do użycia WPFORM.

Następnie zobaczmy, jak skonfigurować płatność Stripe w WordPress za pośrednictwem WPForms.

Krok 2: Zainstaluj i skonfiguruj WPForms Stripe Pro Addon

WPFOMS sprawia, że ​​super łatwe jest dodawanie płatności paska i ich konfiguracja. Wszystko, co musisz zrobić, to przejść do WPforms »Dodatki .

Tutaj przewiń dostępne dodatki lub użyj funkcji wyszukiwania, aby znaleźć dodatek „Stripe Pro”. Następnie zainstaluj i aktywuj go jak każdy inny dodatek wtyczki.

To wszystko! Możesz teraz używać zaawansowanych funkcji Stripe na WPFOFS za pośrednictwem tego dodatku.

Następnie skonfiguruj i skonfiguruj płatności Stripe na WPFOFS.

Aby to zrobić, udaj się do WPFOMS »Ustawienia i przejdź do zakładki„ Płatność ”. Następnie przewiń do sekcji Stripe na stronie i naciśnij „Połącz z Stripe”.

Zostaniesz przekierowany na stronę rejestracyjną, na której możesz dodać szczegóły logowania do paska. Jeśli nie masz konta Stripe, możesz również utworzyć je na tej stronie.

Po połączeniu zostaniesz przekierowany z powrotem na deskę rozdzielczą WordPress. W tym momencie powinieneś zobaczyć zielony kleszcz obok „Status połączenia” pod kartą Stripe.

Sprawdź ten artykuł na temat najlepszych wtyczek Stripe, jeśli szukasz więcej narzędzi, które łatwo łączą to z Stripe w WordPress.

Świetnie! Właśnie skonfigurowałeś Stripe i jesteś gotowy do otrzymania płatności.

Krok 3: Utwórz formularz płatności

Następnym krokiem jest skonfigurowanie formularza płatności, w którym użytkownicy mogą dokonywać płatności. Jak wspomniano, piękno korzystania z WPFOMS polega na dodaniu pola płatności w dowolnym formularzu.

Na przykład możesz dodać pole płatności do formularza rejestracyjnego. Łączy to rejestracja i wynagrodzenie z procesem kodu QR, usprawniając kasę. Możesz również dodać go do formularza darowizn, formularza rozliczeniowego, formularza aukcyjnego, formy Partii RSVP, formularza zamówienia i innych.

Najlepszą częścią używania WPFOFS jest to, że ma on ponad 2000 gotowych szablonów formularzy. To jeszcze bardziej upraszcza proces. Jeśli masz wrażenia projektowe, możesz również użyć pustego płótna.

Aby pomóc Ci wybrać szablon, WPFOMS pokazuje podgląd dla każdego z nich na stronie szablonu. Jeśli chcesz wyświetlić szablon na pełnym ekranie, najedź nad nim i wybierz „Wyświetl demo”.

W naszym samouczku krok po kroku użyje szablonu „prostego formularza kontaktowego”.

Tak więc unosimy się nad nim i nacigamy „Użyj szablonu”. To otworzy szablon w konstruktorze formularzy przeciągania i upuszczenia.

Po pierwsze, zauważysz, że interfejs formularza Builder jest podzielony na dwie sekcje: „Pola” po lewej stronie i podgląd na żywo formularza po prawej stronie.

Pola są podzielone na standardowe pola, fantazyjne pola i pola płatności. Ułatwia to znalezienie pola, które chcesz dodać.

WPFOMS oferuje różnorodne typy pola, w tym tekst jednoliniowy, e-mail, rozwijane, pola wyboru i inne, co daje elastyczność tworzenia formularzy dostosowanych do twojego celu.

Aby dodać pole, po prostu przeciągnij je z lewego panelu i upuść do żądanego miejsca w formularzu w oknie podglądu po prawej stronie. Możesz zmienić zmianę pola, klikając i przeciągając je w podglądu na żywo podczas tworzenia formularza kontaktowego.

To pozwala dostosować układ formularza, aby bez wysiłku odpowiadało Twoim potrzebom.

Na przykład możesz dodać pole wyboru, wiele elementów lub dziedziny elementów rozwijanych, jeśli chcesz sprzedawać wiele produktów w formularzu. Z drugiej strony możesz dodać pole pojedynczej pozycji, jeśli chcesz sprzedać tylko jeden produkt w formularzu kontaktowym.

Pamiętaj, że każdy szablon WPFOFS ma pola wstępnie dodane, które można dostosować.

Aby edytować pole, wybierz je w podglądzie formularza, a opcje pola pojawią się po lewej stronie. Stąd możesz zmodyfikować etykietę pola, tekst zastępczy i inne ustawienia, takie jak to, czy pole jest wymagane.

Po zakończeniu edytowania lub dodawania pól zapisz formularz za pomocą przycisku w prawym górnym rogu, aby upewnić się, że wszystkie zmiany zostaną zastosowane. Ten prosty proces zapewnia, że ​​nawet początkujący mogą budować profesjonalne, funkcjonalne formy w ciągu kilku minut.

Sprawdź ten artykuł porównawczy na WPFOFS vs. FormStack, aby zobaczyć, jak pasują do tworzenia formularzy.

Krok 4: Skonfiguruj płatność Stripe

Przy gotowym formularzu kontaktowym skonfigurowanie opcji płatności paska jest następnym krokiem.

Aby to zrobić, będziemy musieli dodać pole Stripe do formularza. Jest to bardzo prosty proces, ponieważ użyjesz tego samego procesu przeciągania i upuszczenia, którego użyliśmy powyżej.

Więc przejdź do panelu pola i przewiń pola płatności . Tutaj zlokalizuj pole „Karta kredytowa Stripe”, a następnie przeciągnij i upuść go do lokalizacji w formularzu, który chcesz się pojawić.

Pole płatności Stripe WPFOFSS jest najważniejsze z numerem karty, wygaśnięciem, CVC i liniami tekstowymi. Dlatego nie musisz dalej dostosowywać pola karty kredytowej Stripe.

Sprawdź ten artykuł, aby poznać kolejny wygodny sposób otrzymywania płatności kart w WordPress.

Przy przygotowaniu pola płatności paska, przejdź do zakładki „Płatności” po lewej stronie.

Po wybraniu otworzysz wszystkie bramy płatności, aby połączyć się z WPFOFS. Możesz użyć autoryze.net, kuponów, handlu paypal, standardu PayPal i Square.

Ale zalecana brama płatności to pasek, który znajdziesz na górze tej strony.

Po wybraniu tej opcji nowa strona otworzy się po lewej stronie z przyciskiem przełączania, aby umożliwić „płatności jednorazowe” lub „powtarzające się płatności”.

Sprawdź ten artykuł, aby dowiedzieć się, jak skonfigurować powtarzające się płatności za pomocą WPFOMS.

W naszym samouczku dzisiaj ustanowimy płatności jednorazowe.

Po użyciu przycisku przełączania, aby włączyć tę funkcję, zobaczysz opcje mapowania pól formularza kontaktowego na pola płatności. Umożliwia to WPFOMS komunikowanie się z Stripe i upewnienie się, że prawidłowe szczegóły płatności zostaną przechwytywane podczas procesu przesyłania formularza.

Ponownie, WPFOMS ułatwia proces mapowania.

Wszystko, co musisz zrobić, to wybrać opcję z menu rozwijanego. W rzeczywistości menu rozwijane zawierają tylko najbardziej prawdopodobne pole, które zostaną zmapowane, co jest jeszcze łatwiejsze.

Na przykład w ramach rozwijania paragonu płatności paska widać „e -mail”. Następnie, w rozwijaniu nazwy klienta, otrzymasz „nazwisko”.

Po mapowaniu powinien wyglądać jak zrzut ekranu poniżej:

Aby jeszcze bardziej poprawić wrażenia użytkownika, możesz aktywować logikę warunkową na dole tej strony.

Tutaj możesz dyktować, kiedy pola płatności powinny być wyświetlane lub ukryte. WPFOMS pozwala nawet dodać wiele reguł logicznych warunkowych.

Oprócz logiki warunkowej, oto kolejny sposób na zmniejszenie porzucenia formy, które może się przydać.

Krok 5: Skonfiguruj powiadomienia i komunikaty potwierdzające

Teraz powiadomienia e -mail i komunikaty potwierdzające są ważne dla wszystkich formularzy. Ale są one kluczowe dla formularzy związanych z płatnościami. Zapewniają natychmiastowe informacje zwrotne dla użytkowników, co uspokajają, że ich płatność została pomyślnie przetworzona.

Powiadomienia e -mail można skonfigurować do wysyłania szczegółów potwierdzenia lub potwierdzenia do użytkownika, jednocześnie powiadamiając Cię o transakcji.

Wiadomości potwierdzające, wyświetlane natychmiast po przesłaniu formularza, pomóż wyeliminować zamieszanie, informując użytkowników, że ich płatność i przesłanie formularza zakończyły się powodzeniem.

Możesz natychmiast ustawić wiadomość potwierdzającą na tej samej stronie co „wiadomość”, pokaż ją na innej stronie na tej samej stronie lub na zewnętrznym adresie URL.

WPFOFS pozwala ustawić je oba w ustawieniach . Tutaj otrzymujesz zakładki zarówno dla „powiadomień”, jak i „potwierdzeń”.

Pamiętaj, zapewnienie, że te wiadomości są jasne, a profesjonalista zwiększa zaufanie użytkowników i tworzy gładsze ogólne wrażenia.

Możesz sprawdzić ten artykuł na temat skonfigurowania powiadomień i potwierdzeń formularzy dla dogłębnego wyjaśnienia.

Krok 6: Opublikuj formularz

Teraz, przy wszystkim, jedyne, co pozostało do zrobienia, to opublikować formularz na witrynie WordPress. Istnieją dwa sposoby tego: publikować na nowej stronie lub publikować na istniejącej stronie.

Przyjrzyjmy się, jak opublikować na istniejącej stronie.

Najpierw naciśnij przycisk Zapisz u góry strony. Po zakończeniu wybierz przycisk „Osadzony” obok przycisku Zapisz , aby otworzyć okno wyskakujące. Następnie w tym oknie wybierz „Wybierz istniejącą stronę”.

W następnym okienku wybierz stronę, na której chcesz pojawić się formularz z rozwijania. Po tym hicie „Chodźmy”.

To otworzy stronę w edytorze bloku WordPress.

Następnie przejdź do dalekiej lewej edytora bloku i wybierz przycisk Plus (+), aby otworzyć bloki.

Następnie zlokalizuj blok WPFOFS i przeciągnij i upuść go do lokalizacji na stronie, na której chcesz pojawić się formularz płatności. Po załadowaniu użyj menu rozwijanego w bloku, aby wybrać właśnie zbudowany formularz płatności.

Na koniec naciśnij Zapisz w prawym górnym rogu strony. W tym momencie powinieneś zobaczyć formularz kontaktowy utworzony na stronie na żywo.

Następnie zobaczmy, jak dodać formularz płatności do nowej strony.

Ponownie wróć do przycisku osadzonego u góry konstruktora formularzy i upuść. Ale tym razem wybierz „Utwórz nową stronę”.

W następnym okienku nazwij nową stronę i wybierz „Let's Go”. To otworzy edytor bloków nowej strony. Tym razem nowa strona będzie załadować formularz wstępnie dodany.

Oczywiście możesz użyć bloków WordPress do dalszego dostosowania strony. Ale formularz powinien być gotowy do opublikowania tak, jak jest. Gdy będziesz zadowolony z formularza, nacisk „Publikuj” u góry strony.

To wszystko! Możesz teraz opublikować formularz przy użyciu WPFOMS na istniejących i nowych stronach.

Następnie zobaczmy, jak dodać kod QR, aby zaakceptować płatności za pośrednictwem formularza.

Krok 7: Dodaj kod QR do płatności paska w WordPress

Teraz istnieją 2 bezpłatne i proste metody dodania kodu QR do formularza płatności. Po pierwsze, możesz użyć Google Chrome, która ma wbudowaną funkcję QR lub skróty Ultimate, darmową wtyczkę WordPress.

1. Użyj wbudowanej funkcji Chrome, aby dodać kod QR

Aby utworzyć kod QR za pomocą funkcji Google Chrome, otwórz stronę formularza płatności w przeglądarce.

Możesz użyć przycisku Udostępnij obok paska tekstowego adresu URL, aby otworzyć funkcję kodu QR.

Jeśli nie znajdziesz go tutaj, naciśnij przycisk „Dostosuj i sterowanie” w prawym górnym rogu przeglądarki Chrome. Jest to zwykle wyświetlane jako 3 kropki.

Po tym przewiń w dół, aby rzucić, uratować i udostępnij . Następnie, z menu rozwijanego, wybierz „Utwórz kod QR”.

Następnie, na wyskakującym okienku, który pojawi się następny, pobierz kod QR jako obraz.

Następnie przejdź do dowolnej strony lub opublikuj na swojej stronie i dodaj pobrany kod QR. Najlepiej dodaj go do stron produktów, abyś mógł szybko przekierować użytkowników na stronę kasy.

Następnie wszystko, co musisz zrobić, to edytować stronę lub opublikować ją w edytorze bloków. Następnie użyj bloku obrazu, aby dodać kod QR.

To wszystko. Twoi użytkownicy mogą natychmiast otworzyć formularz płatności.

2. Użyj skrótów ostatecznych, aby dodać kod QR

Skróty zbudowane przez skróty Ultimate pozwalają umieścić kod QR w wygodniejszych obszarach stron, widżetach, paskach bocznych i innych bez kodowania.

Aby uzyskać bezpłatną wersję tej wtyczki w skrócie, przejdź do swojego repozytorium WordPress i użyj funkcji wyszukiwania, aby znaleźć „skróty ostateczne”. Następnie zainstaluj i aktywuj go tak, jak każda inna wtyczka.

Następnie otwórz nową lub istniejącą stronę na desce rozdzielczej WordPress. Następnie użyj funkcji Plus (+) , aby wyszukać „skrót”.

Przeciągnij i upuść blok skrótu do pozycji na stronie, w której chcesz pojawić się kod QR.

Po zakończeniu wybierz opcję Square Brackets „[]” na bloku skrótu, aby otworzyć więcej opcji. Następnie znajdź „kod QR” z długiej listy opcji w oknie wyskakującego.

W następnym okienku wprowadź adres URL formularza płatności w polu danych . Następnie możesz dodać więcej dostosowań, takich jak rozmiar, margines, wyrównanie, link i wiele innych.

Następnie naciśnij skrót i zaktualizuj stronę. W tym momencie powinieneś zobaczyć kod QR na stronie na żywo.

Sprawdź próbkę kodu QR płatności poniżej:

Najlepsze jest to, że możesz użyć tego kodu QR utworzonego na wielu stronach i postach bez dalszych edycji.

To wszystko! Właśnie nauczyłeś się dodawać płatność kodu Stripe QR w WordPress. Mamy nadzieję, że ci się podobało. Jeśli masz więcej pytań, sprawdź powszechnie zadawane pytania poniżej.

FAQ: Jak dodać płatności kodu Stripe QR w WordPress

Gratulacje! Możesz teraz skonfigurować kody płatności QR na swojej stronie WordPress. Oto artykuł pokazujący , jak zaakceptować płatności z paskami w WordPress, jeśli nie chcesz dodawać kodów QR do formularza płatności.

Ponadto oto inne artykuły, które możesz być zainteresowany czytaniem.

• 9 najlepszych wtyczek płatności WordPress
• WP Simple Pay Review: Czy jest to najlepsza wtyczka płatnicza?
• 9 najlepszych wtyczek płatności WordPress

Pierwszy artykuł zawiera najlepsze wtyczki płatnicze dla WordPress. Kolejna recenzja WP Simple Pay, kolejna niesamowita wtyczka płatnicza. Ostatni post zajmuje najlepsze wtyczki płatności WordPress.