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

Så här godkänner du Payments med Stripe i WordPress

Vill du godkänna betalningar med Stripe i WordPress?

Stripe gör det enklare för site-ägare att godkänna Payments på sina WordPress-webbplatser. Det är en ledande betalningslösning som du kan använda för din online store, blogg, website, website för donation, och mycket mer.

I den här artikeln visar vi dig hur du enkelt kan godkänna betalningar med Stripe i WordPress.

How to accept payments with stripe WordPress

Varför använda Stripe för att godkänna Payments i WordPress?

Stripe är en ledande betalningslösning som gör det enkelt för företagare att godkänna betalningar online.

Det integreras enkelt med alla typer av WordPress-webbplatser, vare sig det är en ecommerce store, en blogg, en ideell webbplats eller en membership site. Med Stripe kan du hantera återkommande Payments eller erbjuda användare ett sätt att betala för sina engångsköp.

Observera bara att Stripe kräver att din site använder SSL/HTTPS-kryptering. Om du inte redan har ett SSL-certifikat för din website, vänligen se vår Step-by-Step guide om hur du lägger till SSL i WordPress.

Med detta sagt finns det olika sätt att godkänna betalningar med Stripe i WordPress. Vi kommer att täcka 4 olika metoder, så att du kan välja den som bäst passar dina behov.

För snabb browsing, använd gärna länkarna i navigationen under:

Custom Stripe Orderformulär i WordPress med WPForms

WPForms är det bästa WordPress formulär plugin. Det allow you att skapa customize betalningsformulär och enkelt godkänna betalningar på din WordPress site med Stripe och PayPal.

För denna tutorial kommer vi att använda WPForms Pro-planen eftersom den innehåller Stripe Pro addon, som erbjuder mer kraftfulla betalningsformulärfält och inga ytterligare transaktionsavgifter.

Note: Det finns också en WPForms Lite-version som du kan använda gratis. It allows you to accept Stripe payments, but there’s a 3% transaction fee for payments made through your forms.

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 kan få denna license key från ditt account på WPForms website.

WPForms license key

Efter verifiering måste du heada över till WPForms ” Addons page.

Rulla ner till ”Stripe Addon” och klicka på knappen ”Install Addon” bredvid den.

Installing the Stripe addon

WPForms installerar och aktiverar automatiskt Stripe forms addon.

Därefter måste du besöka WPForms ” Settings page och klicka på fliken ’Payments’.

När du är där måste du klicka på knappen ”Anslut med Stripe”.

Click the connect with Stripe button

Därefter loggar du in på ditt Stripe-konto och ansluter ditt konto till WPForms.

När det är gjort kommer du att redirectas tillbaka till WPForms sida för betalningsinställningar. Du kan se en grön bock i Connection Status section, som visar att ditt account är anslutet.

See connected status

Därefter måste du skapa ett formulär för att godkänna betalningar på din WordPress site.

Helt enkelt head över till WPForms ” Add New page. Detta kommer att starta WPForms drag and drop form builder-gränssnitt.

Select the ‘Billing / Order Form’ Template

WPForms levereras med färdiga formulärmallar.

You can select an Order/Billing form, donations form, or create a blank form to accept Stripe payments.

Customize your billing form

Du kan add new formulärfält genom att helt enkelt drag and drop dem från den vänstra Column till templates. Du kan också edit ett formulärfält genom att klicka på det.

Om du vill godkänna betalningar online måste du add to ett formulärfält för ”Stripe Credit Card”. Du hittar fältet under Payment Fields section.

Add stripe payment field

Om du sedan klickar på Stripe Credit Card-fältet hittar du fler alternativ för customize, som att gillar att editera etiketten och lägga till en description.

När du är nöjd med formuläret måste du klicka på fliken Payments ” Stripe i WPForms form builder.

Enable Stripe payments

Nu måste du kontrollera boxen bredvid alternativet ”Enable Stripe payments” och enter en description för betalningen. Du kan också välja att skicka ett receipt för betalningen.

Glöm inte att save your settings när du är klar.

Du är nu redo att add to detta formulär till vilken WordPress post eller page du vill.

Det finns flera sätt att embeda ditt formulär för Payment. Du kan helt enkelt clicka på knappen ”Embed” i form buildern och välja antingen en befintlig sida eller skapa en new page.

Click the 'Create New Page' Button

För denna tutorial väljer vi alternativet ”Create New Page”.

Enter nu ett namn för din page och click på knappen ”Let’s Go!”.

Enter the name of the page

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

Du kan också manuellt add formuläret till din website genom att använda WPForms block och välja ditt formulär från dropdown menyn.

Add the WPForms Block to Any Post or Page and Select the User Login Form

