Hoe een gratis verzendbalk toe te voegen in WooCommerce

5 min


112

Biedt u gratis verzending aan in uw WooCommerce-winkel?

Het aanbieden van gratis verzending is een beproefde manier om het verlaten van de winkelwagen te verminderen en de algehele verkoopconversie te verhogen. De uitdaging is dat de meeste winkeliers het aanbod van gratis verzending niet duidelijk benadrukken.

In dit artikel leren we je hoe je een gratis verzendbalk in WooCommerce toevoegt om de verkoop te stimuleren.

Een gratis verzendbalk toevoegen in WooCommerce

Een gratis verzendbalk toevoegen in WooCommmerce

Verzendkosten zijn een van de belangrijkste redenen achter de verkoop van verlaten winkelwagentjes . Veel online winkels gaan hiermee om door gratis verzending aan te bieden.

Klanten informeren over uw aanbieding voor gratis verzending is een geweldige manier om de verkoop van uw online winkel te stimuleren .

Hier is een voorbeeld van een gratis verzendbalk. Het is een prominent website-element dat bovenaan het scherm blijft terwijl de gebruiker naar beneden scrolt:

Voorbeeld gratis verzending

Zoals je kunt zien, moedigt de voorbeeldwinkel hierboven gebruikers aan om een ​​bepaald bedrag uit te geven om gratis verzending te krijgen. Dit is een geweldige manier om de waarde van de winkelwagenbestelling en het verkoopvolume te vergroten.

U kunt gratis verzending stimuleren met behulp van de Advanced Coupon-plug-in voor WooCommerce.

Ongeacht hoe u gratis verzending inschakelt, het is belangrijk om het correct op uw site te markeren, en dat is waar een balk voor gratis verzending binnenkomt.

Om de verzendbalk te maken, gebruiken we OptinMonster. Het is een krachtig hulpmiddel voor het maken van alle soorten WordPress-pop-ups .

Een OptinMonster-account aanmaken en WordPress verbinden

Eerst moet je de OptinMonster- website bezoeken en je aanmelden voor een account.

Opmerking: OptinMonster is mede gecreëerd door Syed Balkhi, de oprichter van WPBeginner. Het is een extreem populaire optin-tool die we hier op WPBeginner gebruiken en we raden het ten zeerste aan.

Nadat u zich heeft aangemeld voor OptinMonster, is de volgende stap het installeren en activeren van de gratis OptinMonster-plug-in voor WordPress. Als u niet zeker weet hoe, bekijk dan onze stapsgewijze handleiding over het installeren van een WordPress-plug-in .

Deze plug-in verbindt de OptinMonster-app met uw WordPress-site. Klik na het activeren op het OptinMonster-menu in uw WordPress-dashboard. Klik vervolgens op de knop ‘Uw account verbinden’ en verbind WordPress met uw OptinMonster-account.

Verbind OptinMonster met uw WordPress-site

De gratis verzendbalk voor WooCommerce maken

Nu kunt u uw gratis verzendbalk maken. Ga eerst naar de OptinMonster-pagina in uw WordPress-dashboard en klik vervolgens op de knop ‘Nieuwe campagne maken’ in de rechterbovenhoek.

Een nieuwe campagne maken in OptinMonster

Dit brengt u naar de OptinMonster-campagnebouwer waar u ‘Floating Bar’ als uw campagnetype moet selecteren.

Selecteer de Floating Bar-campagne

Blader vervolgens naar beneden en kies uw campagnesjabloon. OptinMonster heeft een groot aantal professionele sjablonen om uit te kiezen. We gaan de waarschuwingssjabloon gebruiken voor onze WooCommerce-balk voor gratis verzending.

Plaats uw muiscursor op de sjabloon en klik op de knop ‘Sjabloon gebruiken’:

Selecteer de waarschuwingssjabloon om te beginnen met het bouwen van uw gratis verzendbalk

OptinMonster zal u nu vragen uw campagne een naam te geven. U kunt hier elke gewenste naam gebruiken.

Geef uw OptinMonster-campagne een naam

U kunt ook kiezen op welke website (s) u de campagne wilt uitvoeren. OptinMonster had uw website hier voor u moeten toevoegen.

Als je klaar bent, klik je op de knop Start bouwen.

