När vi började sälja online var processen att lägga till en Köp nu-knapp till WordPress onödigt komplicerad.
Efter år av att testa olika lösningar och hjälpa andra företagare att sätta upp sina betalningssystem har vi upptäckt de mest effektiva sätten att göra det rätt.
Nyckeln är att välja en metod som matchar dina affärsbehov samtidigt som köpprocessen görs enkel för dina kunder. Det är något som våra partner varumärken har bemästrat, och det har gjort en enorm skillnad i deras konverteringsgrad.
I den här guiden går vi igenom tre beprövade metoder för att lägga till en Köp nu-knapp på din WordPress-webbplats. Dessa lösningar fungerar för företag av alla storlekar, och vi hjälper dig att välja den som är perfekt för dina specifika behov.
Varför lägga till en Köp nu-knapp i WordPress?
En köp nu-knapp är ett utmärkt sätt att minska din kundvagnsavhoppsgrad. Varje steg i köpprocessen är en ytterligare möjlighet för kunden att ändra sig och överge sin kundvagn.
Genom att skicka dem direkt till kassan har shoppare mindre tid att ändra sig och ge upp sina köp. Det kan uppmuntra impulsköp och är särskilt användbart för digitala nedladdningar, e-böcker, fysiska produkter eller kurser.
Eftersom de snabbar upp köpprocessen kan köp nu-knappar också förbättra kundupplevelsen. När köparens resa känns enkel är kunderna mer benägna att återkomma till din butik. De behöver inte navigera genom flera sidor i kassan, vilket minskar friktionen i köpprocessen.
Du kommer ofta att se köp nu-knappar på produktsidor, men de används också ibland på landningssidor och försäljningssidor.
På så sätt gör köp nu-knappar det möjligt för kunder att kickstarta köpprocessen utan att någonsin besöka produktsidan, vilket kan öka konverteringsgraden för dina marknadsförings- och reklamkampanjer.
Med det i åtanke, här är 3 metoder för hur man lägger till en köp nu-knapp i WordPress. Använd helt enkelt snabblänkarna nedan för att hoppa till den metod du vill använda:
- Lägga till en köp nu-knapp med WP Simple Pay (inga e-handelsplugins krävs)
- Hur man lägger till en köp nu-knapp för dina digitala nedladdningar
- Add a Buy Now Button to Your WooCommerce Store
Redo? Låt oss börja.
Metod 1: Lägga till en Köp nu-knapp med WP Simple Pay (inga e-handelsplugins krävs)
Du kan lägga till en enkel köp nu-knapp på vilken sida, inlägg eller widget-redo område som helst med hjälp av WP Simple Pay.
Detta är ett utmärkt alternativ för tjänstebaserade företag, ideella organisationer, eller alla som letar efter ett snabbt alternativ för en köp nu-knapp för WordPress.
WP Simple Pay är det bästa Stripe-betalningspluginet för WordPress. Under testning fann vi att det var superenkelt att acceptera kreditkortsbetalningar, Apple Pay, Google Pay, ACH banköverföringar och mer. Detta gör WP Simple Pay till det perfekta valet om du vill lägga till en köp nu-knapp på en försäljningssida utan att behöva installera något speciellt.
För mer information, se vår recension av WP Simple Pay.
Notera: För den här guiden kommer vi att använda den kostnadsfria versionen av WP Simple Pay.
Om du vill acceptera betalningar med ACH direktdebitering eller återkommande betalningar, göra automatiska skatteberäkningar eller lägga till en köp nu betala senare-plan till WordPress, då behöver du uppgradera till pro-versionen.
Först måste du installera och aktivera WP Simple Pay-pluginet. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.
När pluginet aktiveras startar installationsguiden automatiskt. Klicka på knappen ‘Låt oss komma igång’.
I nästa steg måste du ansluta ett Stripe-konto till WP Simple Pay. Stripe är en nybörjarvänlig betalningsprocessor för webbplatsägare.
För att komma igång, klicka på knappen "Anslut med Stripe".
På nästa skärm kan du antingen logga in på ett befintligt Stripe-konto eller skapa ett nytt.
Om du redan har ett Stripe-konto, ange helt enkelt e-postadressen och lösenordet för det kontot.
WP Simple Pay kommer nu att visa dig hur du ansluter ditt Stripe-konto till WordPress.
Om du inte redan är registrerad hos Stripe, ange din e-postadress och följ instruktionerna på skärmen för att skapa ett Stripe-konto. När du är inloggad på ditt Stripe-konto klickar du på knappen 'Skapa en betalningsformulär'.
Om du har klickat bort från den här skärmen av misstag, få panik inte. Du kan komma till samma skärm genom att gå till WP Simple Pay » Lägg till ny.
Det kostnadsfria pluginet WP Simple Pay har några olika mallar som kan hjälpa dig att snabbt skapa ett betalningsformulär. Du kan låsa upp extra mallar genom att uppgradera till WP Simple Pay Pro, inklusive en mall som lägger till en Stripe-donationsknapp i WordPress.
Eftersom vi vill skapa en köp nu-knapp, för muspekaren över mallen ‘Payment Button’ och klicka sedan på ‘Create Payment Button’ när den visas.
I fältet 'Titel' skriver du in ett namn för din 'Köp nu'-knapp.
Denna titel är bara för din referens, så du kan använda vad du vill.
Du kan också använda fältet 'Beskrivning' för att lägga till lite information om din knapp. Återigen, WordPress kommer inte att visa detta för dina webbplatsbesökare, men det kan vara användbart för din egen referens eller för någon annan som delar ditt WordPress-dashboard.
Därefter klickar du på fliken 'Betalning'.
Som standard skapar WP Simple Pay din knapp i testläge, vilket innebär att du inte kan acceptera riktiga betalningar ännu.
Vi rekommenderar att du lämnar radioknappen 'Globala inställningar (testläge)' vald så att du kan testa din köp nu-knapp innan du börjar acceptera betalningar.
Om du vill börja ta emot betalningar direkt kan du istället välja knappen ‘Live Mode’.
Därefter kan du bestämma hur mycket knappen ska debitera kunden. Skriv in detta nummer i fältet ‘One-Time Amount’.
Notera: WP Simple Pay använder USD som standardvaluta. Om du vill acceptera betalningar i en annan valuta, gå till WP Simple Pay » Inställningar. Du kan sedan välja fliken ‘Valuta’ och välja en ny valuta.
När du har gjort det, välj fliken 'Formulärfält'.
Som standard kommer din knapp att ha texten ‘Pay Now’, men du kan ändra detta till vad du vill genom att skriva i fältet ‘Button Text’.
Du kan också ändra 'Knappbehandlingstext', vilket är meddelandet som WP Simple Pay kommer att visa för shoppare medan det behandlar deras betalning.
Som standard använder WP Simple Pay samma knappstil som ditt WordPress-tema.
Den har också en 'Stripe blue'-stil som du kan använda, som du kan se på följande bild. Om du vill använda den här knappstilen, välj helt enkelt radioknappen 'Stripe blue' i sektionen 'Betalningsknapp'.
Välj sedan fliken Stripe Checkout och välj den information som WP Simple Pay kommer att samla in från besökare vid kassan.
Till exempel, om du säljer en fysisk produkt, kan du få kundens leveransadress genom att markera rutan 'Samla in leveransadress'.
Om du tror att kunder kan vilja köpa flera produkter, se till att du markerar rutan 'Tillåt justering av antal'.
Detta lägger till en rullgardinsmeny på Stripes betalningssida, som låter kunder ändra hur många produkter de köper.
När du är nöjd med hur köp nu-knappen är inställd är det dags att göra den live genom att klicka på knappen 'Publicera'.
Du kan nu lägga till den här köp nu-knappen till vilken WordPress-sida, inlägg eller widget-redo område som helst med hjälp av ‘Formulärkortkod’.
För mer information om hur du placerar kortkoden kan du se vår guide om hur man lägger till en kortkod i WordPress.
Om du har publicerat din knapp i testläge, kommer Stripe-instrumentpanelen inte att visa några betalningar du får under denna tid, vilket gör det svårt att testa din köp nu-knapp.
För att se dina transaktioner måste du aktivera testläge i Stripe genom att logga in på din Stripe-instrumentpanel och klicka på fliken 'Betalningar'.
Klicka sedan bara på växlingsknappen 'Developers' i det övre högra hörnet.
Så fort du har gjort det kan du testa din köp nu-knapp, och betalningarna kommer att visas i Stripe-instrumentpanelen.
När du är klar med att testa din knapp kan du börja ta emot betalningar genom att gå till WP Simple Pay » Betalningsformulär.
Här hovrar du bara musen över köp nu-knappen och klickar på länken 'Redigera'.
Du kan nu fortsätta och välja fliken 'Betalning' och sedan klicka på radio-knappen bredvid 'Live-läge'.
Klicka slutligen på 'Uppdatera'. Din 'Köp nu'-knapp är nu live, och du är redo att börja ta emot betalningar från dina besökare.
Metod 2: Hur man lägger till en köp nu-knapp till dina digitala nedladdningar
WP Simple Pay låter dig lägga till en enkel köp nu-knapp till vilken WordPress-blogg eller webbplats som helst. Men om du vill sälja digitala nedladdningar på WordPress, då behöver du ett e-handelsplugin som har en köp nu-funktion.
Easy Digital Downloads är den bästa plattformen för att enkelt sälja digitala produkter. Faktum är att vi själva använder detta plugin för att sälja många av våra premium WordPress-plugins.
För att lära dig mer om vår erfarenhet, se vår Easy Digital Downloads-recension.
Pluginet ger dig några sätt att lägga till en köp nu-knapp i WordPress.
Som standard visar Easy Digital Downloads en knapp för ‘Lägg i kundvagn’ på alla sina produktsidor. Du kan dock ersätta den med en köp nu-knapp istället.
När kunden klickar på knappen som du kan se i bilden ovan, kommer de att se en popup där de kan skriva in sin e-postadress och kreditkortsuppgifter.
Därefter behöver de bara klicka på ‘Köp’ för att fortsätta och köpa produkten.
Easy Digital Downloads kommer också med ett 'EDD Köpknapp'-block som du kan lägga till på vilken sida, inlägg eller widget-redo område som helst.
Du kan koppla detta block till vilken som helst av dina nedladdningsbara produkter. Besökaren kan sedan helt enkelt klicka på denna knapp för att lägga produkten i sin varukorg och gå direkt till kassan.
Med det i åtanke, låt oss titta på båda metoderna.
Hur man lägger till en köp nu-knapp på valfri produktsida
Till att börja med kan du vilja lägga till en köp nu-knapp på dina produktsidor. Detta ger kunden mindre tid att ändra sig och avbryta sitt köp.
Om du använder SiteGround som din hostingleverantör, så kommer Easy Digital Downloads förinstallerat, så du kan börja använda pluginet direkt.
Om inte, kan du kolla in SiteGround EDD hosting och komma igång för så lite som 2,99 USD per månad!
Om du använder en annan hostingleverantör måste du installera och aktivera pluginet Easy Digital Downloads. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
I den här guiden kommer vi att använda gratispluginet Easy Digital Downloads, eftersom det har allt du behöver för att skapa en enkel köp nu-knapp. Det finns också en pro-version som har mer avancerade funktioner, inklusive önskelistor, köpbelöningar, bedrägeribevakning och mer.
Innan du kan skapa en köp nu-knapp måste du konfigurera Stripe eller PayPal. För att konfigurera din betalningsgateway, gå till Nedladdningar » Inställningar och klicka sedan på fliken ‘Betalningar’.
Du kan nu markera rutan bredvid ‘PayPal’ eller ‘Stripe’ beroende på vilken betalningsgateway du vill använda.
Om du lägger till flera betalningsgateways kan du inte skapa en köp nu-knapp, så det är viktigt att bara välja en gateway.
Efter att du har fattat ditt beslut, klicka på ‘Spara ändringar’ för att lagra dina inställningar.
Om du vill använda PayPal, klicka på fliken ‘PayPal’.
Du kan sedan välja knappen 'Anslut med PayPal i live-läge'.
Detta öppnar ett popup-fönster där du kan skriva in e-postadressen och lösenordet för PayPal-kontot där du vill ta emot betalningar.
För att konfigurera Stripe istället, klicka på fliken ‘Stripe’ och välj sedan ‘Connect with Stripe.’
Detta öppnar en installationsguide som hjälper dig att ansluta din webbplats till Stripe.
Efter att ha konfigurerat din betalningsgateway, glöm inte att klicka på knappen 'Spara ändringar'. Du kan nu lägga till en köp nu-knapp på valfri Easy Digital Downloads-produktsida.
För att skapa din första digitala produkt, gå till Nedladdningar » Nedladdningar. Klicka sedan på knappen 'Lägg till ny'.
Du kan nu lägga till en titel och en beskrivning för produkten, ladda upp en bild, lägga till kategorier och taggar, och mer.
Notera: Som standard kommer Easy Digital Downloads att ställa in din produkt som en gratis nedladdning. Det är viktigt att scrolla ner till sektionen 'Produktalternativ' och ange det verkliga priset för produkten.
Nästa steg är att ladda upp produkten. Det kan vara en e-boksnedladdning, videoutbildning, en PDF-guide, digital konst och grafik, eller någon annan fil som WordPress stöder.
Proffstips: Om du vill sälja en filtyp som WordPress inte stöder, som SVG-bilder, PSD-filer eller andra, se vår guide om hur du tillåter ytterligare filtyper i WordPress.
För att lägga till din nedladdningsbara fil, scrolla ner till sektionen 'Nedladdningsfiler'.
I fältet ‘Filnamn’ skriver du in ett namn för den nedladdningsbara filen. När du har gjort det klickar du på knappen ‘Ladda upp en fil’.
Detta startar WordPress mediebibliotek. Här kan du välja den fil du vill sälja som en digital nedladdning.
När du är nöjd med hur din produkt är inställd är det dags att lägga till en 'Köp nu'-knapp.
I menyn till höger, hitta sektionen ‘Knappalternativ’. Klicka här på rullgardinsmenyn ‘Köpknappens beteende’ och välj ‘Köp nu’.
Du kan nu göra produkten live genom att klicka på 'Publicera'. Om du nu besöker den här produktsidan ser du knappen 'Köp nu'.
Du kan lägga till en köp nu-knapp på vilken produktsida som helst genom att helt enkelt följa samma process som beskrivs ovan.
Hur man lägger till en köp nu-knapp på valfri sida eller inlägg
Ibland vill du kanske använda köp nu-knappar i andra delar av din webbutik.
Om du till exempel har en landningssida som marknadsför en viss produkt, kan du tillåta kunder att starta utcheckningsprocessen direkt från den landningssidan.
Detta kan ge dig mer försäljning genom att uppmuntra impulsköp samtidigt som det tar bort flera steg från köparens resa.
Du kan enkelt göra detta med hjälp av blocket ‘EDD Buy Button’. För att använda detta block måste du först konfigurera en betalningsgateway och skapa minst en produkt enligt samma process som beskrivs ovan.
Öppna sedan sidan eller inlägget där du vill lägga till din 'Köp nu'-knapp i innehållsredigeraren. Klicka sedan på ikonen '+' och börja skriva 'EDD Köpknapp'.
När rätt block visas klickar du för att lägga till det i din layout.
Du kan nu öppna rullgardinsmenyn ‘Välj en nedladdning’ och välja den produkt som ska läggas till kundens kundvagn.
Som standard visar Easy Digital Downloads produktens pris på knappen 'Köp nu'.
Om du vill dölja priset, klicka för att inaktivera växlingsknappen 'Visa pris'.
Du kan nu publicera eller uppdatera sidan för att göra den live. Om du nu besöker din WordPress-webbplats ser du knappen 'Köp nu' i aktion.
Metod 3: Lägg till en köp nu-knapp till din WooCommerce-butik
Om du driver en WooCommerce-butik, kanske du vill lägga till en köp nu-knapp på dina produktsidor. Detta gör det möjligt för kunder att starta kassan direkt från produktsidan, vilket ofta minskar antalet övergivna varukorgar.
Det enklaste sättet att lägga till en köp nu-knapp till din webbutik är att använda pluginet Buy Now Button for WooCommerce. Detta är ett enkelt plugin som inte kräver någon konfiguration och lägger till en köp nu-knapp på varje enskild produktsida.
Först måste du installera och aktivera pluginet. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.
Eftersom pluginet inte har några inställningar, gå helt enkelt till en produktsida i din webbutik. Du kommer nu att se en 'Köp nu'-knapp bredvid standardknappen 'Lägg i varukorg'.
Bonus: Fler knep för nätbutiker för att öka försäljningen
Nu när du har lärt dig hur du lägger till en 'Köp nu'-knapp, kanske du vill kolla in några extra knep för att göra din webbutik ännu bättre och sälja mer.
Du kan till exempel visa produktrekommendationer på din WordPress-webbplats. Att föreslå relaterade produkter hjälper kunder att hitta artiklar de kanske gillar, vilket förbättrar deras shoppingupplevelse.
Till exempel, om någon köper en hatt, kan du rekommendera solglasögon eftersom de passar bra ihop. Du kan visa dessa rekommendationer på olika sätt, som slide-in-varukorgar, order bumps, uppsäljningar, korsförsäljningar eller automatiserade e-postmeddelanden efter köp.
För att lära dig mer kan du läsa vår guide om hur du visar produktrekommendationer i WordPress.
Eller så kanske du vill ta reda på hur du lägger till en kundrecensionssida på din WordPress-webbplats. Den här sidan kan hjälpa till att bygga förtroende eftersom nya kunder kan läsa om andras positiva upplevelser med dina produkter.
För mer om detta ämne, se vår guide om hur man lägger till en kundrecensionssida i WordPress.
Ett sista tips är att använda FOMO för att öka konverteringar.
FOMO, eller ‘fear of missing out’ (rädsla för att gå miste om något), är en känsla av ångest över att missa något spännande eller trendigt.
Marknadsförare har använt FOMO långt innan internet, men det är nu enklare och mer effektivt online. Du kan till exempel marknadsföra kommande reor och tidsbegränsade erbjudanden på dina landningssidor.
Du hittar fullständiga instruktioner i vår guide om hur du använder FOMO på din WordPress-webbplats för att öka konverteringar.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en köp nu-knapp i WordPress. Du kan också gå igenom vår guide om hur du enkelt lägger till en nedladdningslänk i WordPress eller vår handledning om hur du begränsar köpkvantiteten 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.
Jiří Vaněk
Jag skulle vilja fråga om det är möjligt att effektivt spåra konverteringarna för en sådan knapp. Jag skulle till exempel vilja veta hur många personer som besökte sidan som faktiskt klickade på den här knappen. Detta är viktigt för mig för att mäta framgången för en sida med den här knappen.
WPBeginner Support
You can use a plugin like MonsterInsights to track the button clicks, our guide below covers the specifics
https://www.wpbeginner.com/wp-tutorials/how-to-track-link-clicks-and-button-clicks-in-wordpress/
Admin