Un numero de telephone personnalisé et cliquable

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.

téléphone cliquable sur site internet avec e-cime.fr

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 : 

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.

tableau des couleurs par e-cime.fr création de site web

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

Commentaires: 0

E-cime

logo d'e-cime, specialiste SEO et création de site web

Elisabeth Deschene

10 lieu-dit Teillé

79120 Lezay

 

contact@e-cime.fr

Recherchez sur le site

Conseil et réalisation en création de site internet, réseaux sociaux et référencement naturel SEO