Gå till innehållet

Hur man skapar en donation formulär på Wordpress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du kunna ta emot donationer på din ideella webbplats? WordPress förenklar processen för ideella organisationer att skapa och acceptera donationer på sina webbplatser. I den här handledningen visar vi dig hur du konfigurerar ditt anpassade WordPress-formulär steg för steg.

Skapa en donationssida på wordpress

Det enklaste sättet att söka donationer på din webbplats är att lägga till en PayPal-donationsknapp, men detta är inte nödvändigtvis den bästa lösningen för alla.

Genom att skapa ett personligt donationsformulär på din webbplats istället för att använda en donationsknapp kan du:

  • Anpassa formulärfält för att samla in informationen du behöver
  • Ge givarna en mer professionell upplevelse
  • Att fråga givarna om de vill prenumerera på nyhetsbrevet från formuläret
  • Använd andra betalningsprocesser utanför Paypal, till exempel kreditkort (Stripe)
  • Integrera med annan programvara från tredje part, till exempel CRM eller molnlagring

Som du kan se finns det många fördelar med att använda formulär på din webbplats.

Du kanske tror att det är en knepig process att skapa ett donationsformulär på din webbplats, men det finns några WordPress-plugins som gör ditt jobb mycket enklare.

Som sagt, vi kommer att visa dig hur du skapar donationsformulär på din WordPress-blogg.

Skapande av ett personligt donationsformulär på WordPress

WPForms är en av de bästa pluginsna för att skapa formulär. Den har ett tillgängligt gränssnitt för nybörjare och innehåller förbyggda formulärmallar inklusive en donationsformulärmall för att göra processen ännu snabbare.

WPForms är ett premium WordPress-plugin, du behöver inte skicka ut några dollar för att ha rätt till flera funktioner.

För att skapa ett donationsformulär som kan behandla betalningar behöver du en Paypal- eller Stripe-förlängning för WPForms. Båda tilläggen ingår i Pro och Ultimate licenser.

1 Steg: Installera och aktivera WPForm

Det första du behöver göra är att ladda ner WPForms-insticksprogrammet och installera det. Du hittar plugin genom att logga in på din WPForms instrumentpanel.

Wpforms instrumentpanel

Steg 2: Skapa ditt donationsformulär

Nu när WPForms har installerats och aktiverats kan du gå vidare och klicka på "WPForms" Lägg till ny "för att komma igång.

Du kan namnge din blankett.

Du kommer att se en lista med fördefinierade formulärmallar som du kan använda för att komma igång. Håll muspekaren över den mall du väljer och klicka sedan på "Skapa ett donationsformulär" för att skapa ditt formulär.

Skapa ett donationsformulär

Du kommer att se en popup-påminnelse som uppmanar dig att konfigurera din betalningsgateway. Vi kommer att göra detta i nästa steg. För tillfället kan du klicka på OK och titta på ditt formulär.

Avisering för betalningsportaler

Donationsformulärmallen innehåller fält för:

  • Förnamn
  • e-postmeddelandet
  • Bidragsbelopp
  • Kommentar eller meddelande

Fältet "Donationsbelopp" är ett enda fält där användare kan ange vilket belopp de önskar för sin donation. Du kan också använda flervalsfält eller en rullgardinslista istället.

I den här tutorialen visar vi dig hur du lägger till ett lönefält för flera val med flera donationsbelopp att välja mellan och ett alternativ för att ange ett annat belopp.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

För att lägga till fältet för flera betalningar, klicka på objektet " Flera objekt I avsnittet " Betalningsfält ". Du kan dra och ordna om på ditt formulär.

Omorganisation av flera betalningsfält

Nu kan du klicka på fältet " Flera objekt "På förhandsgranskningsformuläret för att ändra dess alternativ.

Fortsätt och ändra etiketten för att säga "Bidragsbelopp ". Sedan kan du ange de standardbelopp du vill ta emot som en donation.

Ange wpformsbelopp

Nu måste vi ändra fältet Unika objekt så att det bara visas när alternativet "Ange belopp" är valt.

Klicka på fältet för ett objekt för att ändra alternativ. Se till att " obligatoriskt Är inte markerat, eller det kommer att hindra användare från att skicka in formuläret om de inte har valt ett donationsbelopp från listan över val.

Inaktivera det obligatoriska fältet

Nu kan du bläddra ner lite och klicka på "Villkor" för att ange visningsinställningar för det fältet.