Klicka sedan på knappen Preview för att se hur ditt formulär ser ut.

Publicera sedan page och besök your website för att se Stripe-betalningsformuläret i action.

Stripe payment form preview

Stripe köpknapp med WP Simple Pay tillägg

En annan metod du kan använda för att godkänna onlinebetalningar är att använda WP Simple Pay. Det är det bästa Stripe betalningspluginet för WordPress och allow you att samla in betalningar utan att sätta upp en shopping cart.

För denna tutorial kommer vi att använda WP Simple Pay Pro plan eftersom det tillåter dig att visa ett betalningsformulär på din website. Dessutom får du fler alternativ för Payment och allow users to pay one time or set up recurring payments. Det finns också en gratis version av WP Simple Pay som du kan använda för att godkänna Stripe-betalningar.

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

Vid aktivering kommer pluginet att starta installationsguiden. Klicka bara på knappen ”Låt oss komma igång”.

WP Simple Pay setup wizard

Därefter kommer Setup Wizard att kräva att du enter license key. You can find your WP Simple Pay license key in the account area under Licenses.

När du har enter nyckeln, gå vidare och klicka på knappen ”Activate and Continue”.

You’ll Be Asked to Enter Your WP Simple Pay License Key

Nu måste du ansluta WP Simple Pay till ditt Stripe account.

För att göra det klickar du bara på knappen ”Anslut med Stripe”.

Connecting WP Simple Pay to Stripe

I nästa steg loggar du in på ditt Stripe-konto och följer instruktionerna på skärmen för att ansluta kontot till WP Simple Pay-pluginet.

När kontot har anslutits utan problem kommer du att redirectas tillbaka till Setup Wizard.

Nu kan du enter din email address och konfigurera de aviseringar du gillar att få. You can for instance activate emails for payment receipts, upcoming invoices, and payment notifications.

Configure Your WP Simple Pay Emails

Gå vidare och klicka på knappen ”Save and Continue”.

Det sista steget i Setup Wizard är att skapa ett betalningsformulär. You can simply click the ”Create a Payment Form” button.

WP Simple Pay Setup Is Complete

Därefter ser du olika inställningar för formuläret Payment.

På tabben Allmänt kan du edit formulärets rubrik, description, formulärtyp och välja alternativ för sidan Payment Success. Det finns också ett alternativ för att aktivera reCAPTCHA.

WP Simple Pay form general settings

Efter det kan du heada över till tabben ”Payment”.

Här hittar du alternativ för att enter priserna för dina produkter och tjänster. WP Simple Pay låter dig också välja ett alternativ för engångsbetalning eller en återkommande prenumeration.

Select pricing options

Slutligen kan du navigera till tabben ”Form Fields” i form buildern. I den här tabben kan du add to fler formulärfält och ändra ordern på dem.

Dessutom kan du förstora fältet ”Betalningsmetod” och välja flera betalningsalternativ för dina kunder, gillar credit cards, Apple Pay, ACH-betalningar, köp nu betala senare, och mer.

Add more form fields

När du är klar med att customize ditt betalningsformulär klickar du bara på knappen ”Publicera”.

Därefter kan du lägga till betalningsformuläret var som helst på din WordPress website genom att använda WP Simple Pay block.

Lägg bara till en new page eller edit en befintlig. När du är i WordPress content editor klickar du på knappen ”+” och add to ett WP Simple Pay block.

Add a WP Simple Pay block

Därefter väljer du ditt formulär från dropdown-menyn i WP Simple Pay-blocket.

Nu kan du previewa och publicera page. För att se formuläret för Payment i action, besök helt enkelt your website.

WP Simple Pay payment form preview

Lägga till Stripe Payment Gateway i WooCommerce

Om du run en online store med WordPress med WooCommerce, så här kan du godkänna betalningar med Stripe.

Först måste du installera och aktivera det gratis pluginet Stripe Payment Gateway for WooCommerce, skapat av FunnelKit. För mer detaljer, se vår steg-för-steg guide om hur du installerar ett plugin för WordPress.

När pluginet är aktiverat klickar du på knappen ”Start Onboarding Wizard”.

Start Onboarding Wizard for the Stripe Payment Gateway for WooCommerce plugin

Detta kommer att öppna en page där du kan ansluta din WooCommerce store till ditt Stripe account genom att clicka på knappen ”Connect with Stripe”.

Connect your WooCommerce store with Stripe

Du kommer sedan att uppmanas att ange email address och password för ditt Stripe account.

Därefter klickar du på knappen ”Logga in” för att fortsätta.

Log into Stripe

Därefter väljer du det Stripe account som du vill ansluta till Stripe Payment Gateway for WooCommerce plugin.

