Hur man skapar en One-Click Checkout i WordPress (5 sätt)

Efter att ha hjälpt till att bygga upp och få många onlineföretag att växa vet vi att optimering av kassan för en smidigare upplevelse är en av de högsta prioriteringarna för webbplatser för e-handel.

Det är därför vi rekommenderar att du skapar en kassa med ett klick.

Att minska friktionen i kassan med ett alternativ med ett klick kan förbättra kundupplevelsen och öka konverteringen genom att ge en bekväm shoppingupplevelse. Eftersom det hjälper användarna att slutföra transaktioner snabbare kan det också göra dem mer benägna att återvända.

I den här artikeln får du lära dig hur du skapar en kassa med ett klick i WordPress för att öka försäljningen.

Varför behöver du skapa en One-Click Checkout i WordPress?

Långa checkout pages kan driva bort besökare som skulle vara intresserade av att göra ett köp. Att behöva clicka sig igenom en lista med kassafält och fylla i en massa onödig eller repetitiv information gör att köpprocessen drar ut på tiden.

Ju längre kassaprocessen är, desto större är risken att kunderna kommer att hoppa av vid något tillfälle.

Den genomsnittliga andelen övergivna kundvagnar är 70,19%, och 22% av kunderna angav att en för lång eller för komplicerad utcheckningsprocess var orsaken till att de övergav kundvagnen.

Det är där kassaprocessen med ett klick kommer in. Det är så enkelt som att lägga till en köp-nu-knapp, så att återkommande klienter får njuta av en strömlinjeformad kassaprocess.

En kassa med ett klick gör att klienci kan köpa varor online med bara ett klick på en knapp utan att behöva ange sina leverans-, fakturerings- och betalningsuppgifter varje gång de gör ett köp.

Det liknar funktionen för automatisk komplettering, förutom att användare inte ens behöver fylla i fälten eftersom din website automatiskt kommer att behandla transaktionen utan att ens gå till kassan page.

Besökarna kan slutföra sina köp snabbt med bara ett enda klick, vilket leder till högre konverteringsgrad och färre övergivna kundvagnar. Oavsett om du har en webbutik, ett serviceföretag, en medlemssajt eller någon annan typ av webbplats är det ett enkelt och smidigt sätt att öka försäljningen.

Med detta sagt kommer vi att täcka de fem metoderna för att lägga till en kassa med ett klick i WordPress:

Metod 1: Skapa en kassa med ett klick i WordPress med WPForms (enkelt + gratis alternativ)

Med WPForms kan du enkelt skapa en kassaprocess med ett klick för köpare. WPForms är en form builder som allow you att enkelt bygga all typer av formulär utan någon code.

Dra-och-släpp-byggaren låter dig enkelt samla in betalningar med Stripe betalningsfunktionalitet så att du kan skapa betalningsformulär, användarregistreringsformulär, formulär för godkännande av utgifter och mycket mer. Med 2000+ mallar att välja mellan kan du praktiskt taget hitta vilken formulärstyp som helst, vilket innebär att du aldrig behöver börja från början.

För att börja, ladda ner och aktivera WPForms plugin. För mer information, kolla in vår przewodnik om hur du installerar ett WordPress-plugin.

Efter aktivering, head över till WPForms ” Settings page från din WordPress adminpanel. Gå sedan till tabben Payments.

Under Stripe måste du trycka på knappen ”Anslut med Stripe”.

Detta redirectar dig till Stripe connection wizard, där du kommer att kunna ansluta till ditt befintliga konto eller skapa ett new account.

Följ stegen i guiden för anslutning till Stripe.

När du har completed stegen kommer du tillbaka till WordPress dashboard.

Du bör se en grön bock som indikerar att ditt Stripe account nu är anslutet till WPForms.

Nu kan du börja godkänna Payments på din website och är nu redo att skapa ditt checkout-formulär.

Gå till WPForms ” Add New. Härifrån kan du namnge ditt formulär, vilket kommer att vara till hjälp för referens senare.

