Så här addar du ett fält för gratis frakt i WooCommerce

Ibland skickar en av våra läsare ett message till oss och frågar om det är möjligt att erbjuda gratis frakt i en WooCommerce store. Det är det, och vi vet att erbjuda gratis frakt är ett av de bästa sätten att öka försäljningen.

Vi har hjälpt tusentals användare att skapa en online store och öka konverteringen. Gratis frakt är ett bevisat sätt att minska antalet övergivna cart och öka den totala konverteringen. Utmaningen är att de flesta ägare av butiker misslyckas med att lyfta fram erbjudandet om gratis frakt.

I den här artikeln kommer vi att lära you hur man add to en bar för gratis frakt i WooCommerce för att öka försäljningen.

Lägga till en bar för gratis frakt i WooCommmerce

Fraktkostnader är en av de högst upp orsakerna till övergiven försäljning av cart. Många onlinebutiker hanterar detta genom att erbjuda gratis frakt.

Att låta customers veta om ditt erbjudande om gratis frakt är ett bra sätt att öka försäljningen från din online store.

Här är ett exempel på en banner för gratis frakt. Det är ett framträdande element på webbplatsen som håller sig högst upp på vyn när användaren rullar ner:

Som du kan se uppmuntrar exempelbutiken ovan användarna att spendera ett visst Amount för att få gratis frakt. Detta är bra för att öka värdet på ordern på cart och den totala försäljningsvolymen.

Du kan aktivera gratis frakt med incitament genom att använda Advanced Coupon plugin för WooCommerce.

Oavsett hur du aktiverar gratis frakt är det viktigt att lyfta fram det på din site, och det är där en bar för gratis frakt kommer in i bilden.

För att skapa fraktfältet kommer vi att använda OptinMonster. Det är ett kraftfullt verktyg för att skapa alla typer av popups i WordPress.

Skapa ett OptinMonster account och anslut WordPress

Först måste du besöka OptinMonsters website och registrera dig för ett account. Det är den bästa programvaran för lead-generering och plugin för konverteringsoptimering för WordPress.

Note: OptinMonster skapades av Syed Balkhi, WPBeginners grundare. Det är ett extremt populärt optin-verktyg som vi använder här på WPBeginner, och vi rekommenderar det starkt.

Du kan läsa vår kompletta OptinMonster-recension för mer detaljer.

När du har registrerat dig för OptinMonster är nästa steg att installera och aktivera OptinMonsters gratis plugin för WordPress. Vänligen se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Detta plugin ansluter OptinMonster-appen till din WordPress site. När du har aktiverat det klickar du på OptinMonster-menyn i din WordPress dashboard. Klicka sedan på knappen ”Connect Your Account” och anslut WordPress till ditt OptinMonster-konto.

Skapa en bar för gratis frakt för WooCommerce

Nu kan du skapa din bannerbar för gratis frakt.

Gå först till OptinMonster-sidan i din WordPress dashboard och klicka sedan på knappen ”Add New” högst upp till höger eller klicka på knappen ”Skapa din första kampanj”.

Ett new popup-fönster öppnas där du kan välja templates eller playbooks.

OptinMonster erbjuder beautiful templates för din kampanj. Du kan välja en och customize den efter dina behov. Å andra sidan erbjuder det också färdiga kampanjer som är inspirerade av varumärken utan problem.

I den här tutorialen väljer vi alternativet ”Templates”.

Detta kommer att ta dig till OptinMonster kampanjbyggare.

Här måste du select ”Floating Bar” som your campaign type.

Därefter rullar du ner och väljer din kampanj templates. OptinMonster har ett stort utbud av professionella templates att välja mellan. För muspekaren över templaten och klicka på knappen ”Use Template”.

OptinMonster kommer nu att be dig att namnge din kampanj. Du kan använda vilket namn du gillar här.

När du är klar klickar du bara på knappen ”Starta byggnation”.

Du kommer då att se OptinMonster-byggargränssnittet, där det finns olika block som du kan lägga till i templaten.

Som standard kommer det flytande fältet att klistra sig längst ner på vyn. Om du vill ha den högst upp på vyn istället är det enkelt att ändra.

Välj bara det flytande fältet och klicka sedan på ”Floating Bar Settings” i menyn till vänster. Aktivera sedan alternativet ”Load Floating Bar at Top of Page?”.

För att ändra texten i fältet klickar du helt enkelt på den.

Du kan customize texten efter behov. You can also change the font style, color, font size, and more. Preview av din kampanj uppdateras automatiskt för att visa hur den kommer att se ut live.

Här har vi ändrat texten och fonten. Vi har också ökat storleken på fonten något:

You can change the button on your free shipping bar, too.

Klicka bara på knappen, så öppnas inställningarna i panelen till vänster. Där kan du ändra texten på knappen.

Om du vill dirigera customize till en page på din website i WordPress om gratis frakt kan du enter korrekt Redirect URL.

Om du vill använda en annan färg för din bar för gratis frakt är det också enkelt. Först klickar du på tabben ”Advanced” i menyn till vänster och ändrar bakgrundsfärgen för knappen.

Därefter måste du selecta de displayregler som kontrollerar vem som ska se fältet för gratis frakt på din site.

Klicka bara på tabben ”Display Rules” högst upp på din vy.

Som standard visar OptinMonster din flytande bar efter att användaren har varit på någon page på din site i 5 sekunder.

You kanske vill att din bar för gratis frakt ska laddas omedelbart. För att göra detta tar du helt enkelt bort denna regel. Click the minus icon on the right-hand side to do so:

Nu borde du ha kvar regeln ”Current URL path is any page”.

Notis: Du kan också välja olika displayregler. Du kan till exempel visa fältet för gratis frakt vid avslutning eller för användare från specifika geografiska regioner eller när de besöker en viss produkt page.

Det sista steget är att göra din kampanj Live på din site. Click the ”Publicera” tabs at the top of the screen.

Medan du bygger din kampanj är den pausad som standard. You can switch it from Draft to Publicera.

När du har gjort det klickar du bara på knappen ”Save” och stänger kampanjbyggaren.

Därefter ser du Campaign Output Settings för din gratis frakt alert bar. Se till att statusen är Publicerad, eller klicka bara på dropdown-menyn och ändra den från Inventerad granskning till Publicerad.

Glöm inte att clicka på knappen ”Save Changes” när du är klar.

Nu kan du besöka din WordPress blogg eller website och se din bar för gratis frakt live.

Här är en preview av hur en alert bar såg ut på vår demo shopping site.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du addar en bar för gratis frakt i WooCommerce. Du kanske också vill kontrollera vår lista över de bästa WooCommerce-tilläggen för din online-butik och vår jämförelse av de bästa företagstelefonitjänsterna med smarta funktioner för samtalsdirigering.

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.