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:
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:
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:
[insert_php]
date_default_timezone_set(‘Europe/Amsterdam’);
$my_time = date(‘G:i:s’,time());
if ($my_time < 9){
echo ‘Het is voor 09:00 of later dan 17:00, dus de “Laat ons u terugbellen” knop wordt getoond.‘;
}
elseif ($my_time < 17) {
echo ‘Het is tussen 09:00 en 17:00, dus de “Bel nu!” knop wordt getoond.‘;
}
else {
echo ‘Het is voor 09:00 of later dan 17:00, dus de “Laat ons u terugbellen” knop wordt getoond.‘;
}
[/insert_php]
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.
Reacties