Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man addar Stripe Donations knapp i WordPress (med Recurring Option)

Är du ute efter att add to en Stripe donation knapp till din WordPress site?

På WPBeginner har vi hjälpt otaliga användare att integrera säkra och effektiva lösningar för Payment på sina websites. Stripe sticker ut som en av de högst upp betalningsförmedlarna online globalt, vilket gör det otroligt enkelt att godkänna onlinebetalningar, inklusive donationer.

Tidigare var det obligatoriskt med komplexa tillägg för ecommerce för att lägga till alternativ för betalningar. Men för dem som vill samla in donationer eller sälja några få produkter är ett enkelt betalningsformulär allt du behöver.

I den här artikeln kommer vi att guida you genom processen att lägga till en Stripe donation knapp till din WordPress site.

Adding a Stripe donate button in WordPress posts and pages

Vad du behöver för att godkänna Stripe donationer på din website

Du måste skapa ett Stripe account. You can create an account for free and will only be charged for transactions.

Du behöver också en website i WordPress som är aktiverad med SSL. SSL addar ett säkerhetslager till din website och gör den säker för att godkänna Payments. Om du vill veta mer kan du läsa vår guide om hur du skaffar ett gratis SSL-certifikat för din website.

Slutligen behöver du en WordPress-utökning för att ansluta ditt Stripe account. Vi kommer att visa 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 bonus plugin som erbjuder fullständiga funktioner för hantering av givare om du letar efter en mer avancerad lösning.

Med detta sagt, låt oss ta en titt på hur man add to en Stripe donation knapp i WordPress.

Video Tutorial

Subscribe to WPBeginner

Om du inte gillar videoklippet eller behöver fler instruktioner kan du fortsätta läsa.

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

WP Simple Pay är ett av de bästa Stripe-tilläggen för WordPress. Du kan använda det för att enkelt godkänna engångs- eller återkommande donationer på din website.

Du kan snabbt komma igång med den gratis versionen av pluginet. Men för denna tutorial kommer vi att använda premium-versionen så att vi kan demonstrera alla de ytterligare funktionerna.

Först måste du installera och aktivera WP Simple Pay plugin på din WordPress site. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

När pluginet är aktiverat måste du gå till WP Simple Pay ” Settings page och klicka på fliken License.

Kopiera license key från ditt account på WP Simple Pay website, klistra in den i det angivna fältet och tryck på knappen ”Activate”.

Add your WP Simple Pay license key

Därefter måste du ansluta ditt Stripe account.

På sidan Settings klickar du på tabben Stripe och klickar sedan på knappen ”Anslut med Stripe”.

Connect Stripe account to WP Simple Pay

Efter det kommer du att se Stripe website där du kan logga in på ditt account.

Om du inte har ett Stripe account kan du skapa ett new.

Log into Stripe

När du har slutfört anslutningen av ditt account kommer du tillbaka till sidan med inställningar i din adminpanel.

Glöm inte att clicka på Save Changes knappen för att save din Stripe account anslutning.

Nu kan du skapa en Stripe donation form.

Skapa ett Stripe Donation Form i WordPress med WP Simple Pay

För att skapa ett nytt donation form, gå till WP Simple Pay ” Add New page. Härifrån kan du välja en template för att påskynda processen med att skapa ett formulär.

Håll muspekaren över alternativet Donation Button och klicka på knappen ”Use Template”.

Choose WP Simple Pay donation form template

Därefter ser du tabben Allmänna Settings för din donation form.

Det är här du kan add to en formulärtitel och description, samt välja formulärtyp.

Add form title and choose form type

I den här tutorialen väljer vi formulärtypen ”Embed”. Detta gör att du kan embedda donation form direkt på valfri WordPress post eller page.

Därefter klickar du på tabben Payment. WP Simple Pay allow you to add multiple donation options så att givare kan välja hur mycket de vill ge.

WP Simple Pay payment settings

Du kan till exempel skapa alternativ för donationer på $1, $5 och $10. Klicka bara på knappen ”Add Price” och enter beloppet. Upprepa denna process för att add to så många alternativ som du vill.

Om du vill godkänna Recurring Donations klickar du på dropdown-pilen bredvid ett alternativ för prissättning. Klicka sedan på knappen ”Prenumeration” och välj den period för fakturering som du vill ha.

add recurring donations with WP Simple Pay

Därefter klickar du på tabben Form Fields.