Välj sedan en template för betalningsformulär som passar dina behov.

I den här poradniken använder vi mallen Stripe Payment Form. Under mallen klickar du på ”Använd mall”.

Du kommer att tas in i drag and drop-formulärets editor, där du enkelt kan customize formuläret efter dina behov.

När du vill lägga till ett fält är det bara att dra och släppa det från panelen ”Add Fields” till vänster till höger. Om du vill redigera fälten klickar du på elementet och kan göra justeringar under ”Field Options”.

Om du till exempel skulle skapa ett grossistformulär kan du redigera flervalsfältet med radioknappar.

Klicka sedan på elementet och under ”Field Options” kan du lägga till de olika produkterna.

Du måste aktivera Stripe Checkout Link, en kassalösning med ett klick som säkert lagrar alla kundens detaljer och tillåter köpare att återanvända dem på din site. De använder PCI-kompatibla servrar på nivå 1, vilket innebär att dina kunders data är krypterade och säkra.

För att aktivera utcheckningsalternativet Stripe Link, head över till Settings ” Payments page i Stripe. Gå sedan till tabben Betalsätt.

Härifrån väljer du menyn ”WPForms LLC” för Select Platform.

Detta ansluter alla tillgängliga betalsätt från ditt Stripe account till WPForms.

Rulla ner på sidan så ser du de olika betalsätten och settings för WPForms.

Kontrollera att alternativet Link för expressutcheckning är Activate.

Därefter går du tillbaka till WordPress för att slutför skapandet av ditt kassaformulär. Gå till tabben Payments ” Stripe.

Aktivera sedan alternativet ”Enable one-time payments” så att Stripe aktiveras i ditt formulär.

När du är klar med det trycker du på knappen ”Save”.

Klicka sedan på ”Embed”.

You should see a popup message appear. Här kan you välja att embedda formuläret i en befintlig page eller skapa en new page.

Förutsatt att du redan har en kassasida trycker vi på knappen ”Select Existing Page”.

Formuläret ska automatiskt embedas in i den page you väljer.

Därifrån trycker du bara på knappen ”Publicera” eller ”Update” högst upp.

Se till att previewa utcheckningsformuläret och se om betalningarna går igenom till ditt Stripe Checkout account.

När den är aktiverad kommer den att fylla i deras credit card details som är saved på Stripe.

Tänk på att kunder med Stripe-konton kommer att uppmanas att ange en engångskod för autentisering för att använda Link.

Metod 2: Skapa en One-Click Checkout i WordPress med WP Simple Pay (flera betalsätt)

WP Simple Pay är ett annat bra alternativ för att godkänna engångs- och återkommande betalningar på WordPress. Detta är det bättre valet om du vill erbjuda en mängd olika betalsätt för din kassaprocess med ett click.

WP Simple Pay erbjuder 13+ betalningsmetoder, inklusive debet- och kreditbetalningar, ACH-debitering, Google Pay, Apple Pay, Venmo och mer. Du kan också ge klienci möjlighet att”Köp nu och betala senare” med Klarna.

För att komma igång, installera och aktivera pluginet WP Simple Pay. Vid aktivering kommer du att tas till kreator konfiguracji, som kommer att przewodnik dig genom processen att acceptera betalningar på din webbplats.

Se till att följa stegen alltigenom.

Du kommer också att bli ombedd att ansluta ditt Stripe-konto. Om du inte har ett Stripe-konto kan du skapa ett.

När du har completed setup wizard visas en success page som bekräftar att installationen är slutförd.

Gå sedan till WP Simple Pay ” Settings page. Under Stripe tabs, se till att Stripe account är anslutet och att du är i ”Live Mode”.

Innan du börjar skapa ditt betalningsformulär måste du också se till att Stripe Link är aktiverad.

För att göra det, gå till Settings ” Allmänt tabs. Sedan, under fliken Avancerat, kontrollera boxen ”New Payment Experience”.

Härifrån är du redo att börja customize ditt utcheckningsformulär.

