Hur man accepterar betalningar med Stripe i WordPress

Stripe är en populär plattform som låter dig acceptera onlinebetalningar över hela världen utan krångel.

Betalningsgatewayen är utmärkt för onlinebutiker, bloggar, donationswebbplatser och mer.

På WPBeginner accepterar vi betalningar med Stripe på olika medlemskapswebbplatser, inklusive när vi säljer våra mjukvaruabonnemang. Vi har gjort detta med hjälp av Easy Digital Downloads, WPForms, WP Simple Pay och mer. Så vi vet precis hur enkelt det är att ställa in och hur det kan utöka din räckvidd till nya kunder över hela världen.

Med det sagt, WordPress och de flesta kompatibla e-handelsplugins har inte Stripe aktiverat som standard. Du måste ställa in det först.

Därför kommer vi i den här artikeln att visa dig hur du enkelt kan acceptera betalningar med Stripe i WordPress. Vi kommer att gå igenom flera olika metoder, så att du kan välja den som passar bäst för dina unika behov.

Varför använda Stripe för att acceptera betalningar i WordPress?

Stripe är en ledande betalningsgateway som gör det enkelt för företagare att acceptera onlinebetalningar.

Den integreras enkelt med alla typer av WordPress-webbplatser, inklusive e-handelsbutiker, bloggar, ideella webbplatser och medlemskapswebbplatser. Med Stripe kan du hantera återkommande betalningar eller erbjuda användare ett sätt att betala för sina engångsköp.

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

Med det sagt finns det olika sätt att acceptera 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 navigering, använd gärna länkarna nedan:

• Anpassade Stripe-beställningsformulär i WordPress med WPForms
• Stripe köpknapp med WP Simple Pay Plugin
• Lägga till Stripe betalningsgateway i WooCommerce
• Stripe-betalningar med Easy Digital Downloads
• Relaterade guider för att acceptera Stripe-betalningar i WordPress

Anpassade Stripe-beställningsformulär i WordPress med WPForms

WPForms är det bästa WordPress-formulärpluginet. Det låter dig skapa anpassade betalningsformulär och enkelt ta emot betalningar på din WordPress-webbplats med Stripe och PayPal.

För mer information om hur du använder det här pluginet, kolla in vår fullständiga WPForms-recension.

För den här handledningen använder vi planen WPForms Pro eftersom den inkluderar Stripe Pro-tillägget, som erbjuder kraftfullare fält för betalningsformulär och inga ytterligare transaktionsavgifter.

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 gå till WPForms » Inställningar för att ange din licensnyckel. Du kan hämta denna licensnyckel från ditt konto på WPForms webbplats.

Efter verifiering måste du gå till sidan WPForms » Tillägg.

Bläddra ner till tillägget 'Stripe Pro' och klicka på knappen 'Installera tillägg' nedanför.

WPForms kommer sedan automatiskt att installera och aktivera Stripe forms addon.

Därefter måste du besöka sidan WPForms » Inställningar och klicka på fliken ‘Betalningar’.

Väl där måste du klicka på knappen 'Anslut till Stripe'.

Logga sedan in på ditt Stripe-konto och koppla ditt konto till WPForms.

När det är klart kommer du att omdirigeras tillbaka till WPForms betalningsinställningssida. Du bör nu se en grön bock i avsnittet 'Anslutningsstatus', vilket visar att ditt konto är anslutet.

Därefter behöver du skapa ett formulär för att acceptera betalningar på din WordPress-webbplats.

Gå helt enkelt till sidan WPForms » Lägg till ny. Detta startar WPForms dra-och-släpp-formulärbyggargränssnitt.

WPForms levereras med färdiga formulärmallar.

Du kan välja mellan flera formuläroptioner, inklusive ett beställningsformulär, donationsformulär och mer. Eller så kan du skapa ett tomt formulär för att acceptera Stripe-betalningar.

Du kan lägga till nya formulärfält genom att helt enkelt dra och släppa dem från den vänstra kolumnen till mallen. Du kan också redigera ett formulärfält genom att helt enkelt klicka på det.

För att acceptera onlinebetalningar behöver du lägga till ett formulärfält för 'Stripe kreditkort'. Du hittar fältet under avsnittet 'Betalningsfält'.

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

