Jak dodać przycisk darowizny Stripe w WordPress (z opcją cykliczną)

Czy chcesz dodać przycisk darowizny Stripe do swojej witryny WordPress?

W WPBeginner pomogliśmy niezliczonym użytkownikom zintegrować bezpieczne i wydajne rozwiązania płatnicze z ich stronami internetowymi. Stripe wyróżnia się jako jeden z najlepszych globalnych procesorów płatności online, co niezwykle ułatwia akceptowanie płatności online, w tym darowizn.

W przeszłości dodawanie opcji płatności wymagało skomplikowanych wtyczek eCommerce. Jednak dla tych, którzy chcą zbierać darowizny lub sprzedawać kilka produktów, wystarczy prosty formularz płatności.

W tym artykule przeprowadzimy Cię przez proces dodawania przycisku darowizny Stripe do Twojej witryny WordPress.

Co potrzebujesz, aby akceptować darowizny Stripe na swojej stronie internetowej

Będziesz musiał utworzyć konto Stripe. Konto można założyć bezpłatnie, a opłaty będą pobierane tylko za transakcje.

Będziesz również potrzebować strony WordPress z włączonym SSL. SSL dodaje warstwę bezpieczeństwa do Twojej witryny, dzięki czemu jest bezpieczna do przyjmowania płatności. Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat jak uzyskać darmowy certyfikat SSL dla swojej witryny.

Na koniec będziesz potrzebować rozszerzenia WordPress, aby połączyć swoje konto Stripe. Pokażemy Ci dwie różne opcje, WP Simple Pay (bezpłatna) i WPForms (Pro), dzięki czemu możesz wybrać tę, która najlepiej odpowiada Twoim potrzebom.

Udostępnimy również dodatkową wtyczkę, która oferuje pełne funkcje zarządzania darczyńcami, jeśli szukasz bardziej zaawansowanego rozwiązania.

Mając to na uwadze, przyjrzyjmy się, jak dodać przycisk darowizny Stripe w WordPress.

Samouczek wideo

Subskrybuj WPBeginner

Jeśli nie podobał Ci się film lub potrzebujesz więcej instrukcji, czytaj dalej.

Metoda 1. Dodawanie przycisku darowizny Stripe w WordPress za pomocą WP Simple Pay

WP Simple Pay to jedna z najlepszych wtyczek do płatności Stripe dla WordPress. Możesz jej używać do łatwego przyjmowania jednorazowych lub cyklicznych darowizn na swojej stronie internetowej.

Możesz szybko zacząć korzystać z darmowej wersji wtyczki. Jednak na potrzeby tego tutorialu będziemy korzystać z wersji premium, aby zademonstrować wszystkie dodatkowe funkcje.

Najpierw musisz zainstalować i aktywować plugin WP Simple Pay na swojej stronie WordPress. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować plugin WordPress.

Po aktywacji wtyczki musisz przejść do strony WP Simple Pay » Ustawienia i kliknąć zakładkę Licencja.

Skopiuj klucz licencyjny ze swojego konta na stronie WP Simple Pay, wklej go w odpowiednie pole i kliknij przycisk „Aktywuj”.

Następnie musisz połączyć swoje konto Stripe. 

Na stronie Ustawienia kliknij zakładkę Stripe, a następnie kliknij przycisk „Połącz ze Stripe”.

Następnie zobaczysz stronę Stripe, gdzie możesz zalogować się na swoje konto.

Jeśli nie masz konta Stripe, możesz je utworzyć.

Po zakończeniu połączenia konta zostaniesz przekierowany z powrotem na stronę ustawień w swoim panelu administracyjnym. 

Nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać połączenie z kontem Stripe. 

Teraz możesz utworzyć formularz darowizny Stripe.

Tworzenie formularza darowizn Stripe w WordPress za pomocą WP Simple Pay

Aby utworzyć nowy formularz darowizny, przejdź do strony WP Simple Pay » Dodaj nowy. Stąd możesz wybrać szablon, aby przyspieszyć proces tworzenia formularza.

Najedź kursorem na opcję szablonu Przycisk darowizny i kliknij przycisk „Użyj szablonu”.

Następnie zobaczysz zakładkę „Ustawienia ogólne” dla swojego formularza darowizny.

Tutaj możesz dodać tytuł i opis formularza, a także wybrać jego typ.

W tym samouczku wybierzemy typ formularza „Osadzony”. Pozwoli to na osadzenie formularza darowizny bezpośrednio na dowolnym poście lub stronie WordPress.

Następnie kliknij zakładkę Płatność. WP Simple Pay pozwala na dodanie wielu opcji darowizn, dzięki czemu darczyńcy mogą wybrać, ile chcą przekazać.

Na przykład możesz utworzyć opcje darowizn na kwoty 1 USD, 5 USD i 10 USD. Po prostu kliknij przycisk „Dodaj cenę” i wprowadź kwotę. Powtórz ten proces, aby dodać tyle opcji, ile chcesz.