Head över till WP Simple Pay ” Add New, och du kommer att tas till ett bibliotek med tillgängliga templates.

You can choose any template that fits your needs, but we’ll be using the Payment Form template for this tutorial. Under namnet på templaten väljer du ”Use Template”.

Därefter kommer du till en form builder. I tabben Allmänt kan du fylla i den information som behövs.

Ge formuläret en titel och en beskrivning. Du kan också kontrollera alternativen CAPTCHA och e-postverifiering för att förhindra skräppost.

Därifrån navigerar du till tabben Payment så att du kan börja justera alternativen för prissättning och valuta.

Du kan också ställa in priset till ett engångs- eller prenumerationsalternativ.

Under det kan du ha ett brett utbud av betalsätt att välja mellan.

Klicka på checkboxarna för de alternativ som du vill godkänna.

På tabben Form Fields kan du lägga till vilka fält du vill genom att välja dem i dropdown-menyn och clicka på ”Add Field”. Du kan också editera dina befintliga fält.

För att aktivera Stripe Link, förstora dropdown-menyn Email Address. Sedan måste du klicka på kryssrutan under ”Offer Saved Payment Methods.

Sedan, head över till ditt Stripe account. Gå till Settings ” Payments page.

Under kartan Betalningsmetoder väljer du ”WP Simple Pay” i rullgardinsmenyn ”Välj plattform”.

Gå sedan tillbaka till WordPress och slutför customize av ditt betalningsformulär.

När du är completed, gå vidare och tryck på ”Publicera”.

Nu kan du gå till vilken page du vill och add to det nyskapade formuläret.

Tryck på ikonen ”+” och add sedan till blocket WP Simple Pay.

Välj sedan det betalningsformulär som du just har skapat, så ska det visas på sidan.

Klicka på knappen ”Publicera” eller ”Update” högst upp.

Nu har du utan problem skapat en kassaupplevelse med ett klick med WP Simple Pay.

Se till att previewa formuläret för att säkerställa att det fungerar.

Metod 3: Skapa en One-Click Checkout i WordPress med Easy Digital Downloads (Digitala produkter)

Om du säljer digitala produkter finns det inget bättre plugin för att skapa en kassa med ett klick i WordPress än Easy Digital Downloads.

Med över 50 000+ användare tillåter detta plugin dig att enkelt hantera och sälja digitala produkter som gillar e-böcker, PDF-filer, ljud, onlinekurser, templates och mer.

För att komma igång måste du installera och aktivera Easy Digital Downloads. Vid aktivering skapar pluginet automatiskt en checkout- och cart page åt you.

Med det sagt kan vi lägga till en kassaprocess med ett klick genom att lägga till en köp nu-knapp med EDD. Knappen köp nu kringgår automatiskt processen add to cart och checkout, och skickar kunden direkt till betalning.

I den här tutorialen antar vi att du redan har skapat en digital produkt på EDD. Men om du inte har det, bör du läsa vår guide för nybörjare om hur man säljer digitala downloads på WordPress.

Gå först till sidan Downloads ” Settings i adminpanelen i WordPress.

Under fliken Payments ” Stripe vill du klicka på ” Anslut med Stripe.

Du kommer att tas till Stripe Connect Wizard.

Anslut bara ditt befintliga Stripe account eller skapa ett new.

När du har anslutit dig kommer du tillbaka till WordPress.

You should see that Stripe is one of the payment alternatives checked off in the General tabs.

Dessutom måste du gå till din Stripe konto. Gå sedan över till Settings ” Payment page.

Under tabben ”Payment Methods”, se till att välja alternativet ”Easy Digital Downloads” från dropdown-menyn ”Select platform”.

Genom att göra det, varje gång någon köper dina digitala produkter, kommer Stripe Link att aktiveras, och deras credit card information kommer automatiskt att completed i fälten.

Gå sedan till sidan Downloads ” Downloads. Leta sedan upp en digital produkt som du vill add to med knappen Köp nu och click ”Edit”.

När du är i Block Editor klickar du på den svarta widgeten för sidopanelen högst upp.

