Hur man lägger till Stripe-donationsknapp i WordPress (med återkommande alternativ)

Vill du lägga till en Stripe-donationsknapp på din WordPress-webbplats?

På WPBeginner har vi hjälpt otaliga användare att integrera säkra och effektiva betalningslösningar på sina webbplatser. Stripe sticker ut som en av de främsta globala onlinebetalningshanterarna, vilket gör det otroligt enkelt att acceptera onlinebetalningar, inklusive donationer.

Tidigare krävdes komplexa e-handelsplugins för att lägga till betalningsalternativ. Men för dem som vill samla in donationer eller sälja några produkter räcker det med ett enkelt betalningsformulär.

I den här artikeln guidar vi dig genom processen att lägga till en Stripe-donationsknapp på din WordPress-webbplats.

Vad du behöver för att acceptera Stripe-donationer på din webbplats

Du behöver skapa ett Stripe-konto. Du kan skapa ett konto gratis och debiteras endast för transaktioner.

Du behöver också en WordPress-webbplats med SSL aktiverat. SSL lägger till ett säkerhetslager till din webbplats vilket gör den säker för att ta emot betalningar. För att lära dig mer, se vår guide om hur du får ett gratis SSL-certifikat för din webbplats.

Slutligen behöver du en WordPress-tillägg för att ansluta ditt Stripe-konto. Vi visar dig två olika alternativ, WP Simple Pay (gratis) och WPForms (Pro), så att du kan välja det som bäst passar dina behov.

Vi kommer också att dela ett bonusplugin som erbjuder fullständiga donationshanteringsfunktioner om du letar efter en mer avancerad lösning.

Med det sagt, låt oss titta på hur man lägger till en Stripe-donationsknapp i WordPress.

• Method 1. Adding the Stripe Donate Button in WordPress with WP Simple Pay
• Method 2. Adding the Stripe Donate Button in WordPress with WPForms
• Bonus: Fullfjädrat WordPress-donationsplugin

Videohandledning

Prenumerera på WPBeginner

Om du inte gillar videon eller behöver mer instruktioner, fortsätt att läsa.

Metod 1. Lägga till Stripe-donationsknappen i WordPress med WP Simple Pay

WP Simple Pay är ett av de bästa Stripe-betalningspluginsen för WordPress. Du kan använda det för att enkelt ta emot engångs- eller återkommande donationer på din webbplats.

Du kan snabbt komma igång med den gratisversionen av pluginet. Men för den här handledningens skull kommer vi att använda premiumversionen så att vi kan demonstrera alla ytterligare funktioner.

Först måste du installera och aktivera WP Simple Pay-pluginet på din WordPress-webbplats. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

När pluginet är aktiverat måste du gå till sidan WP Simple Pay » Inställningar och klicka på fliken Licens.

Kopiera licensnyckeln från ditt konto på WP Simple Pay-webbplatsen, klistra in den i det angivna fältet och klicka på knappen 'Aktivera'.

Därefter behöver du ansluta ditt Stripe-konto. 

På sidan Inställningar klickar du på fliken Stripe och sedan på knappen 'Anslut med Stripe'.

Efter det ser du Stripe-webbplatsen där du kan logga in på ditt konto.

Om du inte har ett Stripe-konto kan du skapa ett nytt.

När du är klar med att ansluta ditt konto kommer du att tas tillbaka till inställningssidan på din administratörspanel. 

Glöm inte att klicka på knappen Spara ändringar för att spara din Stripe-kontoförbindelse. 

Nu kan du skapa ett Stripe-donationsformulär.

Skapa ett Stripe-donationsformulär i WordPress med WP Simple Pay

För att skapa ett nytt donationsformulär, gå till sidan WP Simple Pay » Lägg till nytt. Härifrån kan du välja en mall för att snabba upp processen att skapa ett formulär.

Håll muspekaren över alternativet Mall för donationsknapp och klicka på knappen 'Använd mall'.

Därefter ser du fliken 'General Settings' för ditt donationsformulär.

Det här är där du kan lägga till en formulärrubrik och beskrivning, samt välja formulärtyp.

För den här handledningen väljer vi formulärtypen 'Inbäddad'. Detta gör att du kan bädda in donationsformuläret direkt på valfritt WordPress-inlägg eller sida.

Klicka sedan på fliken Betalning. WP Simple Pay låter dig lägga till flera donationsalternativ så att givare kan välja hur mycket de vill ge.

Till exempel kan du skapa donationsalternativ för 1 $, 5 $ och 10 $. Klicka bara på knappen 'Lägg till pris' och ange beloppet. Upprepa denna process för att lägga till så många alternativ du vill.