Mallen för donation form innehåller redan alla fält du behöver, inklusive alternativ för prissättning, kassaknapp och betalningsknapp.

add form fields WP Simple Pay

Om du vill lägga till ytterligare formulärfält som namn eller email address, kan du välja det från dropdown-menyn och klicka på knappen ”Add Field”.

Du kan ordna om formulärfälten genom att drag and dropa dem på plats. You can also click on any of the fields to customize the button text or choose the button style.

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

För att add to your donation form till en post eller page, click the Publicera button on the right side of the screen.

Publish your WP Simple Pay donation form

Därefter måste du kopiera den enkla shortcode ovanför knappen Publicera.

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

Copy WP Simple Pay shortcode

Sedan kan du klistra in shortcoden i valfri post eller page i WordPress.

När du har addat shortcoden till WordPress Editor kommer widgeten för shortcode automatiskt att läggas till.

Publish donation form page or post

Publicera sedan posten eller pages.

You can now visit your website to see how your donation form looks on the front.

Live donation form from WP Simple Pay

Note: WP Simple Pay är automatiskt inställd på testläge. Detta är för att säkerställa att inga Live-transaktioner behandlas på din site innan formuläret är klart. Du kan läsa den här guiden för att lära dig hur du tar ditt betalningsformulär från testläge till live-läge.

Metod 2. Lägga till Stripe Donation-knappen 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 addon som gör att du kan godkänna donationer, engångsbetalningar och till och med prenumerationer på din website.

Du behöver åtminstone deras PRO-plan för att få tillgång till Stripe Pro addon, som erbjuder det återkommande alternativet och noll ytterligare transaktionsavgifter. Du får också avancerade funktioner som villkorlig logik, flersidiga formulär, undersökningar och omröstningar, 700+ formulärmallar och mer.

Note: Det finns en gratis version av WPForms som allow you att samla in engångsbetalningar med Stripe. Men det tillkommer en transaktionsavgift på 3% på betalningar som görs via yours formulär.

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

Vid aktivering måste du besöka WPForms ” Settings page för att enter din license key. Du hittar den här informationen under your account på WPForms website.

När du har enter din license key klickar du på knappen ”Verify Key”.

Add WPForms license key

Därefter måste du besöka WPForms ” Addons page och klicka på knappen ’Install Addon’ bredvid Stripe addon.

Install Stripe addon for WPForms

WPForms kommer nu att installera och aktivera Stripe addon åt you.

Låt oss nu ansluta WPForms till ditt Stripe account för att ta emot betalningar. För att göra det måste du besöka WPForms ” Settings page och klicka på fliken Payments. Därifrån klickar du på knappen ”Anslut med Stripe”.

Connect Stripe to WPForms

Efter det kommer du att bli ombedd att auktorisera anslutningen mellan dina formulär och Stripe.

Vad du ser på vyn kommer att skilja sig åt beroende på om du har aktiverat ditt Stripe account.

Stripe agreement page for WPForms

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

När du är slutförd kommer du att omdirigeras tillbaka till WPForms Settings page. Här bör du se en grön bock i sektionen Status för anslutning.

See Connected status for Stripe

Du kan också valfritt aktivera testläge från sidan Payment settings.

Enable Stripe test mode

This will allow you to test your Stripe integration without actual payments. Du måste dock avmarkera det här alternativet när din website är redo att godkänna donationer på din website.

Glöm inte att klicka på knappen ”Save Settings” för att spara dina ändringar.

Nu när du har ställt in betalningarna är det dags att skapa ett Stripe donation form för din website.

Skapa ett Stripe Donation Form i WordPress med WPForms

Först måste du besöka WPForms ” Add New page för att skapa ett nytt formulär. Du kommer att bli ombedd att ange en rubrik för ditt formulär och välja en template. You need to select the ”Donation Form” template.

Choose the Donation Form template

Detta kommer att starta WordPress form builder-gränssnittet med din valda donation form template.

Dessutom kommer denna template redan att ha de vanliga fält som krävs för att skapa en donation form gillar namn, email, donation belopp och message.

Editing the donation form in WPForms

Detta är en drag and drop form builder. Du kan edit formulärfält genom att click på dem, omorganisera dem eller lägga till new fält från den vänstra colonnen.

Eftersom du skapar ett Stripe-betalningsformulär måste du add to fältet ”Stripe Credit Card” till ditt formulär. Du hittar det i sektionen Payments Fields i den vänstra colonnen.

