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ć formularz darowizny dla organizacji non-profit za pomocą WordPressa?

Czy chcesz mieć możliwość przyjmowania darowizn na twojej witrynie internetowej dla organizacji non-profit?

WordPress ułatwia organizacjom non-profit tworzenie formularza darowizny i przyjmowanie darowizn z ich witryny internetowej.

W tym artykule pokażemy, jak utworzyć formularz darowizny dla organizacji non-profit za pomocą WordPress.

How to Create a Donate Form for Nonprofit Organization in WordPress

Dlaczego warto utworzyć formularz darowizny w WordPress?

Najprostszym sposobem pozyskiwania darowizn na twojej witrynie internetowej jest dodanie przycisku darowizny PayPal, ale nie jest to odpowiednie rozwiązanie dla każdego.

Utworzenie własnego formularza darowizny na twojej witrynie internetowej zamiast korzystania z przycisku darowizny pozwala na:

  • Dostosuj pola formularza, aby zebrać potrzebne informacje.
  • Zachowaj darczyńców na swojej witrynie internetowej, aby zapewnić im bardziej profesjonalne wrażenia.
  • Zapytaj darczyńców, czy chcą zapisać się do Twojego newslettera e-mail w tym samym formularzu.
  • Korzystaj z innych procesorów płatności niż PayPal, takich jak karty kredytowe (Stripe).
  • Integracja z oprogramowaniem innych firm, takim jak CRM lub pamięć masowa w chmurze.

Jak widać, zatrzymywanie darczyńców na twojej witrynie internetowej zamiast przekierowywania ich do PayPal ma wiele zalet.

Mogłoby się wydawać, że skonfigurowanie formularza darowizny na twojej witrynie internetowej będzie trudnym procesem, ale istnieją wtyczki WordPress dla organizacji non-profit, które to ułatwiają.

Powiedziawszy to, przyjrzyjmy się, jak utworzyć własny formularz darowizny w WordPress.

Film instruktażowy

Subscribe to WPBeginner

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Pokażemy ci, jak stworzyć formularz darowizny dla organizacji non-profit w WordPressie za pomocą WPForms i WP Simple Pay. Możesz kliknąć poniższe odnośniki, aby przejść do preferowanej metody:

Tworzenie własnego formularza darowizny w WordPressie za pomocą WPForms

WPForms to najlepszy kreator formularzy typu „przeciągnij i upuść” dla WordPress. Ma przyjazny dla początkujących interfejs i zawiera ponad 1300 gotowych szablonów formularzy, w tym szablony formularzy darowizn, aby jeszcze bardziej przyspieszyć proces.

WPForms to wtyczka premium WordPress stworzona przez założyciela WPBeginner, Syeda Balkhi.

Aby utworzyć formularz darowizny, który może przetwarzać płatności, możesz skorzystać z bezpłatnej wersji WPForms, która umożliwia zbieranie jednorazowych darowizn za pośrednictwem Stripe. Musisz jednak zapłacić 3% plus opłaty Stripe od płatności dokonanych za pośrednictwem twoich formularzy.

W tym poradniku będziemy używać wersji premium WPForms. Jest ona dostarczana z dodatkami pro dla PayPal, Stripe, Square i Authorize.Net i zawiera zaawansowane funkcje, takie jak płatności cykliczne. Ponadto nie ma żadnych dodatkowych opłat transakcyjnych.

WPForms jest używany przez ponad 6 milionów witryn internetowych i oferuje specjalne ceny non-profit, które pozwalają uzyskać znaczną zniżkę.

Krok 1: Instalacja i włączanie WPForms

Pierwszą rzeczą, którą musisz zrobić, jest pobranie wtyczki WPForms na twoją witrynę internetową. Aby uzyskać więcej informacji, możesz skorzystać z naszego przewodnika krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączeniu wtyczki należy przejść do WPForms ” Ustawienia i wpisz klucz licencyjny. Informacje te można znaleźć w obszarze twojego konta WPForms.

Enter WPForms license key