Rulla nedåt i panelen tills du kommer till Button Options. Därifrån väljer du ”Buy Now” i dropdown-menyn.

Sedan klickar du på knappen ”Publicera” eller ”Update”.

From here, you can preview your page, and you should see a ”Checkout” button at the bottom of your product page, which takes you straight to the checkout page. Sedan kan du enter din email, och Stripe kommer att autofylla din fakturering och payment details.

Metod 4: Skapa en One-Click Checkout i WordPress med hjälp av FunnelKit (eCommerce Stores)

Om du har en ecommerce store, FunnelKit Funnel Builder är det bästa valet för att ställa in din express checkout process.

Med den här populära säljtrattbyggaren kan du enkelt skapa en försäljningstratt med hög konvertering för att öka ditt genomsnittliga ordervärde, minska antalet övergivna kundvagnar och fånga fler leads.

Du kan göra allt från att skapa lead capture-sidor och orderbumpar till att skapa kassaformulär och glidande sidovagnar. Det bästa av allt är att du inte behöver skriva någon kod.

För den här metoden behöver du redan konfigurera dina produktsidor för WooCommerce. Om du inte har ställt in din butik ännu, kolla in vår kompletta steg-för-steg WooCommerce poradnik.

För att komma igång installerar och aktiverar du FunnelKit Automation plugin. Efter aktivering, heada över till FunnelKit ” Cart. Du kommer att vilja aktivera alternativet ”Aktivera Cart”. Under tabben ”Express Checkout” klickar du på ”Connect with Stripe.

Efter det kommer du att tas till Stripe Connect Wizard.

Följ bara stegen för att ansluta ditt Stripe-konto till FunnelKit eller skapa ett new account.

När ditt Stripe account är anslutet till FunnelKit kommer du att tas tillbaka till WordPress.

Du vill aktivera alternativet ”Credit Card (Stripe)” och sedan trycka på ”Save and Continue.

Därefter kommer du att bli ombedd att ställa in en webhook så att du automatiskt kan behandla betalningar med ett enda click.

Click på ”Setup Webhook Now.

Härifrån måste du aktivera alternativet för expressutcheckning för Google Pay och Apple Pay.

Tryck sedan på knappen ”Bekräfta”.

You should see a confirmation message that says that the Stripe setup is successful.

Välj gratis ”Live”-läget om du är redo att börja godkänna betalningar. Annars kan du välja alternativet ”Test” för nu. Klicka sedan på ”Save and Review Settings”.

Därefter vill du gå tillbaka till FunnelKit ” Cart. Sedan, under fliken Express Checkout, aktiverar du helt enkelt alternativet ”Aktivera Express Checkout på Cart”.

Tryck sedan på knappen ”Save” för att spara ändringarna.

När det är aktiverat är du redo att köra.

Gå bara till en live product page för att se den i action.

När en customer väljer alternativet ”Pay Now” kommer ett fönster att dyka upp.

Alla detaljer om betalningen som är saved till deras Google och Apple Pay accounts kommer automatiskt att visas.

Metod 5: Skapa en kassa med ett klick i WordPress med WooCommerce (gratis)

Om du vill ha en gratis metod för att add to one-click checkout i din WooCommerce store, då kan du download the Direct Checkout for WooCommerce plugin.

Det är ett gratis plugin som add to en one-click buy knapp till din store.

Efter aktivering, gå till WooCommerce ” Settings page. Navigera sedan till Payments ” Express Checkout.

Härifrån klickar du på kryssrutan som säger ”Aktivera Express Checkout”.

Pluginet erbjuder ett brett utbud av customizes. You can customize where you want the one-click checkout button to appear, as well as the color of the button and the text shown.

Nu är du all.

Gå bara till en produkt page eller your storefront för att se knappen för utcheckning med ett klick.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en kassa med ett klick i WordPress. Du kanske också vill se vår lista över de bästa WooCommerce-pluginsen för din butik och vår poradnik om hur du säljer en enda produkt online i WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.