Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man lägger till Stripe QR-kodbetalning i WordPress

Att driva flera onlineföretag har lärt oss hur mycket rätt betalningsmetoder betyder. När vi först började var valen begränsade, särskilt för personliga transaktioner.

Idag är saker mycket enklare. Med verktyg som Stripe QR-koder kan du snabbt acceptera betalningar på plats samtidigt som ditt onlinesystem hålls synkroniserat.

Om din verksamhet behöver både online- och personliga betalningar, gör Stripe QR-koder processen enkel och pålitlig.

I den här guiden går vi igenom exakt hur du lägger till dem på din WordPress-webbplats, steg för steg. Efter att ha hjälpt hundratals företagare att sätta upp betalningar vet vi vad som fungerar, och vi är glada att dela dessa beprövade metoder med dig.

Lägg till Stripe betalnings-QR-kod Betalning i WordPress

Här är en snabb sammanfattning av stegen jag kommer att gå igenom i det här inlägget:

Varför lägga till Stripe QR-kodbetalningar i WordPress?

Att lägga till Stripe QR-kodbetalningar på din webbplats ger kunderna flexibiliteten att slutföra ett köp snabbt. Kunder kan helt enkelt skanna koden för att öppna betalningslänken och använda Stripe-betalningsgatewayer.

Detta gör utcheckningsprocessen mycket enkel och snabb. Det hjälper folk att enkelt köpa en produkt eller tjänst i din webbutik. Som ett resultat kommer du att se en ökning av konverteringar och minskade övergivna kundvagnar.

Det bästa är att kunderna inte behöver gå igenom en lång registreringsprocess. De kan helt enkelt ange sitt kreditkort på webbplatsen för att göra ett köp.

Var kan du använda Stripe QR-koder?

För att ge dig några idéer, här är några praktiska sätt du kan använda QR-koder för att acceptera betalningar:

  • Försäljning på plats: Perfekt för hantverksmässor, bondemarknader eller popup-butiker där du behöver ett snabbt sätt att acceptera kreditkortsbetalningar utan en kortläsare.
  • Tjänster & Fakturor: Lägg till en QR-kod på dina digitala eller tryckta fakturor så att kunderna kan betala dig med en snabb skanning från sin telefon.
  • Donationer: Ideella organisationer och insamlingar kan visa en QR-kod vid evenemang eller på marknadsföringsmaterial för att göra det enkelt för människor att donera.
  • Restaurangmenyer: Låt kunder betala sin nota direkt från sitt bord genom att skanna en QR-kod på menyn eller bordsstället.

Nu ska vi titta på hur du kan lägga till en Stripe QR-kodbetalning till din WordPress-webbplats.

Skapa ett Stripe-betalningsformulär i WordPress

Först måste du lägga till ett Stripe-betalningsformulär på din webbplats.

Det bästa sättet att göra det är att använda WPForms. Det är det bästa kontaktformulärplugin för WordPress som är superenkelt att använda och enkelt integreras med Stripe. Det finns många formulärmallar att välja mellan, och du kan anpassa dem med hjälp av dra-och-släpp-byggaren.

Vi har använt det på WPBeginner för att bygga kontaktformulär och årliga undersökningar och har funnit att det är mycket nybörjarvänligt. För att lära dig mer, se vår kompletta WPForms-recension.

För att komma igång behöver du ladda ner och installera WPForms-pluginet. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

📌 Notera: För den här handledningen behöver du WPForms Pro-licensen eftersom den inkluderar Stripe-tillägget. Det finns också en WPForms Lite-version som du kan använda gratis. Den låter dig acceptera Stripe-betalningar, men det tillkommer en transaktionsavgift på 3% utöver Stripes standardhanteringsavgifter.

Av denna anledning är det ofta mer kostnadseffektivt att uppgradera till WPForms Pro när ditt företag växer.

Efter aktivering kan du gå till WPForms » Inställningar från din WordPress-instrumentpanel och ange licensnyckeln. Du hittar nyckeln i ditt kontoområde på WPForms webbplats.

Lägga till en licensnyckel i WPForms formulärbyggarplugin

Ange helt enkelt nyckeln och klicka på knappen 'Verifiera nyckel'.

När det är gjort måste du gå till sidan WPForms » Tillägg och installera Stripe-tillägget.

Installera Stripe-tillägget

Klicka på knappen ‘Installera tillägg’, så installerar och aktiverar WPForms det automatiskt.

Härifrån kan du gå till WPForms » Inställningar från WordPress adminpanelen och gå till fliken ‘Betalningar’.

Klicka sedan helt enkelt på knappen ‘Connect with Stripe’ och följ instruktionerna på skärmen för att ansluta ditt konto till WPForms.

Klicka på knappen Anslut med Stripe

När Stripe är anslutet kan du gå till WPForms » Lägg till ny för att skapa ett nytt formulär.

WPForms erbjuder massor av formulärmallar att välja mellan. Du kan välja ett enkelt kontaktformulär, ett beställningsformulär eller ett Stripe-betalningsformulär och anpassa det.