Klicka sedan på knappen ”Anslut”.

Select Stripe account and click Connect

Nu kan du aktivera alla de betalningslösningar som du vill erbjuda i din WooCommerce store, inklusive Stripe, SEPA Direct Debit, iDEAL, och mer.

Därefter klickar du på knappen ”Save and Continue”.

Activate payment methods for Stripe Payment Gateway for WooCommerce

Därefter måste du konfigurera webhooks. För att göra det klickar du helt enkelt på knappen ”Setup Webhook Now”.

Click the Setup Webhook button

Tillägget kommer sedan att uppmana dig att aktivera alternativet expressutcheckning, vilket gör det möjligt för kunder att betala via Google Pay och Apple Pay.

För att aktivera expressutcheckning, toggle brytaren till ”On” och click ”Confirm” knappen. Annars kan du trycka på knappen ”Hoppa över detta steg”.

Enable express checkout with Stripe Payment Gateway for WooCommerce

I det sista steget i onboarding wizard kan du välja om du vill runna i ”Test”-läge eller ”Live”-läge.

Klicka sedan på knappen ”Save and Review Settings”.

Select Test or Live mode for Stripe Payment Gateway for WooCommerce

Du kommer nu att bli redirectad till Stripe settings page i WooCommerce.

Om du valde ”Test”-läget tidigare för att prova betalningsprocessen i din store, kan du ändra det till ”Live”-läget här när du är redo att godkänna riktiga betalningar.

Switch to Live mode in Stripe WooCommerce settings

Glöm inte att save changes för att lagra dina settings.

Dina användare kommer nu att se Stripe som ett alternativ för betalning på checkout page.

Stripe checkout example in WooCommerce

Related to: Se denna tutorial om hur du customize WooCommerce checkout page.

Stripe Payments med Easy Digital Downloads

Easy Digital Downloads är ett av de bästa WordPress eCommerce-tilläggen på marknaden. Det allow you att enkelt sälja digitala produkter från din WordPress site.

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

När du är aktiverad måste du besöka Downloads ” Settings page och sedan klicka på ’Payments’ tabs.

Därefter kontrollerar du boxen bredvid ”Stripe” för att aktivera Stripe som betalningslösning på din website.

Choose Stripe as payment method

Klicka på knappen save changes längst ner på sidan för att spara dina settings.

Därefter måste du gå till Stripe-inställningar section i fliken Payments i Easy Digital Downloads. Här klickar du på knappen ”Anslut med Stripe”.

Connect with Stripe button

Följer, logga in på ditt Stripe account och följ instruktionerna för att ansluta det till Easy Digital Downloads.

Glöm inte att save changes för att spara dina ändringar när du är klar.

Dina användare kommer nu att se alternativet att betala med Stripe i kassan.

Pay for digital downloads through Stripe

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du godkänner betalningar med Stripe i WordPress. You may also want to see our list of 24 must have WordPress plugins for business websites and how to start a WordPress blog.

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

18 kommentarerLämna ett svar

  1. Syed Balkhi says

    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. Jiří Vaněk says

    Thanks for this clear guide! I’ve been struggling with PayPal’s fees (which unfortunately are not small) for a while, so Stripe seems like a great alternative for me (Im using Paypal for donate on my blog). I’ve been scouring the web for a step-by-step guide that actually makes sense, and this is exactly what I needed. Your explanation for connecting Stripe to WordPress was refreshingly simple. Now I can finally set up payments without the confusion. Over time, I would also like to connect Stripe to WooCommerce, where e-books will be sold, but I assume that the process will be very similar to this one?

    • WPBeginner Support says

      You should be able to follow the WooCommerce steps in this article to connect Stripe.

      Administratör

  3. Chirag swami says

    Is it possible for Working with Multiple Subscriptions for single customer with WP Simple Pay plugin?

    • WPBeginner Support says

      You would want to check with the plugin with the specific setup you’re wanting to see if that is available.

      Administratör

    • WPBeginner Support says

      Hi Alizhad,

      Edit your form and then click on Settings. From here click on the ’Confirmation’ section. Here you can select what to do when a user fills out the form. You can redirect them to any page on your website or show them a message.

      Administratör

  4. Jaymin says

    Hello,

    I have implemented stripe payments with Custom Stripe integration in my WordPress website and it is working fine.

    How would like create UI in wordpress admin to get all the stripe transaction? I need that transaction list and details in admin panel.

    Any article? Documentation?

    Thanks,

  5. Deb Harrison says

    Very good intuitive guide, but I was wondering is there a method where you can set the form up so clients can pay their invoices where they have to enter the invoice total.

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.