Hur man lägger till en Köp nu-knapp i WordPress (3 enkla metoder)

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?

Huvudskälet till att lägga till en 'Köp nu'-knapp är att göra köpprocessen snabbare för dina kunder. Genom att skicka shoppare direkt till kassan kan du minska övergivna kundvagnar och öka din försäljning.

Här är de viktigaste fördelarna med att använda en Köp nu-knapp:

• Ökar konverteringar: En direkt utcheckning uppmuntrar impulsköp och kan öka konverteringar, särskilt när den används på försäljnings- eller landningssidor.
• Minskar övergivna kundvagnar: Genom att ta bort extra steg som kundvagnsidan ger du kunderna färre chanser att ändra sig innan de slutför ett köp.
• Förbättrar kundupplevelsen: En snabb och friktionsfri köpresa skapar en bättre upplevelse, vilket uppmuntrar kunderna att återvända till din butik i framtiden.

I den här guiden visar vi dig 3 olika metoder för att lägga till en Köp nu-knapp. Här är en snabb översikt som hjälper dig att välja den bästa för din webbplats:

Vilken metod ska du välja?

• WP Simple Pay: Detta är det perfekta valet om du vill acceptera enkla engångsbetalningar utan att sätta upp en fullständig e-handelsbutik. Det är utmärkt för tjänster, enskilda produkter eller donationer.
• Easy Digital Downloads: Om du säljer digitala produkter som e-böcker, programvara eller kurser är detta plugin den bästa lösningen. Det har en inbyggd funktion för 'Köp nu' som är specifikt utformad för digitala varor.
• WooCommerce Plugin: För dem som redan driver en fullständig onlinebutik med WooCommerce använder denna metod ett enkelt plugin för att lägga till en Köp nu-knapp på dina befintliga produktsidor.

Använd helt enkelt snabblänkarna nedan för att hoppa till den metod du vill använda:

• Method 1: Adding a Buy Now Button With WP Simple Pay (No eCommerce Plugins Required)
• Method 2: How to Add a Buy Now Button to Your Digital Downloads
• Method 3: Add a Buy Now Button to Your WooCommerce Store
• Bonus: Fler knep för nätbutiker för att öka försäljningen

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.

Steg 1: Installera WP Simple Pay och anslut till Stripe

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.

Steg 2: Skapa en ny betalningsknapp

När ditt Stripe-konto är anslutet klickar du på knappen 'Skapa ett 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.

Steg 3: Konfigurera dina betalningsuppgifter

På nästa skärm, ge din betalknapp en ‘Titel’ för din egen referens.

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 din WordPress-instrumentpanel.

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’.

Steg 4: Anpassa din knapp och kassan.

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.

Steg 5: Publicera och testa din knapp.

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. Efter att ha loggat in på din Stripe-instrumentpanel, leta efter en växlingsknapp för att visa testdata.

Detta finns vanligtvis i sidans övre högra hörn.

Så snart du har aktiverat testläge kan du testa din köp nu-knapp, och betalningarna kommer att visas i Stripe-instrumentpanelen.

Steg 6: Gå live och börja ta emot betalningar.

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 kommer vi att visa dig hur du använder båda metoderna.

Steg 1: Installera och aktivera Easy Digital Downloads.

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.

Steg 2: Konfigurera din betalningsgateway.

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.

Viktigt: För att popup-fönstret för omedelbart ‘Köp nu’ ska fungera måste du välja endast en betalningsgateway. Om du aktiverar flera gateways kommer knappen fortfarande att fungera, men den kommer att omdirigera användare till din huvudsakliga kassasida för att välja betalningsmetod istället för att visa popup-fönstret.

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.

Steg 3: Skapa en ny nedladdningsbar produkt.

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.

Steg 4: Ställ in produktpriset och ladda upp filen.

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.

Steg 5: Ändra knappens beteende till ‘Köp nu’.

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.

Steg 6: Lägg 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 i din onlinebutik är att använda pluginet Buy Now Button for WooCommerce.

Det lägger automatiskt till en köp nu-knapp på dina produktsidor, och du kan enkelt anpassa hur den ser ut och fungerar från dina WooCommerce-inställningar.

Steg 1: Installera och aktivera pluginet.

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

Steg 2: Konfigurera inställningarna för köp nu-knappen

Efter aktivering, gå till sidan WooCommerce » Inställningar » Köp nu » Allmänt från din WordPress-instrumentpanel. Här måste du markera rutan 'Aktivera köp nu-knapp'.

Därefter kan du välja att omdirigera kunder direkt till kassasidan (och hoppa över kundvagnssidan) eller visa kassaformuläret i ett popup-fönster istället.

Du kan också ställa in knappens position på produktsidan så att den visas före eller efter knappen 'Lägg i kundvagn', eller till och med före eller efter kvantitetsinmatningen.

Dessutom kan du ändra knapptexten till något som "Köp nu", återställa kundvagnen före ett nytt köp och ta bort kvantitetsinmatningen för att effektivisera kassaflödet.

När du är klar, glöm inte att klicka på knappen 'Save Changes' för att spara dina inställningar.

Byt sedan till fliken 'Anpassa' högst upp för att justera knappens utseende.

Du kan använda ditt temas standardstil eller anpassa den med dina föredragna text-, bakgrunds- och kantfärger, inklusive hover-lägen.

Du kan också justera knappens dimensioner, lägga till utfyllnad, marginaler och anpassa bredd eller höjd. För mer kontroll kan du lägga till anpassad CSS.

När du är nöjd med inställningarna, se till att spara dina ändringar.

Steg 3: Kontrollera dina produktsidor

Besök nu en produktsida i din WooCommerce-butik. Du bör se den nya 'Köp nu'-knappen visas bredvid standardknappen 'Lägg i varukorg'.

När en kund klickar på den kommer de att omdirigeras direkt till kassan eller se en popup, beroende på dina inställningar.

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, här är några fler beprövade strategier för att förbättra din webbutik och sälja mer:

• Visa produktrekommendationer: Föreslå relaterade produkter för att hjälpa kunder att hitta artiklar de kanske gillar. Detta förbättrar deras shoppingupplevelse och kan göras genom uppförsäljning, korsförsäljning eller automatiserade e-postmeddelanden.
• Lägg till en kundrecensionssida: Bygg förtroende hos nya kunder genom att visa dem positiva erfarenheter från tidigare köpare. För steg-för-steg-instruktioner, se vår guide om hur man lägger till en kundrecensionssida i WordPress.
• Använd FOMO för att öka konverteringar: FOMO, eller 'rädsla för att missa något', skapar en känsla av brådska. Du kan använda denna taktik genom att marknadsföra tidsbegränsade erbjudanden eller visa nedräkningstimer på din webbplats. För fullständiga instruktioner, se vår guide om att använda FOMO för att öka konverteringar på din WordPress-webbplats.

Dessa knep hjälper dig att öka försäljningen och ta din butik till nästa nivå.

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.