Jeśli chcesz akceptować cykliczne darowizny, kliknij strzałkę w dół obok opcji cenowej. Następnie kliknij przycisk „Subskrypcja” i wybierz okres rozliczeniowy, który chcesz.

Następnie kliknij zakładkę Pola formularza.

Szablon formularza darowizn zawiera już wszystkie potrzebne pola, w tym opcje cenowe, przycisk płatności i przycisk płatności.

Jeśli chcesz dodać dodatkowe pola formularza, takie jak imię lub adres e-mail, możesz wybrać je z menu rozwijanego i kliknąć przycisk „Dodaj pole”.

Możesz zmieniać kolejność pól formularza, przeciągając je i upuszczając na miejsce. Możesz również kliknąć na dowolne pole, aby dostosować tekst przycisku lub wybrać styl przycisku.

Dodawanie formularza darowizn Stripe w WordPress za pomocą WP Simple Pay

Aby dodać formularz darowizn do dowolnego wpisu lub strony, kliknij przycisk Opublikuj po prawej stronie ekranu.

Następnie musisz skopiować prosty skrócony kod znajdujący się nad przyciskiem Publikuj.

Wygląda to tak: [[simpay id=”285″]]

Następnie możesz wkleić krótki kod do dowolnego posta lub strony WordPress.

Po dodaniu krótkiego kodu do edytora WordPress, widżet krótkiego kodu zostanie dodany automatycznie.

Następnie opublikuj wpis lub stronę.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć, jak wygląda Twój formularz darowizny na froncie.

Metoda 2. Dodawanie przycisku darowizn Stripe w WordPressie za pomocą WPForms

WPForms to najlepsza wtyczka formularzy WordPress używana przez ponad 5 milionów właścicieli stron internetowych. Posiada dodatek Stripe, który pozwala akceptować darowizny, jednorazowe płatności, a nawet płatności abonamentowe na Twojej stronie.

Będziesz potrzebować co najmniej ich planu PRO, aby uzyskać dostęp do dodatku Stripe Pro, który oferuje opcję cykliczną i zerowe dodatkowe opłaty transakcyjne. Otrzymasz również zaawansowane funkcje, takie jak logika warunkowa, formularze wielostronicowe, ankiety i sondy, ponad 700 szablonów formularzy i więcej.

Uwaga: Istnieje darmowa wersja WPForms, która pozwala na pobieranie jednorazowych płatności Stripe. Jednakże, pobierana jest opłata transakcyjna w wysokości 3% od płatności dokonanych za pośrednictwem formularzy.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki WPForms. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress dla początkujących: jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić stronę WPForms » Ustawienia, aby wprowadzić klucz licencyjny. Informacje te znajdziesz na swoim koncie na stronie WPForms.

Po wprowadzeniu klucza licencyjnego kliknij przycisk „Zweryfikuj klucz”.

Następnie musisz przejść na stronę WPForms » Dodatki i kliknąć przycisk „Zainstaluj dodatek” obok dodatku Stripe.

WPForms zainstaluje i aktywuje teraz dodatek Stripe za Ciebie.

Teraz połączmy WPForms z Twoim kontem Stripe, aby otrzymywać płatności. Aby to zrobić, musisz przejść na stronę WPForms » Ustawienia i kliknąć zakładkę Płatności. Następnie kliknij przycisk „Połącz ze Stripe”.

Po tym zostaniesz poproszony o autoryzację połączenia między Twoimi formularzami a Stripe.

To, co widzisz na ekranie, będzie się różnić w zależności od tego, czy aktywowałeś swoje konto Stripe.

Po prostu postępuj zgodnie z krokami kreatora Stripe Connect, aby autoryzować połączenie.

Po zakończeniu zostaniesz przekierowany z powrotem do strony Ustawienia WPForms. Tutaj powinieneś zobaczyć zielony znacznik wyboru w sekcji Stan połączenia.

Możesz również opcjonalnie włączyć tryb testowy ze strony ustawień płatności.

Pozwoli Ci to przetestować integrację Stripe bez faktycznych płatności. Musisz jednak odznaczyć tę opcję, gdy Twoja strona będzie gotowa do przyjmowania darowizn.

Nie zapomnij kliknąć przycisku „Zapisz ustawienia”, aby zachować zmiany.

Teraz, gdy skonfigurowałeś płatności, czas utworzyć formularz darowizny Stripe dla Twojej witryny.

Tworzenie formularza darowizn Stripe w WordPress za pomocą WPForms

Najpierw musisz odwiedzić stronę WPForms » Dodaj nowy, aby utworzyć nowy formularz. Zostaniesz poproszony o podanie tytułu formularza i wybór szablonu. Musisz wybrać szablon „Formularz darowizny”.

Spowoduje to uruchomienie interfejsu kreatora formularzy WordPress z wybranym szablonem formularza darowizn.

Ponadto ten szablon będzie już zawierał typowe pola wymagane do utworzenia formularza darowizny, takie jak imię, e-mail, kwota darowizny i wiadomość.

To jest kreator formularzy metodą przeciągnij i upuść. Możesz edytować pola formularza, klikając je, zmieniając ich kolejność lub dodając nowe pola z lewej kolumny.

