Aujourd'hui plus de 50 % des visites de sites web en moyenne se font depuis les téléphones portables.
Pouvoir permettre à son visiteur de téléphoner juste en touchant le N° de téléphone devient indispensable. Voici comment en mettre un sur votre site internet.
Le code html à intégrer dans un widget sur votre site internet
Voici une astuce qui permettra aux visiteurs de votre site utilisant un smartphone, de vous contacter par téléphone d'un simple clic sur une phrase ou un numéro choisi. Il suffit que vous puissiez intégrer du code html dans un widget sur votre site internet.
Dans un premier temps, il faudra copier/coller le code ci-dessous dans un éditeur de texte comme le bloc note, pour l'implanter plus tard sur votre site "propre" (sans trace de l'ancien outil).
<font size="5"><center><a style="color:#222222" ; data-rel="external" href="tel: Votre numéro de téléphone" target ="_blank">Votre texte</a></center>
Mettre une couleur de votre site sur le N° de téléphone
Pour trouver le code d'une couleur vous pouvez utiliser :
- https://htmlcolorcodes.com/fr/ ou
- http://www.code-couleur.com/dictionnaire/couleur-n.html vous y trouverez toutes les nuances
Personnellement je préfère convertir la couleur exacte qui se décline en code rgb avec 3 chiffres séparés par une virgule. Le premier chiffre correspond au rouge ici 182, le deuxième au vert 95 et le dernier au bleu qui est 0
Pour trouver le code html de votre couleur choisissez ce site :
https://www.subdelirium.com/convertir-une-couleur-rgb-en-couleur-html/
Il vous suffit ensuite de rentrer ce code sur votre bloc note à la place du #222222 pour moi ce sera #b65f00.
Changer la taille de votre N° de téléphone
Il peut être intéressant de mettre en plus gros ou en plus petit votre téléphone. Pour faire cela il faut modifier la taille, elle se trouve dans cette partie <font size="5">
Voici ce que ça donne pour mon téléphone en taille 5 avec en texte appelez moi
<font size="5"><center><a style="color:#b65f00" ; data-rel="external" href="tel: 0687209884" target ="_blank">Appelez moi</a></center>
Voici ce que ça donne pour mon téléphone en taille 6 avec en texte appelez moi
<font size="6"><center><a style="color:#b65f00" ; data-rel="external" href="tel: 0687209884" target ="_blank">Appelez moi</a></center>
Voici ce que donne pour mon téléphone en taille 6 avec en texte mon numéro de téléphone
<font size="6"><center><a style="color:#b65f00" ; data-rel="external" href="tel: 0687209884" target ="_blank">06 87 20 98 84</a></center>
Vous voyez que l'on peut vraiment personnaliser son affichage, et ça marche !
Une fois que vous avez, dans votre bloc note, corrigé votre texte vous n'avez plus qu'à le copier dans votre widget !
A vous de jouer
Écrire commentaire