WPForms łatwo integruje się z różnymi usługami płatniczymi w celu zbierania darowizn, takimi jak PayPal, Stripe, Square i Authorize.Net.

Następnie musisz włączyć wybrane przez ciebie dodatki do płatności w WPForms, przechodząc do WPForms ” Addons i klikając przycisk „Install Addon”.

Installing the PayPal addon for WPForms

Krok 2: Utwórz twój formularz darowizny

Teraz, gdy WPForms został zainstalowany i włączony, możesz przejść dalej i kliknąć WPForms ” Utwórz nowy, aby rozpocząć.

Zobaczysz teraz bibliotekę gotowych szablonów formularzy, z których możesz wybierać. Nadaj nazwę twojemu formularzowi i najedź kursorem na szablon formularza darowizny, aby kliknąć przycisk „Użyj szablonu”.

Create a new WordPress donation form

Zobaczysz wyskakujące przypomnienie z napisem „Nie zapomnij: Kliknij kartę Płatności, aby skonfigurować twojego dostawcę płatności.” Kliknij przycisk „Zamknij”.

Payment processor reminder

Szablon formularza darowizny zawiera pola dla:

  • Nazwa
  • E-mail
  • Kwota darowizny
  • Komentarz lub wiadomość

Pole Kwota darowizny jest polem typu Single Item, w którym użytkownicy mogą wpisać dowolną kwotę, którą chcą przekazać. Zamiast tego można również użyć pól wielokrotnego wyboru lub rozwijanych.

W tym poradniku pokażemy, jak dodać pole płatności wielokrotnego wyboru z kilkoma kwotami darowizn do wyboru i opcją wpisz inną kwotę.

Aby dodać pole płatności wielokrotnego wyboru, kliknij przycisk „Wiele pozycji” w sekcji Pola płatności. Możesz przeciągnąć i zmienić kolejność pól, tak aby pole Wiele pozycji znajdowało się bezpośrednio nad polem Kwota darowizny.

Add a multiple item field to your donation form

Następnie możesz kliknąć pole Multiple Items w kreatorze formularzy, aby zmienić opcje.

Zmień etykietę na „Kwota darowizny”. Następnie wpisz dowolną kwotę i wybierz opcję „Wprowadź kwotę”.

Customizing the multiple item donation amounts

Teraz można zmienić pole Pojedyncza pozycja, aby było wyświetlane tylko po wybraniu opcji „Wpisz kwotę”.

Aby to zrobić, wystarczy kliknąć pole pojedynczego elementu, aby edytować opcje.

Upewnij się, że pole wyboru „Wymagane” nie jest zaznaczone, w przeciwnym razie uniemożliwi to użytkownikom przesłanie formularza, jeśli wybrali kwotę darowizny w polu wielokrotnego wyboru powyżej.

make sure this field is not required

Następnie możesz wybrać pole Wprowadź kwotę darowizny i przewinąć nieco w dół, aby przejść do karty „Warunki”, aby wpisz ustawienia wyświetlania dla tego pola.

Następnie zaznacz pole wyboru „Włącz logikę warunkową”. Następnie wybierz opcję Pokaż to pole, jeśli „Kwota darowizny” to „Wpisz kwotę”.

setting the conditional logic

Pamiętaj, aby kliknąć przycisk Zapisz w prawym górnym rogu, aby zapisać twoje zmiany.

don't forget to save your donation form

Krok 3: Konfiguracja integracji płatności

Następnie musisz skonfigurować procesor płatności dla twoich darowizn.

W tym poradniku przeprowadzimy Cię przez proces konfiguracji integracji z Paypal.

Konfiguracja płatności kartą kredytową za pomocą Stripe jest bardzo podobna. Więcej szczegółów można znaleźć w tym poradniku na temat korzystania z dodatku WPForms Stripe.

Z tego miejsca możesz kliknąć kartę Płatności po lewej stronie, a następnie opcję „PayPal Standard”.

Select PayPal Standard in payment settings

Teraz możesz wprowadzić swoje ustawienia po prawej stronie ekranu. Najpierw zaznacz pole wyboru „Włącz płatności PayPal Standard” i wpisz swój adres e-mail Paypal.

