Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man addar knappar för expressutcheckning i WooCommerce

Vill du add to en express checkout knapp till din online store?

Express checkout hjälper till att effektivisera utcheckningsprocessen och förbättrar den övergripande shoppingupplevelsen för dina customers. Det kan också öka konverteringen och minska antalet övergivna cart.

I den här artikeln kommer vi att visa you hur man enkelt addar express checkout knappar i WooCommerce.

How to add express checkout buttons in WooCommerce

Varför add to Express Checkout i WooCommerce?

Att lägga till expressutcheckning i din WooCommerce store ger en bättre shoppingupplevelse för dina customers.

Det allow customers to go directly to the payment page and skip the shopping cart or checkout pages. De behöver inte heller gå till en page hos en payment provider eller fylla i ett checkout-formulär för att slutföra sina köp.

Knapparna för expressutcheckning gör hela köpprocessen snabbare. Customers kan helt enkelt clicka knapparna och logga in för att betala för de produkter de vill köpa i ett omedelbart ögonblick. Som ett resultat kan du se en ökning av konverteringar och färre övergivna carts.

Att lägga till expressutcheckning hjälper också mobila användare där deras vyer är små. Customers kommer bara att trycka på knapparna för att snabbt köpa produkterna.

WooCommerce erbjuder dock inte ett alternativ för expressutcheckning som standard. Du måste använda ett WooCommerce plugin för att add to funktionen till din online store.

Med det sagt, låt oss se hur du kan add to express checkout knappar i WooCommerce.

Setting Up FunnelKit på din WooCommerce Store

FunnelKit är det bästa WooCommerce sales funnel tillägget på marknaden. Det låter dig lägga till express checkout knappar och skapa olika funnel pages för din online store.

Det bästa med att använda pluginet är att det fungerar med Stripe, Apple Pay, Google Pay, PayPal Express, Amazon Pay och andra betalningslösningar för expressutcheckning. På så sätt behöver du inte add to varje payment provider till din online store med hjälp av tredjeparts plugins eller extensions.

FunnelKit tillhandahåller också användarvänliga templates och låter dig göra A / B-test. Du kan enkelt customize dina Funnels med hjälp av olika drag and drop page builders. Dessutom finns det flera pre-built templates och automatiseringsfunktioner för dina marknadsföringskampanjer.

FunnelKit

Obs/observera: För denna tutorial kommer vi att använda pluginet FunnelKit Pro eftersom det innehåller premium templates och fler alternativ för customize. Du kan också använda det gratis pluginet Funnel Builder for WordPress by FunnelKit för att add to express checkout-knappar i WooCommerce.

Först måste du installera och aktivera FunnelKit plugin. Om du behöver hjälp kan du följa vår guide om hur du installerar ett plugin för WordPress.

Efter aktivering kommer du att se FunnelKit installationsguiden. Gå vidare och klicka på knappen ”Kom igång”.

Start FunnelKit setup wizard

Efter det måste du enter din license key. Du hittar nyckeln i FunnelKit account area.

Klicka bara på knappen ”Activate” när du har enterat license key.

Enter FunnelKit license key

Därefter kommer FunnelKit att be dig att installera viktiga tillägg. Dessa inkluderar WooCommerce, Stripe, FunnelKit Automations och FunnelKit Cart.

Det bästa är att du bara behöver klicka på knappen ”Install and Activate”, så tar FunnelKit hand om resten.

Install essential plugins

När tilläggen är aktiva är det sista steget att ange din email address.

När det är gjort klickar du bara på knappen ”Submit & Finish”.

Enter email and finish setup

Du kommer nu att se ett success message. Du är redo att skapa Funnels med hjälp av pluginet och lägga till express checkout knappar till din WooCommerce store.

Gå vidare och klicka på knappen ”Gå till Funnels” för att fortsätta.

Close the congratulations message

Aktivera betalningslösningar i WooCommerce

Innan du går vidare, se till att du har konfigurerat minst en tjänst för betalning i din WooCommerce store.

För att göra det, gå bara till WooCommerce ” Settings från din WordPress dashboard och klicka på fliken ”Payments”.

Enable payment services in WooCommerce

Efter det kan du klicka på toggle för att aktivera den betalningslösning du väljer och klicka på knappen ”Finish set up” för att slutföra konfigurationen.

