De juiste call to action op het juiste moment


Veel websites maken gebruikt van een call to action om bezoekers ervan te overtuigen om actie te ondernemen, zoals contact op nemen. Dit doen ze bijvoorbeeld met een “Bel nu!” knop. Deze knop staat er echter ook buiten kantooruren. Waarom eigenlijk? Er neem toch niemand op en hoeveel mensen spreken de voicemail nou in? Als online marketeer wil ik voldoen aan de verwachtingen van de bezoeker. Daarom wil ik ze een “Bel nu” knop tonen als wij telefonisch bereikbaar zijn en een “Laat ons u terugbellen” knop als we dat niet zijn.

Om dit voor elkaar te krijgen maak ik gebruik van een PHP code. Deze code zal bestaan uit 2 onderdelen:

  • De code kijkt hoe laat het is
  • De code toont een knop op basis van de tijd

Hoe laat is het?

Tijd is een belangrijke variabel is deze code. Als eerste geef ik aan welke tijdszone gebruikt moet worden, dat doe ik met deze code:

date_default_timezone_set('Europe/Amsterdam');

Daarna zeg ik dat er een variabel gemaakt moet worden, die gelijk is aan de tijd op dat moment:

$my_time = date('G:i:s',time());

De juiste knop

Bij Stramark zijn we telefonisch bereikbaar van 09:00 tot 17:00. Om een andere knop te tonen tijdens de kantooruren maak ik gebruik van een if elseif else code. Als de tijd lager is dan 9 dan willen we dat er een knop met “Laat ons u terugbellen!” getoond wordt, zoals deze:
Laat ons u terugbellen!
Dit kunnen we doen met deze code:

if ($my_time < 9){
echo '<a href="https://www.stramark.nl/contact/"><img src="https://cdn.stramark.nl/wp-content/uploads/Laat-ons-u-terugbellen.jpg"></a>';
}

Vervang de rode code door de URL van een pagina waar mensen hun gegevens kunnen achterlaten, zodat je ze later terug kan bellen. De groene code moet vervangen worden door de URL van de afbeelding die getoond wordt. Met deze code wordt er gekeken naar $my_time, als die lager is dan 9 dan wordt de code die achter echo staat gebruikt.

Tijdens kantooruren

Tussen 09:00 en 17:00 willen we wel dat er gebeld wordt, dan tonen we deze knop:
Bel nu!
Dat doen we met deze code:

elseif ($my_time < 17) {
echo '<a href="tel:0207165411"><img src="https://cdn.stramark.nl/wp-content/uploads/Bel-nu.jpg"></a>';
}

In dit geval kun je de rode code vervangen door een tel: link. Bij Stramark zou dat tel:0207165411 zijn. Wanneer hierop geklikt wordt, wordt er automatisch gebeld. Vervang de groende code met de URL van de “Bel nu!” knop.

Na kantooruren

We hebben nu ingesteld dat de “Laat ons u terugbellen” knop getoond wordt als het vroeger is dan 09:00. De “Bel nu!” knop wordt getoond als het vroeger is dan 17:00. Als geen van beide van toepassing is (na 17:00), dan willen we weer dat de “Laat ons u terugbellen!” knop getoond wordt. Dan doen we met deze code:

else {
echo '<a href="https://www.stramark.nl/contact/"><img src="https://cdn.stramark.nl/wp-content/uploads/Laat-ons-u-terugbellen.jpg"></a>';
}

Gebruik weer de rode code en de groene code op dezelfde manier als je de eerste keer gedaan hebt voor de “Laat ons u terugbellen” knop. Als je alle code bij elkaar voegt, dan krijg je iets als:

date_default_timezone_set('Europe/Amsterdam');
$my_time = date('G:i:s',time());
if ($my_time < 9){
echo '<a href="https://www.stramark.nl/contact/"><img src="https://cdn.stramark.nl/wp-content/uploads/Laat-ons-u-terugbellen.jpg"></a>';
}
elseif ($my_time < 17) {
echo '<a href="tel:0207165411"><img src="https://cdn.stramark.nl/wp-content/uploads/Bel-nu.jpg"></a>';
}
else {
echo '<a href="https://www.stramark.nl/contact/"><img src="https://cdn.stramark.nl/wp-content/uploads/Laat-ons-u-terugbellen.jpg"></a>';
}

Resultaat

De code die hierboven ziet er zo uit:

Het is tussen 09:00 en 17:00, dus de “Bel nu!” knop wordt getoond.

WordPress

Degene die een WordPress website hebben, kunnen met de Insert PHP plugin gebruik maken van deze code. Instaleer en activeer de plugin en plaats de code met de Tekst editor tussen de [ insert_php] tag en de [ /insert_php] tag. De code werkt niet als je hem in de Wysiwyg editor plaatst. Ook als je na het plaatsen van de code in de Tekst editor naar de Wysiwyg editor gaat werkt hij niet. Dit komt doordat WordPress de code automatisch wijzigt.

De juiste aanbieding op het juiste moment

In dit artikel noem ik de “Bel nu!” en “Laat ons u terugbellen!” knop als voorbeeld. Er zijn echter meer voorbeelden waar deze code voor gebruikt kan worden. Verkoop je meerdere producten en weet je dat product A beter in de ochtend verkoopt, categorie B het beste tussen 12:00 en 18:00 en categorie C het het na 18:00 goed doet? Dan kun je met deze code de verwijzing naar de producten op je homepage daarop aanpassen.

Weet jij nog meer toepassingen? Laat het weten in de reacties hieronder.

Over de schrijver: Kevin Brinkman

is Google AdWords Certified SEA consultant bij Stramark. Interesses: AdWords | Linkbuilding | Code | Social remarketing | Google shopping.

Reacties

Top resources

Online marketing gallery

Bekijk de gratis afbeeldingen >

Online marketing plan

Waardevolle eerste stappen >

Alle whiteboard Fridays

24 interviews >

Internet Marketing Model

48 termen uitgelegd >

Stramark levert verschillende Online Marketing Bureau diensten. Wilt u hoog in Google? Naast zoekmachine marketing en zoekmachine optimalisatie leveren wij:

SEO Copywriting
Linkbuilding
Zoekmachine Adverteren
Adwords Certified Partner
Google Adwords Workshop
Search Engine Marketing Agency

Shares