När du är nöjd med formuläret behöver du klicka på fliken Betalningar » Stripe i WPForms formulärbyggare.

Nu behöver du kryssa i rutan bredvid alternativet 'Aktivera Stripe-betalningar' och ange en beskrivning för betalningen. Du kan också välja att skicka ett betalningskvitto.

Glöm inte att spara dina inställningar när du är klar.

Du är nu redo att lägga till detta formulär i valfritt WordPress-inlägg eller sida du vill.

Det finns flera sätt att bädda in ditt betalningsformulär. Du kan helt enkelt klicka på knappen 'Bädda in' i formulärbyggaren och välja antingen en befintlig sida eller skapa en ny sida.

För den här handledningen väljer vi alternativet 'Skapa ny sida'.

Ange nu ett namn för din sida och klicka på knappen ‘Let’s Go!’.

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

Du kan också manuellt lägga till formuläret på din webbplats genom att använda WPForms-blocket och välja ditt formulär från rullgardinsmenyn.

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

Publicera sedan sidan och besök din webbplats för att se Stripe-betalningsformuläret i aktion.

Stripe köpknapp med WP Simple Pay Plugin

En annan metod du kan använda för att acceptera onlinebetalningar är att använda WP Simple Pay. Vi har mycket erfarenhet av detta verktyg, och vi tycker att det är det bästa Stripe-betalningspluginet för WordPress. Det låter dig samla in betalningar utan att behöva sätta upp en kundvagn.

För mer information kan du ta en titt på vår recension av WP Simple Pay.

För den här handledningen kommer vi att använda planen WP Simple Pay Pro eftersom den låter dig visa ett betalningsformulär på din webbplats. Dessutom får du fler betalningsalternativ och kan låta användare betala en gång eller ställa in återkommande betalningar.

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

Vid aktivering startar pluginet guiden för e-handelsinställningar. Klicka helt enkelt på knappen ‘Låt oss börja’.

Därefter kommer installationsguiden att kräva att du anger licensnyckeln. Du hittar din WP Simple Pay-licensnyckel i kontoområdet under 'Licenser'.

Efter att ha angett nyckeln, fortsätt och klicka på knappen 'Aktivera och fortsätt'.

Nu behöver du ansluta WP Simple Pay till ditt Stripe-konto.

För att göra det, klicka helt enkelt på knappen ‘Anslut med Stripe’.

I nästa steg, logga in på ditt Stripe-konto och följ instruktionerna på skärmen för att ansluta det till WP Simple Pay-pluginet.

När kontot har anslutits framgångsrikt omdirigeras du tillbaka till installationsguiden.

Ange nu din e-postadress och konfigurera de e-postmeddelanden du vill få. Du kan till exempel aktivera e-postmeddelanden för betalningskvitton, kommande fakturor och betalningsmeddelanden.

Klicka på knappen 'Spara och fortsätt'.

Det sista steget i installationsguiden är att skapa ett betalningsformulär. Du kan helt enkelt klicka på knappen 'Skapa ett betalningsformulär'.

Du kan sedan välja en mall för dina specifika behov.

Eller klicka bara på länken för ett 'grundläggande formulär'.

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

Under fliken 'Allmänt' kan du redigera formulärets titel, beskrivning, formulärtyp och mer. Det finns också ett alternativ för att aktivera CAPTCHA.

Därefter kan du gå till fliken 'Betalning'.

Här hittar du alternativ för att ange priser för dina produkter och tjänster. WP Simple Pay låter dig också välja ett engångsbetalningsalternativ eller ett återkommande prenumerationsalternativ.

Du kan till och med aktivera 'Inköpsläge' för att erbjuda flera alternativ samtidigt. Dessutom kan du konfigurera skattesatser på den här skärmen.

Därefter kan du scrolla ner för att välja flera betalningsalternativ för dina kunder, som kreditkort, Apple Pay, ACH-betalningar, köp nu betala senare, och mer.

Slutligen kan du navigera till fliken ‘Formulärfält’ i formulärbyggaren. I den här fliken kan du lägga till fler formulärfält och ändra deras ordning.

När du är klar med att anpassa ditt betalningsformulär, klickar du bara på knappen 'Publicera'.