Stripe-betalningsformulär

För den här handledningen kommer vi att använda mallen 'Stripe Payment Form'.

Sedan kan du anpassa ditt formulär med dra-och-släpp-formulärbyggaren. Som standard ser du olika formulärfält i mallen.

WPForms låter dig dock lägga till fler formulärfält i mallen, som en rullgardinsmeny, kryssrutor, e-post, telefon, adress, webbplats och mer.

Anpassa Stripe-betalningsformulär

Du kan också klicka på vilket formulärsfält som helst i mallen för att anpassa det ytterligare.

Vi har till exempel ändrat texten för varje objekt i ditt demoformulär och aktiverat alternativet för att visa priser efter objektets etikett.

Anpassa formulärfält i Stripe-betalningsformulär

När du är klar med att redigera formuläret, växlar du helt enkelt till fliken 'Betalningar' och väljer 'Stripe' från menyn till vänster.

Kontrollera här att alternativet 'Aktivera Stripe-betalningar' är aktiverat.

Aktivera Stripe-betalningar

Därefter kan du växla till fliken Inställningar. Här ser du alternativ för att ändra aviseringar och bekräftelseinställningar.

Du kan till exempel välja vilken åtgärd som ska ske när en användare skickar in ett formulär. WPForms låter dig visa ett meddelande eller en sida eller till och med omdirigera användare till en URL.

Bekräftelseinställningar formulär

Du är nu redo att visa ditt Stripe-betalningsformulär på din webbplats.

Klicka helt enkelt på knappen ‘Spara’ för att lagra dina ändringar och klicka sedan på knappen ‘Bädda in’ högst upp.

Spara och bädda in ditt formulär

Därefter visar WPForms ett popup-fönster där du kan välja en befintlig sida eller skapa en ny för att bädda in ditt formulär.

Vi kommer att välja alternativet 'Välj befintlig sida' för den här handledningen.

Bädda in ett formulär på en sida

Därefter behöver du ange ett namn för din nya sida.

När det är klart klickar du helt enkelt på knappen ‘Let’s Go’.

Ange namn för din nya sida

Därefter ser du en förhandsgranskning av ditt Stripe-betalningsformulär i WordPress innehållsredigerare.

Du kan publicera sidan och besöka webbplatsen för att se den i praktiken.

Förhandsgranskning av Stripe-betalningsformulär

Gå nu vidare och kopiera länken till din betalningsformulärsida, eftersom du behöver den för att skapa en QR-kod.

Alternativ metod: Du kan också skapa ett Stripe-betalningsformulär med hjälp av WP Simple Pay. Det är det bästa Stripe-betalningsplugin för WordPress som hjälper dig att samla in onlinebetalningar utan att behöva konfigurera en kundvagn.

WP Simple Pay är ett enklare alternativ än WPForms. Det är perfekt om du bara vill skapa ett grundläggande formulär för att acceptera kreditkortsbetalningar.

För mer information kan du se vår detaljerade guide om hur man accepterar betalningar med Stripe i WordPress.

Lägg till QR-kod för Stripe-betalningar i WordPress

Innan vi skapar QR-koden är det bra att förstå vad den gör. QR-koden du skapar är helt enkelt en skanningsbar länk som tar kunderna direkt till din betalningssida. Själva betalningen hanteras fortfarande säkert av Stripe.

Nu när ditt Stripe-betalningsformulär är klart kan du skapa en QR-kod för det och visa den var som helst på din webbplats.

Det finns 2 sätt du kan lägga till en QR-kod på din webbplats. Du kan använda Googles Chrome-webbläsares funktion eller använda ett WordPress QR-kodplugin.

Metod 1: Skapa QR-koder med Google Chrome

Om du använder webbläsaren Google Chrome kan du använda den för att dela en webbsida via en QR-kod.

Först måste du öppna Stripes betalningsformulärsida i en ny flik eller ett nytt fönster.

Därefter kan du klicka på delningsikonen i det övre högra hörnet av webbläsarens adressfält. Välj sedan helt enkelt alternativet 'Skapa QR-kod'.

Klicka på delningsikonen i Chrome

Därefter kommer Google Chrome att generera en QR-kod för din Stripe-betalningsformulärsida.

Du kan fortsätta och ladda ner QR-koden som en bild.

Ladda ner QR-koden

Placera sedan helt enkelt bilden var som helst på din webbplats.

Du kan till exempel visa QR-koden på produktsidor så att kunderna snabbt kan skanna dem och öppna formuläret för att göra ett köp.

Lägg till QR-kod till produktsida
Metod 2: Skapa en Stripe-betalnings QR-kod med ett WordPress-plugin

Du kan lägga till QR-koder på din webbplats med hjälp av ett WordPress-plugin som Shortcodes Ultimate. Det är ett gratis plugin som låter dig skapa över 50 olika typer av kortkoder, inklusive QR-koder. Du kan läsa mer i vår detaljerade recension av Shortcodes Ultimate.