Om du vill acceptera återkommande donationer, klicka på nedåtpilen bredvid ett prisalternativ. Klicka sedan på knappen 'Prenumeration' och välj den faktureringsperiod du vill ha.

Klicka sedan på fliken Form Fields.

Donationsformulärmallen innehåller redan alla fält du behöver, inklusive prissättningsalternativ, kassaknapp och betalningsknapp.

Om du vill lägga till ytterligare formulärfält som namn eller e-postadress, kan du välja det från rullgardinsmenyn och klicka på knappen 'Lägg till fält'.

Du kan ordna om formulärfälten genom att dra och släppa dem på plats. Du kan också klicka på något av fälten för att anpassa knapptexten eller välja knappstil.

Lägga till Stripe Donation Form i WordPress med WP Simple Pay

För att lägga till ditt donationsformulär till valfritt inlägg eller sida, klicka på knappen Publicera på skärmens högra sida.

Därefter måste du kopiera den enkla kortkoden ovanför publiceringsknappen.

Det ser ut så här: [[simpay id=”285″]]

Sedan kan du klistra in kortkoden i valfritt WordPress-inlägg eller sida.

När du lägger till kortkoden i WordPress-redigeraren, läggs kortkodswidgeten till automatiskt.

Publicera sedan inlägget eller sidan.

Du kan nu besöka din webbplats för att se hur ditt donationsformulär ser ut på framsidan.

Metod 2. Lägga till Stripe-donationsknappen i WordPress med WPForms

WPForms är det bästa WordPress-formulärpluginet som används av över 5 miljoner webbplatsägare. Det levereras med ett Stripe-tillägg som låter dig acceptera donationer, engångsbetalningar och till och med prenumerationsbetalningar på din webbplats.

Du behöver minst deras PRO-plan för att komma åt Stripe Pro-tillägget, som erbjuder återkommande alternativ och noll ytterligare transaktionsavgifter. Du får också avancerade funktioner som villkorlig logik, flersidiga formulär, undersökningar & omröstningar, 700+ formulärmallar och mer.

Notera: Det finns en gratisversion av WPForms som låter dig samla in engångsbetalningar via Stripe. Men det tillkommer en transaktionsavgift på 3% på betalningar som görs via dina formulär.

Det första du behöver göra är att installera och aktivera WPForms-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du besöka sidan WPForms » Inställningar för att ange din licensnyckel. Du hittar denna information under ditt konto på WPForms webbplats.

När du har angett din licensnyckel klickar du på knappen 'Verifiera nyckel'.

Därefter behöver du besöka sidan WPForms » Tillägg och klicka på knappen 'Installera tillägg' bredvid Stripe-tillägget.

WPForms kommer nu att installera och aktivera Stripe-tillägget åt dig.

Nu ska vi koppla WPForms till ditt Stripe-konto för att ta emot betalningar. För att göra det behöver du besöka sidan WPForms » Inställningar och klicka på fliken Betalningar. Därifrån klickar du på knappen 'Anslut med Stripe'.

Därefter kommer du att bli ombedd att auktorisera anslutningen mellan dina formulär och Stripe.

Vad du ser på skärmen kommer att skilja sig beroende på om du har aktiverat ditt Stripe-konto.

Följ bara stegen i Stripe Connect-guiden för att auktorisera anslutningen.

När du är klar kommer du att omdirigeras tillbaka till WPForms inställningssida. Här bör du se en grön bock i avsnittet Anslutningsstatus.

Du kan också välja att aktivera testläge från sidan Betalningsinställningar.

Detta gör att du kan testa din Stripe-integration utan faktiska betalningar. Du måste dock avmarkera detta alternativ när din webbplats är redo att acceptera donationer på din webbplats.

Glöm inte att klicka på knappen 'Spara inställningar' för att spara dina ändringar.

Nu när du har ställt in betalningarna är det dags att skapa ett Stripe-donationsformulär för din webbplats.

Skapa ett Stripe-donationsformulär i WordPress med WPForms

Först måste du besöka sidan WPForms » Lägg till ny för att skapa ett nytt formulär. Du kommer att bli ombedd att ange en titel för ditt formulär och välja en mall. Du måste välja mallen 'Donationsformulär'.

Detta startar WordPress formulärbyggargränssnitt med din valda mall för donationsformulär.

Dessutom kommer den här mallen redan att ha de vanliga fälten som krävs för att skapa ett donationsformulär, som namn, e-post, donationsbelopp och meddelande.

Detta är en dra-och-släpp-formulärbyggare. Du kan redigera formulärfält genom att klicka på dem, ordna om dem eller lägga till nya fält från vänster kolumn.