Därefter kan du lägga till betalningsformuläret var som helst på din WordPress-webbplats med hjälp av WP Simple Pay-blocket.

Lägg helt enkelt till en ny sida eller redigera en befintlig. När du är i WordPress innehållsredigerare, klicka på ‘+’-knappen och lägg till ett WP Simple Pay-block.

Välj därefter ditt formulär från rullgardinsmenyn i WP Simple Pay-blocket.

Nu kan du förhandsgranska och publicera sidan. För att se betalningsformuläret i aktion, besök helt enkelt din webbplats.

Lägga till Stripe betalningsgateway i WooCommerce

Om du driver en webbutik med WordPress med WooCommerce, så här kan du ta emot betalningar med Stripe.

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

När pluginet är aktiverat, klicka på knappen 'Starta installationsguiden'.

Detta öppnar en sida.

Här kan du ansluta din WooCommerce-butik till ditt Stripe-konto genom att klicka på knappen 'Connect with Stripe'.

Du kommer sedan att uppmanas att ange e-postadressen och lösenordet för ditt Stripe-konto.

Klicka sedan på knappen ‘Logga in’ för att fortsätta.

Välj sedan det Stripe-konto som du vill ansluta med pluginet Stripe Payment Gateway for WooCommerce.

Klicka sedan på knappen ‘Connect’.

Nu kan du aktivera alla betalningsgateways som du vill erbjuda i din WooCommerce-butik, inklusive Stripe, SEPA Direct Debit, iDEAL och mer.

Klicka sedan på knappen 'Spara och fortsätt'.

Därefter behöver du ställa in webhooks.

För att göra det, klicka helt enkelt på knappen 'Konfigurera webhook nu'.

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

För att aktivera expresskassa, växla omkopplaren till 'På' och klicka på knappen 'Bekräfta'. Annars kan du klicka på knappen 'Hoppa över det här steget'.

I det sista steget av installationsguiden kan du välja om du vill köra i 'Testläge' eller 'Live-läge'.

Klicka sedan på knappen ‘Spara och granska inställningar’.

Du kommer nu att omdirigeras till Stripe-inställningssidan i WooCommerce.

Om du valde 'Testläge' tidigare för att prova betalningsprocessen i din butik, kan du ändra det till 'Live-läge' här när du är redo att acceptera riktiga betalningar.

Glöm inte att spara ändringar för att lagra dina inställningar.

Dina användare kommer nu att se Stripe som ett betalningsalternativ på kassasidan.

Relaterat: Se den här handledningen om hur du anpassar WooCommerce-kassasidan.

Stripe-betalningar med Easy Digital Downloads

Easy Digital Downloads är ett av de bästa WordPress e-handelsplugins på marknaden. Det låter dig enkelt sälja digitala produkter från din WordPress-webbplats.

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

Vid aktivering måste du besöka sidan Nedladdningar » Inställningar och sedan klicka på fliken 'Betalningar'.

Här hittar du ‘Aktiva gateways’ och växlar helt enkelt knappen bredvid ‘Stripe’.

Klicka på knappen 'Spara ändringar' längst ner på sidan för att lagra dina inställningar.

Därefter behöver du gå till inställningsavsnittet 'Stripe' under fliken 'Betalningar' i Easy Digital Downloads. Klicka här på knappen 'Anslut med Stripe'.

Logga sedan in på ditt Stripe-konto och följ instruktionerna för att ansluta det till Easy Digital Downloads.

Glöm inte att spara ändringarna för att lagra dina ändringar när du är klar.

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

Relaterade guider för att acceptera Stripe-betalningar i WordPress

Nu när du vet hur du tar emot betalningar med Stripe i WordPress, kanske du vill kolla in dessa andra resurser:

• Stripe vs. PayPal: Vilken är bäst för din WordPress-webbplats?
• Hur man lägger till Stripe QR-kodbetalning i WordPress
• Hur man samlar in skatter för Stripe-betalningar i WordPress
• Hur man minskar Stripe transaktionsavgifter i WordPress
• Hur man lägger till Stripe-donationsknapp i WordPress (med återkommande alternativ)
• Hur man testar Stripe-betalningar på en WordPress-webbplats

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.