Następnie upewnij się, że wybrałeś „Darowizna” z listy rozwijanej Rodzaj płatności.

Enter your PayPal details

Poniżej możesz wpisz adres URL, aby wysłać odwiedzających, jeśli anulują proces płatności.

Może to być dobra okazja, aby spróbować ponownie zaangażować użytkowników, wysyłając ich do odpowiedniego wpisu na blogu lub prosząc ich o śledzenie Cię w mediach społecznościowych, aby pozostać w kontakcie.

Możesz także dostosować opcje adresu wysyłki i wybrać, czy poprosić darczyńców o dołączenie notatki podczas płatności Paypal.

W przypadku tego formularza darowizny nie ma potrzeby stosowania logiki warunkowej. Można to jednak zrobić, jeśli chcesz dodać opcję darowizny do innego formularza, takiego jak ankieta. Wówczas płatność byłaby przetwarzana tylko wtedy, gdy użytkownik wybierze opcję darowizny.

Enter a cancel URL

Pamiętaj, aby kliknąć przycisk „Zapisz” po skonfigurowaniu wszystkich twoich opcji.

Krok 4: Dostosuj powiadomienia do własnych potrzeb

Następnie należy upewnić się, że darczyńcy otrzymują e-mail z potwierdzeniem po przekazaniu darowizny.

Aby dostosować powiadomienia e-mail dla twojego formularza, możesz przejść do karty Ustawienia ” Powiadomienia.

Notification settings in WPForms

Zobaczysz, że istnieje domyślne powiadomienie, które zostanie wysłane do administratora witryny. Możesz kliknąć przycisk „Utwórz nowe powiadomienie”, aby utworzyć osobne powiadomienie dla darczyńcy.

Add New Email Notification

Teraz nadaj nazwę twojemu nowemu powiadomieniu w wyskakującym oknie i kliknij przycisk „Ok”.

Add a new notification name

Następnie musisz upewnić się, że powiadomienie zostanie wysłane na adres e-mail darczyńcy, który wpiszesz w formularzu.

Aby to zrobić, kliknij opcję „Pokaż inteligentne tagi” obok opcji Wyślij na adres e-mail.

Click Show Smart Tags

Na wyświetlonej liście kliknij E-mail. Pojawi się inteligentny tag, taki jak {field_id="1"}.

Select email smart tag

Teraz możesz przewinąć w dół, aby dostosować wiadomość, którą otrzyma darczyńca.

Enter a message for your donors

Nie zapomnij kliknąć przycisku „Zapisz” po zakończeniu konfigurowania twoich powiadomień.

Krok 5: Umieść twój formularz darowizny na witrynie

Teraz, gdy twój formularz darowizny jest już gotowy, musisz umieścić go na swojej witrynie internetowej.

Możesz łatwo dodać blok WPForms lub osadzać twój formularz w dowolnym wpisie lub stronie za pomocą krótkiego kodu. Wtyczka pozwala nawet umieścić widżet darowizny na twoim panelu bocznym lub w stopce.

Aby dodać twój formularz, po prostu edytuj istniejącą stronę lub wpis. Możesz także utworzyć nowy wpis lub stronę dla twojego formularza darowizny.

Po wejściu do edytora WordPress kliknij znak plus (+) w lewym górnym rogu, a następnie dodaj blok WPForms.

Add WPForms block to the editor

Następnie możesz wybrać twój formularz darowizny z rozwijanego menu w bloku WPForms.

Creating a WPForms block and selecting your form from the dropdown list

Teraz opublikuj swój wpis lub stronę, aby zobaczyć formularz darowizny w działaniu.

Donation form preview

Tworzenie własnego formularza darowizny w WordPressie za pomocą WP Simple Pay

WP Simple Pay to jedna z najlepszych wtyczek płatności Stripe dla WordPress. Zawiera łatwy kreator formularzy płatności i gotowe szablony formularzy, w tym formularz przycisku darowizny.