Eftersom du skapar ett Stripe-betalningsformulär måste du lägga till fältet 'Stripe Credit Card' i ditt formulär. Du hittar det under avsnittet 'Payments Fields' i vänster kolumn.

Klicka helt enkelt för att lägga till fältet i ditt formulär och dra sedan och släpp för att ordna om dess position i formuläret.

När du är nöjd med formuläret klickar du på fliken 'Betalningar' i det vänstra hörnet för att redigera betalningsinställningarna. Härifrån måste du välja Stripe som din betalningsmetod och sedan kryssa i rutan bredvid alternativet 'Aktivera Stripe-betalningar'.

Du kan ange en beskrivning för betalningen och välja e-postfältet för att skicka kvitton till givarna.

WPForms stöder även återkommande betalningar via Stripe. Du kan använda detta alternativ för att ställa in återkommande donationer eller prenumerationer.

Om du väljer att aktivera återkommande prenumerationsbetalningar visas ytterligare inställningar. Du kan till exempel välja hur ofta återkommande betalningar ska ske: Dagligen, Veckovis, Månadsvis, Kvartalsvis, Halvårsvis eller Årligen.

Nästa steg är att ställa in bekräftelseinställningar, vilket är vad dina användare kommer att se efter att de har fyllt i formuläret. Klicka på fliken Inställningar och välj sedan alternativet 'Bekräftelser'.

Härifrån kan du välja olika typer av bekräftelsetyper. Du kan till exempel tacka användare med ett enkelt meddelande, eller omdirigera dem till en tack-sida eller någon annan URL.

När du är klar klickar du på knappen Spara för att lagra dina ändringar.

Lägga till Stripe-donationsformuläret i WordPress med WPForms

WPForms gör det superenkelt att lägga till dina formulär var som helst på din webbplats.

Klicka helt enkelt på knappen 'Bädda in' högst upp i formulärbyggaren och välj antingen en befintlig sida eller skapa en ny sida. För den här handledningen klickar vi på alternativet 'Välj befintlig sida'.

Välj sedan vilken befintlig sida du vill bädda in formuläret på med hjälp av rullgardinsmenyn.

Klicka sedan på knappen 'Låt oss gå!'.

WPForms kommer nu automatiskt att lägga till formuläret i din WordPress-innehållsredigerare.

Du kan också göra detta manuellt genom att redigera inlägget eller sidan där du vill lägga till donationsformuläret. Lägg sedan till WPForms-blocket i ditt innehåll och välj det donationsformulär du skapade tidigare.

WPForms kommer nu att hämta och bädda in formuläret åt dig. Du kan nu besöka din webbplats för att se det i aktion.

Dessutom kan du lägga till donationsformuläret i din blogs sidofält eller något annat widget-redo område. Gå till sidan Utseende » Widgets och lägg till WPForms-widgeten i ett sidofält.

Sedan behöver du välja ditt Stripe-donationsformulär från rullgardinsmenyn.

Glöm inte att klicka på Spara-knappen för att lagra dina widgetinställningar.

Bonus: Fullfjädrat WordPress-donationsplugin

Medan både WP Simple Pay och WPForms låter dig skapa en Stripe-donationsknapp, erbjuder de inte fullständig givarhantering och andra avancerade funktioner som ideella organisationer behöver.

Om du letar efter ett komplett donationsplugin för WordPress, rekommenderar vi att du använder WP Charitable. Över 10 000 ideella organisationer och webbplatsägare över hela världen använder Charitable för att skapa insamlingskampanjer och samla in mer pengar online. 

Den levereras med alla funktioner du behöver, inklusive helt anpassningsbara donationsformulär, möjlighet att acceptera engångs- eller återkommande donationer, enkelt administrationsgränssnitt för donationshantering, GDPR-efterlevnad, årliga donationskvitton, gåvor till någon annans ära, avgiftslättnad som låter givare täcka betalningsprocessavgifter och mer.

Du kan också använda Charitable för insamlingskampanjer, och det låter dig till och med skapa din egen crowdfunding-plattform som GoFundMe eller Indiegogo.

Charitable har inbyggda betalningsintegrationer för Stripe, PayPal, Authorize.net, Braintree, Mollie, GoCardless, Paystack, Payfast, Payrexx, Windcave och mer.

Du kan också använda den gratisversionen av Charitable för att komma igång. 

Vi hoppas att den här artikeln hjälpte dig att enkelt lägga till en Stripe-donationsknapp på din WordPress-webbplats. Du kanske också vill se vår guide om måste-ha WordPress-plugins för varje webbplats eller se vår handledning om hur du förbättrar dina WordPress SEO-rankningar.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.