Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man lägger till ett gratis frakt-fält i WooCommerce (steg för steg)

Vi har sett otaliga WooCommerce-butiksägare tappa försäljning helt enkelt för att deras kunder inte hade en aning om hur nära de var att få gratis frakt.

Det är där ett fält för fri frakt kan hjälpa. Tänk på det som en vänlig påminnelse som säger till dina kunder: "Hej, spendera bara lite mer, så står vi för frakten!"

Kunder älskar erbjudanden och hatar att betala extra avgifter. Genom att tydligt visa din gräns för gratis frakt kan du uppmuntra shoppare att lägga till mer i sina varukorgar och öka ditt genomsnittliga ordervärde.

Efter att ha testat flera lösningar har vi funnit att OptinMonster är det snabbaste och enklaste sättet att ställa in en gratis fraktbar i WooCommerce. I den här guiden går vi igenom varje steg för att hjälpa dig att börja öka din försäljning idag.

Lägga till en gratis fraktbar i WooCommerce

Varför visa ett gratis frakt-fält i WooCommerce?

Fraktkostnader är en av de främsta orsakerna bakom försäljning av övergivna kundvagnar. Många onlinebutiker hanterar detta genom att erbjuda gratis frakt.

Att låta kunder veta om ditt erbjudande om fri frakt är ett utmärkt sätt att öka försäljningen från din webbutik.

Här är ett exempel på ett gratis fraktbanderoll. Det är ett framträdande webbplatselement som stannar högst upp på skärmen när användaren scrollar ner:

Exempel på gratis frakt-bar

Som du kan se uppmuntrar exempelbutiken ovan användare att spendera ett visst belopp för att få fri frakt. Detta är utmärkt för att öka värdet på kundvagnsbeställningar och den totala försäljningsvolymen.

Du kan erbjuda gratis frakt i WooCommerce genom att använda Advanced Coupon plugin eller bara genom att ställa in fraktmetoderna i din onlinebutik.

Oavsett hur du aktiverar gratis frakt är det viktigt att tydligt framhäva det på din webbplats, och det är där ett gratis frakt-fält kommer in.

För att skapa fraktfältet kommer vi att använda OptinMonster. Det är den bästa programvaran för leadgenerering och konverteringsoptimeringsplugin för WordPress.

Det är också vad vi använder på WPBeginner och våra partnerwebbplatser för att köra marknadsföringskampanjer. Du kan läsa vår kompletta OptinMonster-recension för mer information.

Här är stegen vi kommer att gå igenom:

Steg 1: Skapa ett OptinMonster-konto

Först måste du besöka OptinMonsters webbplats och registrera ett konto.

OptinMonster

Efter att du har registrerat dig för OptinMonster är nästa steg att installera och aktivera gratis OptinMonster-plugin för WordPress. Se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Det här pluginet kopplar OptinMonster-appen till din WordPress-webbplats. Efter att ha aktiverat det, klicka på OptinMonster-menyn i din WordPress-instrumentpanel. Klicka sedan på knappen 'Anslut ditt konto' och koppla WordPress till ditt OptinMonster-konto.

Anslut OptinMonster till din WordPress-webbplats

Steg 2: Skapa ett WooCommerce-fält för fri frakt

Nu kan du skapa den flytande stapeln för att erbjuda gratis frakt i WooCommerce.

Gå först till OptinMonster-sidan i din WordPress-instrumentpanel och klicka sedan på knappen 'Lägg till ny' längst upp till höger eller klicka på knappen 'Skapa din första kampanj'.

Skapa ny kampanj

Ett nytt popup-fönster öppnas där du kan välja mallar eller spelböcker.

OptinMonster erbjuder vackra mallar för din kampanj. Du kan välja en och anpassa den efter dina behov. Å andra sidan erbjuder den också färdiga kampanjer inspirerade av framgångsrika varumärken.

För den här handledningen väljer vi alternativet "Mallar".

Välj en mall eller spelbok

Detta tar dig till OptinMonsters kampanjbyggare.

Här behöver du välja 'Flytande fält' som din kampanjtyp.

Välj flytande fältkampanj

Bläddra sedan ner och välj din kampanjmall. OptinMonster har ett stort utbud av professionella mallar att välja mellan. För muspekaren över mallen och klicka på knappen 'Använd mall'.

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

Ange ett namn för din kampanj

När du är redo klickar du bara på knappen 'Starta bygge'.

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

Anpassa den flytande varningsfältet

Som standard kommer den flytande fältet att fästa vid skärmens nederkant. Om du vill ha det högst upp på skärmen istället är det enkelt att ändra.

Välj helt enkelt det flytande fältet och klicka sedan på 'Inställningar för flytande fält' i menyn till vänster. Aktivera sedan alternativet 'Ladda flytande fält högst upp på sidan?'.

Flytta varningsfältet till toppen

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

Du kan anpassa texten efter behov. Du kan också ändra teckensnittsstil, färg, teckenstorlek och mer. Förhandsgranskningen av din kampanj uppdateras automatiskt för att visa hur den kommer att se ut live.

Vi rekommenderar att du visar ditt minimibeställningsbelopp tydligt (till exempel 'Fri frakt på beställningar över 50 $!') för att kvalificera dig för fri frakt.

Denna tydliga kommunikation kan motivera kunder att lägga till fler artiklar för att nå nivån för fri frakt, vilket effektivt ökar ditt genomsnittliga ordervärde.

Här har vi ändrat texten och typsnittet. Vi har också ökat teckenstorleken något:

Redigera texten på gratis fraktbar

Du kan också ändra knappen på ditt gratis frakt-fält.

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

Redigera knapptext och inställningar i gratis frakt-varning

För att dirigera kunder till en sida på din WordPress-webbplats om fri frakt kan du ange den korrekta omdirigerings-URL:en.

Om du vill använda en annan färg för din gratis frakt-bar är det också enkelt. Klicka först på fliken 'Avancerat' i menyn till vänster och ändra bakgrundsfärgen för knappen.

Redigera knappfärg och effekter

Steg 3: Justera regler för att visa gratis fraktbar

Därefter måste du välja visningsreglerna som styr vem som ska se fältet för fri frakt på din webbplats.

Klicka bara på fliken 'Visningsregler' högst upp på skärmen.

Ställa in dina visningsregler i OptinMonster

Som standard visar OptinMonster ditt flytande fält efter att användaren har varit på någon sida på din webbplats i 5 sekunder.

Du kanske vill att din gratis fraktbar ska laddas omedelbart. För att göra detta, ta helt enkelt bort den här regeln. Klicka på minustecknet på höger sida för att göra det:

Låt ditt fält för fri frakt visas direkt

Nu bör du ha regeln 'Aktuell URL-sökväg är valfri sida'.

Utöver det kan du också välja olika visningsregler. Till exempel kan du visa gratis frakt-fältet vid utgång eller för användare från specifika geografiska regioner eller när de besöker en viss produktsida.

Regler för visning av fysisk plats

Det sista steget är att göra din kampanj live på din webbplats. Klicka på fliken 'Publicera' högst upp på skärmen.

Medan du bygger din kampanj är den pausad som standard. Du kan ändra den från Utkast till Publicera.

Publicera gratis fraktbar

När det är klart klickar du bara på knappen 'Spara' och stänger kampanjbyggaren.

Därefter ser du Kampanjinställningar för din gratis fraktvarning. Se till att Status är Publicerad, eller klicka bara på rullgardinsmenyn och ändra den från Väntande till Publicerad.

Utställningsinställningar för gratis fraktbar

Glöm inte att klicka på knappen 'Spara ändringar' när du är klar.

Nu kan du besöka din webbplats och se din gratis fraktbar live.

Här är en förhandsgranskning av hur ett varningsfält såg ut på vår demo-shoppingwebbplats.

Förhandsgranskning av gratis fraktvarning

Vanliga frågor

Här är några frågor som våra läsare ofta ställer om fraktfält:

Kan gratis fraktvarningen visas på specifika produktsidor eller kategorier?

Ja, med OptinMonsters avancerade visningsregler kan du i hög grad anpassa synlighetsinställningarna för fältet för fri frakt.

Detta gör att du kan rikta in dig på specifika produktsidor eller kategorier, vilket säkerställer att kampanjen når den publik som mest sannolikt drar nytta av den.

Är det möjligt att anpassa utseendet på gratis fraktbaren efter dess initiala installation?

Absolut! OptinMonster har en flexibel byggare som låter dig återbesöka och redigera designen på ditt fält för fri frakt när som helst.

Du kan enkelt justera text, färger, teckensnitt och till och med positionen för fältet allt eftersom dina varumärkesbehov utvecklas. Detta säkerställer att utseendet och känslan av din butiks kampanjer alltid överensstämmer med din övergripande webbplatsestetik.

Vad händer om jag vill att gratis frakt-fältet bara ska visas för återkommande besökare?

OptinMonster inkluderar alternativ för att konfigurera din kampanj baserat på besökares beteende, vilket gör att du kan skräddarsy visningen av gratis frakt-fältet specifikt för återkommande besökare.

Denna strategi kan förbättra användarupplevelsen och engagemanget genom att erbjuda incitament till kunder som tidigare har visat intresse för dina produkter. Det kan vara ett kraftfullt verktyg för att uppmuntra återkommande köp och bygga kundlojalitet.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en gratis fraktbar i WooCommerce. Du kanske också vill kolla in vår lista över de bästa WooCommerce-plugins för din onlinebutik och vår handledning om hur du schemalägger kuponger i WooCommerce och sparar tid.

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.

Upplysning: Vårt innehåll stöds av läsarna. 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

Kommentarer

  1. Grattis, du har möjlighet att bli den första kommentatorn på den här artikeln.
    Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.

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år kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.