WP Simple Pay oferuje darmową wersję wtyczki z podstawowymi funkcjami, która jest wystarczająca dla organizacji non-profit. Wersja Pro zawiera dodatkowe funkcje, takie jak formularze płatności na witrynie, konfiguratory pól formularzy, wpisz kwoty z karty kredytowej użytkownika, które świetnie nadają się do darowizn i nie tylko.

Dla celów demonstracyjnych będziemy używać WP Simple Pay Pro w tym poradniku, ale proces darmowej wersji jest dokładnie taki sam.

Krok 1: Instalacja i włączanie WP Simple Pay

Najpierw musisz zainstalować i włączyć wtyczkę WP Simple Pay na twojej witrynie WordPress. Aby uzyskać instrukcje, możesz skorzystać z naszego przewodnika krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu wtyczki należy przejść do strony WP Simple Pay ” Ustawienia, kliknąć kartę Licencja i wpisz klucz licencyjny. Klucz licencyjny można znaleźć w obszarze Twojego konta na witrynie internetowej WP Simple Pay.

Add WP Simple Pay license key

Następnie musisz połączyć swoje konto Stripe, aby akceptować płatności darowizn online.

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

Connect Stripe account to WP Simple Pay

Zobaczysz witrynę internetową Stripe, w której możesz logować się na swoje konto. Jeśli nie masz konta Stripe, możesz utworzyć nowe.

Log in to Stripe

Po połączeniu twojego konta Stripe, zostaniesz przeniesiony z powrotem na stronę ustawień na kokpicie administratora.

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

Krok 2: Utwórz nowy formularz darowizny

Teraz, gdy wtyczka jest włączona, a twoje konto Stripe jest połączone, przejdź do strony WP Simple Pay ” Utwórz nowy, aby utworzyć formularz darowizny.

Aby rozpocząć, możesz wybrać szablon formularza z listy. Najedź kursorem na opcję szablonu Donate Button i kliknij przycisk „Użyj szablonu”.

WP Simple Pay donation form template

Następnie zostaniesz przeniesiony do kreatora formularzy, w którym możesz dostosować swój formularz darowizny.

Na karcie ustawień „Ogólne” można wpisz tytuł i opis formularza oraz wybrać rodzaj formularza.

Create a new donation form and add title

Do wyboru są trzy rodzaje formularzy:

  • Osadzanie – Dodaj formularz bezpośrednio do twojej witryny WordPress i zatrzymaj użytkowników na miejscu w celu dokonania płatności.
  • Nakładka – Wyświetlaj nakładany formularz płatności, podobny do wyskakującego okienka, i zatrzymuj użytkowników na witrynie w celu dokonania płatności.
  • Stripe Checkout – Użyj przepływu płatności poza witryną, który jest zoptymalizowany pod kątem konwersji.

W tym poradniku wybierzemy opcję Osadzony formularz, aby osadzać formularz darowizny bezpośrednio na dowolnej stronie lub wpisie w WordPress.

Następnie kliknij kartę „Płatności”, aby dodać własne opcje darowizn.

WP Simple Pay umożliwia dodanie wielu cen darowizn, dzięki czemu darczyńcy mogą wybrać kwotę, którą chcą przekazać. Na przykład można utworzyć opcje darowizn w wysokości 1 USD, 5 USD i 10 USD.

Wystarczy kliknąć przycisk „Dodaj cenę” i wpisz kwotę. Powtórz ten proces, aby dodać dowolną liczbę opcji darowizn.

WP Simple Pay payment settings

Możesz także dać użytkownikom możliwość przekazania dowolnej kwoty.

Kliknij przycisk „Dodaj cenę”, a następnie zaznacz opcję „Zezwalaj na określanie kwoty przez użytkownika”. Następnie zmień etykietę na „Wpisz kwotę” i ustaw kwotę minimalną.

Add amount to be determined by user donation option

Ponadto, klikając strzałkę rozwijaną obok każdej opcji cenowej, możesz wybrać, czy chcesz akceptować darowizny jednorazowe, czy subskrypcyjne (cykliczne).

Add recurring donations WP Simple Pay

