Een klikbaar telefoonnummer of e-mail adres als link kun je als volgt toevoegen.
Typ in de teksteditor het telefoonnummer en selecteer dit. klik dan op het link icoon en typ op de plek waar de link normaal komt te staan tel:0123456789.
Druk daarna op enter. Je kunt de link eventueel ook een naam geven door op het tandwiel te klikken en de naam aan te passen.
Wil je het toevoegen in een button van Elementor dan kun je simpelweg “tel:0123456789” toevoegen op de plek waar de link normaal komt te staan.
Wil je dit met je e-mail adres doen dan werkt dit op dezelfde manier. Je kunt dan “mailto:endanjemail@adres.nl” gebruiken.
Je kun nog meer leuke dingen doen door het gebruik van deze HTML protocollen. Dit zijn de meest gebruikte:
- tel: Direct bellen
- mailto: E-mail app openen
- callto: Skype openen
- sms: Een sms sturen
Wil je dit zelf als html toevoegen in de tekst dan kun je dit als volgt doen:
<a href="tel:0612345678">0612345678</a>
<a href="tel:0612345678">Klik hier om te bellen</a>
WhatsApp link toevoegen
En wist je dat het tegenwoordig ook mogelijk is om direct een WhatsApp klik en chat link toe te voegen?
Dit kun je op de volgende manier doen:
https://wa.me/31612345678
Deze link gebruik je dan in je website onder een button of een link. Natuurlijk wijzig je wel even het nummer naar jouw telefoonnummer. Het is belangrijk dat de 31 blijft staan. Deze gebruik je in plaats van de 0.
That's it!
8 reacties
Bedankt voor de tip! Ik was al aan het overwegen om PRO versie van Elementor aan te schaffen, maar met dit trucje hoeft dit helemaal niet. Ik weet niet of het mogelijk is, maar een WhatsApp-optie in dit lijstje zou ook wel heel nice zijn.
Ja! Dat is tegenwoordig ook mogelijk. Toevallig vorige week besproken in mijn community, dus heb het meteen maar even toegevoegd. Is heel simpel. 🙂
Ik heb een mailto link toegevoegd aan mijn emailadres in de tekst.
Klopt het dat als ik de site bekijk deze dan nog niet werkt? Als in hij opent geen mailprogramma…
Als je het hebt toegevoegd zoals hierboven, dan zou via de link jouw mailprogramma moeten openen. Als dit niet gebeurd dan kan het zijn dat er geen mailprogramma op je computer is ingesteld. Je kunt de link ook altijd even op een ander apparaat testen en kijken of het daar wel werkt. Mocht dit niet zo zijn dan moet je de link nog even checken of alles klopt.
Als ik gebeld wil worden als ik op de LINK klik en tel:0123456789 gebruik, dan werkt dat uitstekend op mijn smartphone, maar op mijn tablet wil die naar Skype en op mijn laptop naar Google Chrome.
Kan je de optie alléén voor de tablet en laptop uitschakelen of gaat dat niet?
Hi Martin, Dat kan. Je dient dan 2 keer het telefoonnummer toe te voegen. Het telefoonnummer waar je op kunt klikken maak je alleen voor mobiel zichtbaar en de andere 2 alleen voor tablet en desktop. Als je met Elementor werkt dan kan dit in het tabje geavanceerd > Responsive.
Dank voor je snelle reactie Matthijs. Ik werk met de classic editor of blok editor in WordPress en ben geen ontwikkelaar, maar onderhoud deze website alleen voor content en heb een linkje van tel:0612345678 onder een tekst ‘bel mij’. Heb Add “nofollow” to link aangevinkt, maar dat werkt niet. Weet dus niet hoé je die tekst mét het linkje alleen zichtbaar kunt maken voor je mobiel en niet voor je laptop en tablet. Kan je mij daarbij helpen?
Geen dank! Als je met de block editor werkt dan kun je hiervoor een plugin installeren die het mogelijk maakt om blokken te verbergen voor verschillende apparaten. Deze plugin heet: Visibility Controls for Editor Blocks.