För att lära dig mer kan du följa vår guide om hur man tillåter användare att välja betalsätt i WooCommerce.

Lägga till knappar för expressutcheckning i WooCommerce

När du har aktiverat dina önskade betalningslösningar kan du heada till FunnelKit ” Store Checkout page från din WordPress adminpanel.

Härifrån klickar du bara på knappen ”Create Store Checkout”.

Create store checkout

På nästa vy kommer FunnelKit att visa dig professionellt utformade templates för din kassasida. Det låter dig också skapa en kassasida from scratch.

Vi rekommenderar dock att du använder en template och snabbt customize den enligt dina obligatoriska krav.

Håll bara hovern över en template som du gillar att använda och click the ”Preview” knapp.

Previewing FunnelKit's WooCommerce templates

För denna tutorial kommer vi att använda Livewire templates.

Gå sedan vidare och klicka på knappen ”Importera denna Funnel” högst upp.

Import the funnel template

Beroende på vilken template du använder kan FunnelKit be dig att installera ytterligare tillägg som Elementor för att edit kassasidan.

Därefter måste du ange ett namn för din butik och klicka på knappen ”Add”.

Enter a name for your checkout page

Efter det kommer du att se alla steg som ingår i templaten.

You can simply click the ’Edit’ button for the Checkout page to continue.

Edit the checkout page

Därefter kan du byta till fliken ”Optimeringar”. Härifrån aktiverar du helt enkelt alternativet ”Express Checkout Buttons”.

FunnelKit låter dig också välja positionen för knapparna från följande alternativ:

  • Högst upp på checkout page
  • Före/efter produktbytet
  • Före/efter ordern summary
  • Ovanför betalningslösningarna
Enable express checkout

När du är klar klickar du bara på knappen ”Save Changes”.

Nu har du utan problem add to express checkout knappar till din online store.

Om du vill editera utseendet på sidan för kassan kan du gå till tabben ”Design” och klicka på knappen ”Edit Template”.

Edit the template

Du kan lära dig mer genom att följa vår guide om hur du customize WooCommerce checkout page.

När you har gjort dina ändringar är det bara att besöka din store för att view express checkout knapparna i action.

Express checkout buttons preview

Dessutom hjälper FunnelKit dig att upsella produkter i WooCommerce. På så sätt kan du öka försäljningen genom att uppmuntra användare att köpa fler produkter.

Du kan också ställa in automatiserade email i WooCommerce med hjälp av FunnelKit Automations, en systerprodukt till FunnelKit. Detta plugin låter dig skapa automatiserade arbetsflöden och skicka e-postkampanjer till customers.

Bonus: Skapa en One Click Checkout i WooCommerce för GPay

Om metoden ovan verkar komplex och dyr, kan du också add to en knapp med ett klick i kassan i WooCommerce för GPay. Det är en mobil betalningstjänst från Google som låter dig betala med din Android-telefon, klocka eller surfplatta.

För detta kan du använda Direct Checkout för WooCommerce plugin som är helt gratis. Tänk dock på att det bara adderar en buton för GPay och inte kommer att ha support för Stripe eller PayPal.

Efter aktivering av plugin, besök bara WooCommerce ” Settings ” Payment page och växla till fliken ”Express Checkout”. Här kontrollerar du alternativet ”Aktivera Express Checkout”.

enable express checkout in woocommerce

Efter det kan du konfigurera resten av inställningarna för att customize din knapp. Slutligen klickar du på knappen ”Save Changes” för att spara dina inställningar.

Du har nu add to en ”Köp GPay”-knapp till din store. För detaljer, se vår tutorial om hur du skapar en kassa med ett klick i WordPress.

express checkout live preview

Vi hoppas att den här artikeln hjälpte dig att lära dig mer om hur du addar knappar för expressutcheckning i WooCommerce. Du kanske också vill se vår lista över de bästa WooCommerce-tilläggen för din store och hur man skapar en WooCommerce popup för att öka försäljningen.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. 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 editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

2 kommentarerLämna ett svar

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph

    The easier the purchasing process, the more customers will be converted. This is what I learned years ago. Express checkout bumped my earning by almost 10% and I always lurk into articles how to make it even better. I may use method presented in this guide on my new website. This looks really solid.

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åra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.