Först måste du installera och aktivera pluginet Shortcodes Ultimate. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

Vid aktivering ser du välkomstskärmen för Shortcode Ultimate.

Kortkod ultimativ välkomstskärm

Därefter behöver du redigera en sida eller ett inlägg för att lägga till din QR-kod.

När du är i innehållsredigeraren lägger du helt enkelt till ett kortkodblock.

Hur man lägger till ett kortkodblock till WordPress

Därefter bör du se ett alternativ för ‘Infoga kortkod’.

Du kan helt enkelt klicka på ikonen med dubbla klamrar för att lägga till din QR-kod.

Klicka på ikonen för att välja kortkod

Därefter kommer pluginet att visa olika kortkod-alternativ för din webbplats.

Välj helt enkelt alternativet 'QR-kod'.

Välj QR-kod kortkod

Därefter ser du alternativ för att ange detaljer för din QR-kod.

I Data-fältet kan du ange URL:en till ditt Stripe-betalningsformulär som du skapade tidigare.

Dessutom finns det ett alternativ för att ange en titel för koden, som fungerar som alt-text. Du kan också justera storleken på din QR-kod.

Ange QR-koddetaljer

Om du skrollar ner ser du fler alternativ för att anpassa din QR-kod. Du kan till exempel ändra primärfärg, bakgrundsfärg och mer.

När du är klar klickar du helt enkelt på knappen 'Infoga kortkod'.

Klicka på infoga kortkod

Pluginet låter dig också se en förhandsgranskning av koden i realtid på ditt blogginlägg eller landningssida.

Publicera din sida för att se Stripe-betalningsformulärets QR-kod i aktion.

QR-kod liveförhandsgranskning

Vanliga frågor om att lägga till Stripe QR-kodbetalningar

Här är några vanliga frågor som våra läsare ställer om att lägga till Stripe-kodbetalningar i WordPress:

Behöver jag ett Stripe-konto för att acceptera betalningar via QR-koder?

Ja, du behöver ett aktivt Stripe-konto. QR-koden leder kunderna till ett betalningsformulär som är direkt kopplat till ditt Stripe-konto för att behandla transaktionen säkert.

Finns det några avgifter för att använda Stripe QR-koder?

Själva skapandet av QR-koden är gratis. Du kommer dock fortfarande att ha de vanliga transaktionsavgifterna från Stripe för varje betalning du får.

Tänk också på att även om WPForms Lite låter dig acceptera Stripe-betalningar, lägger det till en transaktionsavgift på 3 %. Pro-versionen av WPForms tar bort denna extra avgift.

Kan jag använda en Stripe QR-kod för både fysiska produkter och tjänster?

Absolut. Denna metod är otroligt mångsidig och fungerar perfekt för båda. Du kan använda den vid personliga evenemang, på marknadsstånd eller på tryckta fakturor för tjänster.

Är en Stripe QR-kod säker för mina kunder?

Ja, det är mycket säkert. QR-koden fungerar helt enkelt som en genväg till din betalningssida. Alla transaktioner bearbetas via Stripes krypterade och PCI-kompatibla servrar, vilket säkerställer att kunddata hålls säker.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till Stripe QR-kodbetalning i WordPress. Du kanske också vill se vår guide om hur du accepterar återkommande betalningar i WordPress och vår handledning om att acceptera bitcoinbetalningar i WordPress.

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.

Upplysning: Vårt innehåll stöds av läsarna. 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

6 CommentsLeave a Reply

  1. Detta är en av de potentiella användningarna av QR-koder av den enkla anledningen att det förenklar hela betalningsprocessen.
    Det hjälper inte bara företag att undvika den otympliga uppgiften att skriva och visa hela betalningsformuläret utan hjälper också kunder med enkel navigering.
    tack för steg-för-steg-processen.

  2. Vi började använda Stripe ganska nyligen, baserat på rekommendationer från flera artiklar här på WPBeginner. QR-koden är ett utmärkt alternativ för att förenkla betalningar för användare. Tack för den utmärkta artikeln. Jag skulle vilja fråga, är det möjligt att ytterligare anpassa QR-koden för att inkludera till exempel företagets logotyp (varumärke)?

    • För tillfället skulle du behöva ett annat verktyg för att anpassa QR-koden.

      Admin

  3. Att betala med QR-kod blir allt populärare. Jag tror det beror på dess enkelhet. Det är helt enkelt snabbare än gamla metoder och vi vill spara mer och mer tid.

    Jag har en fråga – att skanna QR-koder med telefonen från en laptopskärm är enkelt, men är det lika enkelt med själva smartphones? Jag menar, jag scrollar på en webbplats på min telefon och ser en QR-kod, min telefon känner inte igen QR-koden så, bara med fotoappen. Är det normalt eller är det bara min telefon och är det lika bra att ha en QR-kod för mobilanvändare som för datoranvändare?

    • Det skulle bero på telefonen, om du inte redan har gjort det vill du försöka ta en skärmdump med din telefon.

      Admin

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år kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.