Adding Stripe credit card field to your form

Du behöver bara clicka för att add to fältet i ditt formulär och sedan drag and drop för att ändra dess position i formuläret.

När du är nöjd med formuläret klickar du på tabben ”Payments” i det vänstra hörnet för att editera betalningsinställningarna. Härifrån måste du välja Stripe som din betalningsmetod och sedan kontrollera boxen bredvid alternativet ”Aktivera Stripe Payments”.

Enable payment option

You can provide a description for the payment and select the email field to send the donors a receipt.

WPForms stöder också Stripe återkommande betalningar. Du kan använda det här alternativet för att ställa in återkommande donationer eller prenumerationer.

Set up recurring donations in WPForms

Om du väljer att aktivera återkommande prenumerationer (recurring subscription payments) kommer ytterligare Settings att visas. Du kan t.ex. välja hur ofta återkommande Payments ska uppstĂĽ: Dagligen, veckovis, månadsvis, kvartalsvis, halvårsvis eller årsvis.

Nästa steg är att ställa in bekräftelseinställningar, vilket är vad dina användare kommer att se efter att de fyllt i formuläret. Klicka på tabben Settings och välj sedan alternativet ”Confirmations”.

Set up confirmation message

Härifrån kan du välja olika typer av bekräftelser. Du kan till exempel tacka användarna med ett enkelt message, eller redirecta dem till en thank you page eller någon annan URL.

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

Lägga till Stripe Donation Form i WordPress med WPForms

WPForms gör det superenkelt att add to dina formulär var som helst på din website.

Klicka bara på knappen ”Embed” högst upp i form builder och välj antingen en befintlig sida eller skapa en ny sida. För denna tutorial klickar vi på alternativet ”Select Existing Page”.

Select an existing page to embed your form

Välj sedan vilken befintlig page du vill embeda formuläret på med hjälp av dropdown-menyn.

Klicka sedan på knappen ”Let’s Go!”.

Choose the page you want to embed the donation form on

WPForms kommer nu automatiskt att add formuläret till din WordPress content editor.

Du kan också göra detta manuellt genom att editera det post eller page där du vill add to donation form. Därefter add the WPForms block to your content and select the donation form you created earlier.

Add donation form to your WordPress post or page

WPForms kommer nu att hämta och embed formuläret åt you. You can now visit your website to see it in action.

Stripe donation form preview

Dessutom kan du add donation form till din bloggs sidebar eller något annat widget-ready area. Head to the Appearance ” Widgets page and add the WPForms widget to a sidebar.

Sedan måste du välja din Stripe donation form från dropdown-menyn.

Adding a donation form to sidebar

Glöm inte att klicka på knappen Save för att spara dina settings för widgetar.

Bonus: Fullt utvalt tillägg för donation i WordPress

Medan både WP Simple Pay och WPForms tillåter dig att skapa en Stripe donation knapp, erbjuder de inte fullständig hantering av givare och andra avancerade funktioner som ideella organisationer behöver.

Om du letar efter ett komplett plugin för donation för WordPress, rekommenderar vi att du använder WP Charitable. Över 10 000+ ideella organisationer och ägare av websites över hela världen använder Charitable för att skapa fundraising campaigns och samla in mer pengar online.

Charitable

Den levereras med alla funktioner du behöver, inklusive helt anpassningsbara donationsformer, möjlighet att godkänna engångs- eller återkommande donationer, enkel dashboard för hantering av donationer, GDPR-efterlevnad, årliga donationskvitton, gåvor till ära för någon annan, avgiftsbefrielse som gör det möjligt för givare att täcka betalningsprocessavgifter och mer.

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

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

Du kan också använda den gratis versionen 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 donation knapp till din WordPress webbplats. You may also want to see our guide on the must-have WordPress plugins for every website or see our tutorial on how to improve your WordPress sökmotorsoptimering ranking.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

5 kommentarerLämna ett svar

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Myriam

    Hi, Nice article but you were a bit vague on how the recurring option is set up and works.

    • WPBeginner Support

      Thanks for your feedback, we’ll be sure to look into that when we update the article :)

      Administratör

  3. Bathri Vijay

    Thanks for your ultimate article, it is really amazing.

    • WPBeginner Support

      You’re welcome, glad you like our content :)

      Administratör

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.