Następnie kliknij kartę „Pola formularza”. Szablon Donate Button zawiera już opcje cenowe, przycisk kasy i pola formularza przycisku płatności.

Jeśli chcesz dodać więcej pól formularza, takich jak imię i nazwisko czy adres e-mail, po prostu wybierz je z rozwijanego menu i kliknij przycisk „Dodaj pole”.

Add form fields with WP Simple Pay

Pola formularza można zmieniać, przeciągając je i upuszczając na miejsce.

Krok 3: Dodaj formularz darowizny do twojej witryny

Teraz nadszedł czas, aby opublikować twój formularz darowizny i dodać go do witryny internetowej.

Najpierw kliknij przycisk Publikuj po prawej stronie ekranu.

Publish WP Simple Pay donation form

Następnie skopiuj prosty krótki kod znajdujący się nad przyciskiem Publikuj. Wygląda on następująco:[simpay id="299"]

WP Simple Pay donation form shortcode

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

Po wklejeniu krótkiego kodu do edytora WordPress, widżet krótkiego kodu zostanie automatycznie dodany. Następnie opublikuj wpis lub stronę.

Paste WP Simple Pay form shortcode

To wszystko! Teraz możesz przejść na swoją witrynę internetową, aby zobaczyć, jak Twój formularz darowizny wygląda na frontendzie.

Example donation form made with WP Simple Pay

Uwaga: WP Simple Pay jest domyślnie ustawiony na tryb testowy. Ma to na celu zapewnienie, że żadne transakcje na żywo nie będą przetwarzane na twojej witrynie, zanim formularz będzie gotowy. Przeczytaj ten przewodnik, aby dowiedzieć się, jak przenieść twój formularz płatności z trybu testowego do trybu na żywo.

Bonus: Tworzenie zaawansowanych kampanii fundraisingowych

Chociaż można tworzyć formularze darowizn za pomocą WPForms i WP Simple Pay, nie oferują one zaawansowanych funkcji pozyskiwania funduszy, których potrzebuje wiele organizacji non-profit.

Jeśli potrzebujesz w pełni funkcjonalnej wtyczki do darowizn, zalecamy skorzystanie z WP Charitable. Jest ona używana przez ponad 10 000 organizacji non-profit do zbierania większej liczby darowizn online.

Charitable

Charitable umożliwia tworzenie nieograniczonych kampanii fundraisingowych z w pełni konfigurowalnymi formularzami darowizn. Zawiera również zaawansowane funkcje, takie jak powtarzające się darowizny, finansowanie społecznościowe, zbieranie funduszy peer-to-peer, kokpit do zarządzania darowiznami, roczne pokwitowania dla darczyńców i wiele więcej.

Dostępna jest również bezpłatna wersja Charitable, aby zacząć.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak utworzyć formularz darowizny dla organizacji non-profit w WordPress. Możesz również zapoznać się z naszym szczegółowym poradnikiem na temat zakładania sklepu internetowego lub przewodnikiem na temat najlepszych praktyk dotyczących formularzy darowizn.

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

9 komentarzyZostaw odpowiedź

  1. Mrteesurez

    Thanks for the guide. Yes, I also see it beneficial to keep donors on site instead of just redirecting them especially to be able to customize the form to attract donors and sometimes subscribe them for follow-up email depending on the motive of the campaign.
    The post is beneficial, thanks.

  2. Karin Mainwaring

    This was really helpful thank you.

    • WPBeginner Support

      You’re welcome :)

      Administrator

  3. Atiq Ur Rehman

    Can you please publish article on gravity forms? I’ve their developer license also. I need it for my website

  4. Zaoul Qamar

    Can it be integrated with any payment gateway ? Will love your answer

  5. Susan

    Is it possible to add the option to make the donation repeat monthly on this form?

  6. Emmanuel

    Most nonprofits use a button on the header that leads to a donation form rather than creating a page for it, isn’t that better.

  7. Jide

    Can it integrate with any payment gateway?

  8. Adrienne

    ask donors if they want to subscribe to your email newsletter in the same form

    You can now do this with the new PayPal process.

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