Je ziet dan de OptinMonster builder-interface. Het ziet er zo uit:

De standaard waarschuwingsbalksjabloon in OptinMonster

Standaard blijft de zwevende balk onder aan het scherm. Als u het in plaats daarvan bovenaan het scherm wilt, is dat gemakkelijk te veranderen.

Klik gewoon op Zwevende instellingen in het linkermenu. Schakel vervolgens de ‘Load Floating Bar at Top of Page?’ In. keuze.

Laad de zwevende balk bovenaan de pagina

Om de tekst in de balk te veranderen, klikt u er gewoon op. De teksteditor wordt geopend aan de linkerkant van uw scherm.

De tekst van uw zwevende balk bewerken in OptinMonster

U kunt de tekst naar wens aanpassen. U kunt ook de lettertypestijl, kleur, lettergrootte en meer wijzigen. De preview van uw campagne wordt automatisch bijgewerkt om te laten zien hoe deze er live uitziet.

Hier hebben we de tekst en het lettertype gewijzigd. We hebben ook de lettergrootte iets vergroot:

Verander de tekst van je zwevende balk

U kunt ook de knop op uw gratis verzendbalk wijzigen. Klik gewoon op de knop en de instellingen worden geopend in het linkerdeelvenster. U kunt daar de tekst van de knop wijzigen.

De knop op uw gratis verzendbalk bewerken

Om klanten naar een pagina op uw website over gratis verzending te leiden, klikt u op het tabblad Actie. Voer vervolgens de juiste omleidings-URL in:

Bewerk waar de knop naar verwijst op uw website

Als u een andere kleur wilt gebruiken voor uw gratis verzending, is dat ook gemakkelijk. Klik eerst op de Home-knop om terug te keren naar de belangrijkste ontwerpinstellingen:

Klik op de startknop om terug te keren naar de belangrijkste weergave-instellingen voor uw campagne

Vervolgens kunt u naar Optin-instellingen »Optin View-stijlen gaan om de kleur van uw optin te wijzigen.

Ga naar Optin-instellingen - Optin View-stijlen om de kleuren van uw optin te wijzigen

Nadat u in het vak Achtergrondkleur hebt geklikt, kunt u een nieuwe kleur selecteren. U kunt de hex-code invoeren of de kleurenkiezer gebruiken. We hebben groen voor ons gekozen:

De achtergrondkleur voor uw campagne wijzigen

Als je tevreden bent met je gratis verzendbalk, klik je op de knop Opslaan in de rechterbovenhoek.

Sla uw campagne op met behulp van de groene knop Opslaan bovenaan het scherm

Vervolgens moet u de weergaveregels selecteren die bepalen wie de gratis verzendbalk op uw site moet zien. Klik gewoon op het tabblad Display Rules bovenaan uw scherm.

Uw weergaveregels instellen in OptinMonster

Standaard geeft OptinMonster uw zwevende balk weer nadat de gebruiker 5 seconden op een pagina van uw site is geweest.

Mogelijk wilt u dat uw gratis verzendbalk onmiddellijk wordt geladen. Verwijder hiervoor deze regel. Klik hiervoor op het minteken aan de rechterkant:

Laat uw gratis verzendbalk onmiddellijk verschijnen

Nu zou u de regel moeten behouden ‘Huidig ​​URL-pad is elke pagina’.

De laatste stap is om uw campagne live op uw site te zetten. Klik op het tabblad Publiceren bovenaan het scherm. Terwijl u uw campagne opbouwt, wordt deze standaard onderbroken. Je kunt het hier inschakelen.

Schakel uw campagne in onder het tabblad Publiceren in OptinMonster

Om uw gratis verzendbalk op uw WordPress-site te plaatsen, gaat u naar OptinMonster-campagnes in uw WordPress-dashboard. Klik op de knop Campagnes vernieuwen om uw gratis verzendingscampagne hier te zien.

Vernieuw uw campagnelijst in het WordPress-dashboard

Nu kunt u uw site bezoeken en uw gratis verzendbalk live bekijken:

Voorbeeld gratis verzending

We hopen dat dit artikel je heeft geholpen bij het leren toevoegen van een gratis verzendbalk in WooCommerce.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format