Markera sedan rutan Aktivera villkorlig logik ". Välj sedan alternativet Visa det här fältet om " Bidragsbelopp »Är värt Ange beloppet ".

Wpformar villkorlig logik

Se till att klicka på knappen "Spara" längst upp till höger för att spara dina ändringar.

Spara alternativ för wpforms

Steg 4: Konfigurera integrationen av en betalningsgateway

Då ställer vi in ​​betalningsporten för dina donationer.

I den här handledningen går vi igenom hur du skapar en integration med Paypal.

Implementeringen av kreditkortbetalningar med Stripe är mycket lik.

Du ska fortfarande vara i gränssnittet för formulärskapande. Härifrån kan du klicka på fliken till vänster och sedan klicka på alternativet "PayPal".

Paypal-alternativ wpformar betalningsgateway

Nu hittar du dina inställningar på höger sida av skärmen. Kontrollera först att PayPal Standars-betalningar är aktiva och ange din Paypal-e-postadress. Var noga med att välja donationen i alternativet " Typ av betalning ".

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Donation PayPal wpforms

Nedan kan du ange en URL för att skicka besökare om de avbryter beställningsprocessen. Det kan vara ett bra sätt att få kontakt med besökare genom att tillhandahålla relevant innehåll eller genom att be dem följa dig på sociala medier för att hålla kontakten.

Du kan också anpassa leveransadressalternativen och be givarna att inkludera en anteckning under kassan.

För den här typen av formulär behöver du inte använda villkorlig logik. Men du kan göra det om du vill lägga till ett donationsalternativ till ett annat formulär, till exempel en undersökning. Därefter behandlas betalningen endast om användaren har valt donationsalternativet.

Paypal donationsalternativ

Se till att spara formuläret när du är klar.

Steg 5: Anpassa dina aviseringar

Då måste vi se till att givarna får ett bekräftelsemail efter deras donation.

Om du vill anpassa e-postmeddelanden för ditt formulär kan du klicka på " Inställningar> Meddelanden ".

Wpforms-avisering

Du ser att det finns ett standardmeddelande som skickas till webbplatsadministratören. Du kan klicka på " Ny anmälan För att skapa en separat avisering för givaren.

Lägg till en ny avisering

Namnge din nya avisering i fönstret och klicka sedan på OK.

Namnge en ny anmälan i wpform-fönstret

Vi måste se till att detta meddelande skickas till e-postadressen till givaren som skickade in formuläret. Bredvid " Skicka till », Klicka på« Smart Tags Show ". Klicka på "i listan som visas. E-post ". Du ser en smart tagg, till exempel {field_id = "1 ″} visas.

Wpforms givarens e-postmeddelande

Nu kan du bläddra ner för att anpassa meddelandet som givaren kommer att få.

Hur man anpassar e-postmeddelandet som givaren får

Glöm inte att spara dina ändringar.

Steg 6: Placera ditt donationsformulär på din webbplats

Nu när din donationsblankett är klar måste du placera den på din webbplats.

Med WPForms kan du enkelt integrera din form i ett inlägg eller en sida genom att använda en kortkod eller till och med placera en doneringswidget i sidfältet eller sidfoten.

Vi kommer att skapa en dedicerad donationssida för att visa ditt formulär.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Klicka först på " Sidor> Add On ". Du kan ange en titel för din. Klicka sedan på knappen Lägg till Form ".

Lägg till en formulärsida

Välj ditt formulär i listrutan. Klicka sedan på knappen Lägg till Form ".

Hur man lägger till ett formulär

Du kommer att se en kortkod visas på din sida. Du kan lägga till text eller bilder på sidan. När du är redo klickar du på knappen offentliggöra ".

Kom ihåg att spara dina inställningar när du är klar. Du kan också lägga till din sida på din meny.

Om du har några frågor, tveka inte att ställa dem.

Den här artikeln innehåller kommentarer 3

  1. admin, till exempel på min blogg finns det några annonser som url shortersers, pop ads etc. så jag vill att dessa givare inte ska se annonser, hur gör du det? därför visas trsbt-annonser bara för gratisanvändare. Tack.

  2. Dessa API: er är det som kopplar din WordPress-webbplats till Stripes betalningstjänsttjänst. De är viktiga, men de är också lätta att skapa med Stripe. Så oroa dig inte!

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen