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 många WooCommerce-butiker missa försäljning helt enkelt för att shoppare inte inser att gratis frakt finns tillgänglig.

En gratis frakt-bar löser det problemet omedelbart. Den placerar ett tydligt, vänligt meddelande högst upp på din webbplats som säger exakt vad kunderna behöver göra för att få gratis frakt, till exempel: "Spendera 50 dollar mer och få gratis frakt."

Shoppare älskar att spara på frakt och lägger ofta till extra varor bara för att slippa den extra kostnaden. Genom att göra ditt erbjudande om gratis frakt omöjligt att missa kan du öka varukorgarnas storlek och höja ditt genomsnittliga ordervärde utan att ändra dina priser.

Efter att ha testat flera verktyg fann vi att OptinMonster är det enklaste sättet att lägga till en högkonverterande gratis frakt-bar i en WooCommerce-butik.

I den här guiden går vi igenom installationen steg för steg, så att du kan börja omvandla fler besök till försäljning redan idag.

Hur man lägger till en gratis fraktbar i WooCommerce

💡Snabbt svar: Hur man lägger till en gratis frakt-bar i WooCommerce

Det snabbaste sättet att lägga till en gratis frakt-bar är att använda OptinMonster.

Skapa helt enkelt en ny kampanj av typen 'Flytande fält', ange din kampanjtext (t.ex. 'Gratis frakt på beställningar över 50 dollar') och ställ in visningsreglerna så att den visas i din WooCommerce-butik.

Den här metoden fungerar med alla WordPress-teman och kräver ingen kodning.

Viktigt: Konfigurera dina fraktregler först

Innan vi börjar är det viktigt att förstå att gratis frakt-fältet är ett kampanjverktyg. Det meddelar dina kunder om ditt erbjudande, men det skapar inte själva fraktregeln. Du måste först ställa in gratis frakt i dina WooCommerce-inställningar.

Detta säkerställer att rabatten tillämpas automatiskt i kassan när en kund uppfyller kravet.

För att lära dig mer, se vår guide om hur man erbjuder en fraktrabatt i WooCommerce.

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

Fraktkostnader är en av de främsta orsakerna till avbrutna köp i kundvagnen. Många onlinebutiker hanterar detta genom att erbjuda gratis frakt.

Att låta kunderna veta om ditt erbjudande är ett utmärkt sätt att öka försäljningen. Ett gratis frakt-fält är en framträdande banner som förblir synlig när användaren scrollar, och påminner dem ständigt om erbjudandet.

Detta uppmuntrar användare att lägga till mer i sin kundvagn för att kvalificera sig för gratis frakt, vilket ökar ditt genomsnittliga ordervärde och din totala försäljning.

Exempel på gratis frakt-bar

Du kan erbjuda gratis frakt i WooCommerce genom att använda Advanced Coupon plugin (ett kraftfullt verktyg för att skapa smarta kuponger och frakterbjudanden) eller bara genom att ställa in fraktsätten i din onlinebutik.

Oavsett hur du aktiverar gratis frakt är det avgörande att framhäva det ordentligt på din webbplats. 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 det bästa pluginet för leadgenerering för WordPress som låter dig skapa popup-fönster, svävande fält och andra kampanjer på webbplatsen för att fånga besökarnas uppmärksamhet.

Det är också vad vi använder på WPBeginner och våra partnerwebbplatser för att köra marknadsföringskampanjer. För att lära dig mer, se vår fullständiga OptinMonster-recension.

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 samman OptinMonster-appen med din WordPress-webbplats.

Efter aktivering kan installationsguiden starta automatiskt. Om så är fallet, följ helt enkelt instruktionerna på skärmen för att slutföra installationen.

Om guiden inte visas, klicka på menyn OptinMonster i din WordPress-instrumentpanel. Klicka sedan på knappen 'Anslut ditt konto' för att länka 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
Välja kampanjtyp och mall

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'.

Namnge din kampanj

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'.

Anpassa fältets utseende

Du kommer då att se OptinMonster-byggargränssnittet, med 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 tydligt visar ditt minsta beställningsbelopp (till exempel, 'Gratis frakt på beställningar över 50 $!') för att kvalificera dig för gratis frakt.

📍Notera: Den här texten skapar ett statiskt meddelande och synkroniseras inte med dina WooCommerce-butiksinställningar. Om du senare ändrar dina fraktregler i WooCommerce, kom ihåg att manuellt uppdatera den här texten så att de matchar.

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 specifik sida kan du ange dess URL i fältet 'Omdirigerings-URL'.

Vi rekommenderar att du länkar den här knappen till din kundvagnsida eller butikssida. Detta gör det enkelt för användare att fortsätta handla eller slutföra köpet efter att ha sett erbjudandet.

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

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.

Ställa in dina visningsregler

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 frakt-fält ska laddas omedelbart. För att göra detta, ta helt enkelt bort tidsfördröjningsregeln. Klicka på minustecknet till höger för att göra det:

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

När du tar bort timern kommer kampanjen att som standard använda regeln 'Aktuell URL-sökväg är valfri sida.' Detta säkerställer att fältet visas omedelbart när en besökare anländer.

Utöver det kan du också välja olika visningsregler. Beroende på din OptinMonster-plan kan du till exempel visa gratis frakt-fältet för användare från specifika geografiska regioner.

Detta är utmärkt för riktade kampanjer. Du kan till exempel skapa ett fält som lyder 'Gratis frakt på all campingutrustning!' och ställa in det att visas endast när en besökare surfar på din produktkategori 'Camping'.

Regler för visning av fysisk plats
Publicera din kampanj

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 Kampanjutgångsinställningarna för ditt gratis frakt-meddelandefält. 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 ditt gratis frakt-fält live. Här är en förhandsgranskning av hur ett meddelandefält såg ut på vår demonstrationsbutikssida.

Förhandsgranskning av gratis fraktvarning

Vanliga frågor om att lägga till en gratis fraktfält

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?

Ja, absolut! OptinMonster-byggaren är superflexibel. Du kan när som helst gå tillbaka och ändra färger, text, typsnitt och till och med var bannern visas på sidan.

Det är enkelt att se till att dina kampanjer alltid matchar ditt varumärkes stil.

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.