Ponieważ tworzysz formularz płatności Stripe, musisz dodać pole „Karta kredytowa Stripe” do swojego formularza. Znajdziesz je w sekcji „Pola płatności” w lewej kolumnie.

Po prostu kliknij, aby dodać pole do formularza, a następnie przeciągnij i upuść, aby zmienić jego pozycję w formularzu.

Gdy będziesz zadowolony z formularza, kliknij zakładkę „Płatności” w lewym rogu, aby edytować ustawienia płatności. Stąd musisz wybrać Stripe jako metodę płatności, a następnie zaznaczyć pole obok opcji „Włącz płatności Stripe”.

Możesz podać opis płatności i wybrać pole e-mail, aby wysłać darczyńcom potwierdzenie.

WPForms obsługuje również płatności cykliczne Stripe. Możesz użyć tej opcji do ustawienia cyklicznych darowizn lub subskrypcji.

Jeśli zdecydujesz się włączyć cykliczne płatności abonamentowe, pojawią się dodatkowe ustawienia. Na przykład możesz wybrać, jak często mają występować płatności cykliczne: Codziennie, Tygodniowo, Miesięcznie, Kwartalnie, Półrocznie lub Rocznie.

Następnym krokiem jest skonfigurowanie ustawień potwierdzenia, które zobaczą Twoi użytkownicy po wypełnieniu formularza. Kliknij zakładkę Ustawienia, a następnie wybierz opcję „Potwierdzenia”.

Stąd możesz wybrać różne typy potwierdzeń. Na przykład, możesz podziękować użytkownikom prostym komunikatem lub przekierować ich na stronę podziękowania lub dowolny inny adres URL.

Po zakończeniu kliknij przycisk Zapisz, aby zachować zmiany.

Dodawanie formularza darowizn Stripe w WordPressie za pomocą WPForms

WPForms sprawia, że dodawanie formularzy w dowolnym miejscu na Twojej stronie jest niezwykle łatwe.

Po prostu kliknij przycisk „Osadź” u góry kreatora formularzy i wybierz istniejącą stronę lub utwórz nową. W tym samouczku klikniemy opcję „Wybierz istniejącą stronę”.

Następnie wybierz, na której istniejącej stronie chcesz osadzić formularz, korzystając z menu rozwijanego.

Następnie kliknij przycisk „Let’s Go!”.

WPForms automatycznie doda formularz do edytora treści WordPress.

Możesz to również zrobić ręcznie, edytując wpis lub stronę, na której chcesz dodać formularz darowizn. Następnie dodaj blok WPForms do swojej treści i wybierz wcześniej utworzony formularz darowizn.

WPForms pobierze i osadzi formularz za Ciebie. Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć go w akcji.

Dodatkowo możesz dodać formularz darowizny do paska bocznego swojego bloga lub dowolnego innego obszaru gotowego na widżety. Przejdź do strony Wygląd » Widżety i dodaj widżet WPForms do paska bocznego.

Następnie musisz wybrać swój formularz darowizn Stripe z menu rozwijanego.

Nie zapomnij kliknąć przycisku Zapisz, aby zachować swoje ustawienia widżetów.

Bonus: Wtyczka do darowizn WordPress z pełnym zakresem funkcji

Chociaż zarówno WP Simple Pay, jak i WPForms pozwalają na utworzenie przycisku darowizny Stripe, nie oferują pełnego zarządzania darczyńcami i innych zaawansowanych funkcji, których potrzebują organizacje non-profit.

Jeśli szukasz kompletnej wtyczki do darowizn WordPress, polecamy WP Charitable. Ponad 10 000 organizacji non-profit i właścicieli stron internetowych na całym świecie korzysta z Charitable do tworzenia kampanii fundraisingowych i zbierania większych funduszy online. 

Zawiera wszystkie potrzebne funkcje, w tym w pełni konfigurowalne formularze darowizn, możliwość akceptowania jednorazowych lub cyklicznych darowizn, łatwy pulpit zarządzania darowiznami, zgodność z RODO, roczne potwierdzenia darczyńców, darowizny w imieniu kogoś innego, ulgę w opłatach, która pozwala darczyńcom pokryć opłaty za przetwarzanie płatności i wiele więcej.

Możesz również użyć Charitable do kampanii fundraisingowych peer-to-peer, a nawet pozwala na stworzenie własnej platformy crowdfundingowej, takiej jak GoFundMe czy Indiegogo.

Charitable posiada wbudowane integracje płatności z Stripe, PayPal, Authorize.net, Braintree, Mollie, GoCardless, Paystack, Payfast, Payrexx, Windcave i innymi.

Możesz również użyć darmowej wersji Charitable na początek. 

Mamy nadzieję, że ten artykuł pomógł Ci łatwo dodać przycisk darowizny Stripe do Twojej witryny WordPress. Możesz również zapoznać się z naszym przewodnikiem po niezbędnych wtyczkach WordPress dla każdej witryny lub zapoznać się z naszym samouczkiem na temat jak poprawić rankingi SEO w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.