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?

Huvudanledningen till att lägga till en 'Köp nu'-knapp är att snabba upp köpprocessen för dina kunder. Genom att skicka shoppare direkt till kassan kan du minska övergivna varukorgar 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 kassa uppmuntrar impulsköp och kan öka konverteringar, särskilt när den används på reor 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?

Innan vi går igenom handledningen, här är en snabb jämförelse av alla 3 metoder:

Metod	Bäst för	Viktiga funktioner & överväganden
WP Simple Pay	Enkla engångsbetalningar, tjänster, enskilda produkter, donationer, evenemangsregistreringar.	✅Accepterar kreditkort, Apple Pay, Google Pay, ACH banköverföring. ✅Ingen fullständig e-handelsbutik krävs. ✅Pro-planen har återkommande betalningar, skatteberäkningar och alternativ för "köp nu, betala senare".
Easy Digital Downloads	Försäljning av digitala produkter som e-böcker, programvara, kurser, musik eller digital konst.	✅Designad för digitala varor. ✅Har en inbyggd "Köp nu"-knapp med omedelbar utcheckning. ✅Integrerar med Stripe och PayPal.
WooCommerce	Befintliga WooCommerce-butiker som säljer fysiska eller digitala produkter.	✅Lägger till en "Köp nu"-knapp direkt på befintliga produktsidor. ✅Låter kunder hoppa över varukorgen och gå till kassan. ✅Anpassningsbar knapptext, position och stil.

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

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, icke-vinstdrivande organisationer eller alla som letar efter ett snabbt köp nu-knappalternativ för WordPress.

WP Simple Pay är det bästa Stripe-betalningspluginet för WordPress. Under testning fann vi det superenkelt att acceptera kreditkortsbetalningar, Apple Pay, Google Pay, ACH bankdebitering 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, skriv helt enkelt in 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 gratis WP Simple Pay-pluginet 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 kommer WP Simple Pay att använda 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 du lägger till en kortkod i WordPress.

Om du har publicerat din knapp i testläge kommer dina betalningar att visas i Stripes testdata. För att se dessa transaktioner måste du aktivera testläge i din Stripe-instrumentpanel.

Efter att ha loggat in, leta efter en växlingsknapp för att visa testdata, vanligtvis placerad i det övre högra hörnet av sidan.

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 recension av Easy Digital Downloads.

Pluginet ger dig några sätt att lägga till en köp nu-knapp i WordPress.

Som standard kommer Easy Digital Downloads att visa en 'Lägg i varukorg'-knapp 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å är Easy Digital Downloads förinstallerat, så att 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 i månaden!

Om du använder någon annan hostingleverantör, då behöver du installera och aktivera Easy Digital Downloads-pluginet. 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 det kostnadsfria Easy Digital Downloads-pluginet, eftersom det har allt du behöver för att skapa en enkel "köp nu"-knapp. Det finns också en proffsversion 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'.

För att konfigurera Stripe, klicka på fliken ‘Stripe’ och sedan på knappen ‘Connect with Stripe’.

Detta öppnar en installationsguide som hjälper dig att ansluta din webbplats till Stripe.

Om du istället vill använda PayPal, klicka på fliken ‘PayPal’. Du kan sedan välja knappen ‘Connect with PayPal in live mode’.

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.

Efter att ha anslutit din betalningsgateway, glöm inte att klicka på knappen ‘Save Changes’ längst ner på sidan.

Gå sedan till Nedladdningar » Inställningar och klicka sedan på fliken ‘Allmänt’.

Under avsnittet ‘Aktiva gateways’ kan du nu klicka på växlingsknappen 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.

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

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. Detta 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 man 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 kanske du vill använda "köp nu"-knappar i andra delar av din onlinebutik.

Till exempel, om du har en landningssida som marknadsför en viss produkt, då kanske du tillåter kunder att starta kassan 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.

Efter det, öppna helt enkelt 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 kunden kommer att köpa direkt.

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. Nu, om du besöker din WordPress-webbplats, kommer du att se "köp nu"-knappen i aktion.

Metod 3: Lägg till en köp nu-knapp till din WooCommerce-butik

Om du driver en WooCommerce-butik, då kanske du vill lägga till en "köp nu"-knapp på dina produktsidor. Detta tillåter kunder att starta kassan direkt från produktsidan, vilket ofta minskar övergivna kundvagnar.

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 stoppning, marginaler och justera 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 merförsäljning, korsförsäljning eller automatiserade e-postmeddelanden.
• Lägg till en sida för kundrecensioner: 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 sida för kundrecensioner i WordPress.
• Använd FOMO för att öka konverteringar: FOMO, eller 'fear of missing out', 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 hur man använder 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å.

Vanliga frågor om att lägga till en Köp nu-knapp i WordPress

Här är några frågor som våra läsare ofta har ställt om att lägga till en Köp nu-knapp i WordPress:

Är Köp nu bättre än Lägg i varukorg i WordPress?

Köp nu är bättre än Lägg i varukorg när målet är snabbare utcheckningar och färre steg. Lägg i varukorg fungerar bättre för butiker där kunder kan vilja köpa flera produkter samtidigt.

Hur kan du lägga till en följknapp på din webbplats i WordPress?

Du kan lägga till en följknapp på din WordPress-webbplats med hjälp av ett plugin för sociala medier som Smash Balloon eller inbyggda block. Dessa knappar placeras vanligtvis i sidhuvudet, sidfoten eller sidofältet för bättre synlighet.

För att komma igång, se vår handledning om att lägga till en Facebook-följknapp i WordPress.

Vad är skillnaden mellan Shop Now och Buy Now-knappar?

Shop Now tar användare till en produkt- eller butikssida för surfning, medan Buy Now skickar dem direkt till kassan. Shop Now används för utforskning, medan Buy Now används för snabba köp.

Hur påverkar CTA:er SEO i WordPress?

CTA:er påverkar SEO i WordPress indirekt. Sökmotorer rankar inte sidor enbart baserat på knappar, men starka CTA:er kan förbättra klickfrekvens, tid på sidan och konverteringar. Dessa engagemangssignaler kan positivt påverka SEO över tid.

Hur skapar man en egen anpassad knapp i WordPress?

Du kan skapa en anpassad knapp i WordPress med hjälp av knappe-blocket eller ett plugin. Detta gör att du kan anpassa text, färger, storlek och länk för att matcha din design.

Vad är skillnaden mellan en länk och en knapp i WordPress?

En länk är vanlig text som leder användare till en annan sida, medan en knapp är ett stiliserat element utformat för att dra uppmärksamhet och uppmuntra klick. Knappar används vanligtvis för viktiga åtgärder, medan länkar används för navigering.

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 gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.