L'affichage des liens téléphoniques HTML sur votre site Web peut vous aider à établir la confiance avec vos clients. Il peut également attirer des clients potentiels et ravir les clients existants.
Et pour faciliter la tâche, vous pouvez rendre le numéro de téléphone cliquable en HTML. Il s'agit d'une excellente stratégie UX étant donné que le mobile représente environ la moitié du trafic Web dans le monde. Cela signifie que plus de la moitié des visiteurs de votre site Web utiliseront le même appareil pour trouver votre entreprise en ligne et pour passer l'appel.
Aujourd'hui, nous allons vous montrer comment ajouter un numéro de téléphone HTML ou un lien d'appel sur votre site Web.
Tableau de contenu
- Comment ajouter un lien téléphonique HTML à votre site Web
- Comment lier un numéro de téléphone avec une extension en HTML
- Comment lier un numéro de téléphone avec un code de pays en HTML
- Étapes pour ajouter un lien téléphonique HTML à votre site Web
- Conclusion
Comment ajouter un lien téléphonique HTML à votre site Web
Voici les étapes faciles pour ajouter un lien téléphonique HTML sur votre site Web,
1. Vous pouvez créer un élément d'ancrage.
Pour commencer, créez un élément d'ancrage avec un attribut HREF vide. Cela ressemblera à ceci:
<a href=""></a>2. Entrez ensuite votre numéro de téléphone dans l'attribut HREF.
Vous devez maintenant placer le numéro de téléphone à l'intérieur de l'attribut HREF à l'intérieur de l'ouverture d'une balise. Ce Attribut HREF (HyperText Reference) garantit que l'hyperlien est fonctionnel. Cela ressemblera à ceci:
<a href="60344557665"></a>3. Vous devez ajouter Tel: avant le nombre à l'intérieur des guillemets.
Vous devez maintenant ajouter Tel: à l'intérieur de l'attribut HREF, avant le numéro de téléphone. De plus, le numéro de téléphone Tél: doit être à l'intérieur des guillemets sans espaces ni tirets. Cela ressemblera à ceci:
<a href="tel:6031112298"></a>4. Enfin, incluez du texte dans l'élément d'ancrage.
Vous pouvez inclure du texte dans l'élément d'ancrage. Bien que cela ne soit pas nécessaire, cela peut rendre l'appel à l'action plus évident pour les utilisateurs. Voici le code côte à côte avec la façon dont il apparaîtrait aux utilisateurs à l'avant d'un site Web.
Si vous souhaitez inclure le numéro de téléphone et que ce soit le seul texte lié, alors enveloppez le numéro de téléphone dans l'élément d'ancrage et placez-le dans une balise de paragraphe. Ça ressemblera à ça,
Comment lier un numéro de téléphone avec une extension en HTML
Si le numéro de téléphone que vous souhaitez rendre cliquable a une extension, vous devrez faire une étape supplémentaire.
- Vous créez un élément d'ancrage.
- Entrez Tel: et le numéro de téléphone de l'attribut HREF.
- Maintenant, après le numéro de téléphone, ajoutez la lettre «P» et le numéro d'extension. Cela ressemblera à ceci:
<a href="tel:60334342298p000"></a>En cliquant sur ce lien «Cliquez pour appeler», l'utilisateur entendra le numéro composé, puis une pause d'une seconde, puis l'extension composée.
Comment lier un numéro de téléphone avec un code de pays en HTML
Si le numéro de téléphone que vous souhaitez rendre cliquable a un code de pays, vous devrez prendre une étape supplémentaire différente.
- Vous créez un élément d'ancrage.
- Entrez Tel: et le numéro de téléphone de l'attribut HREF.
- Maintenant, avant le numéro de téléphone, ajoutez l'icône plus (+) et le code du pays. Cela ressemblera à ceci:
<a href="tel:+1603232322298p000"></a>Étapes pour ajouter un lien téléphonique HTML à votre site Web
Un lien téléphonique HTML, ou lien «cliquez pour appeler», peut être inclus dans différentes parties de votre site Web. Votre page de contact et votre en-tête ou votre pied de page sont parmi les plus courants. Examinons les exemples d'inclusion de ces liens cliquables sur un Site Web WordPress .
Utiliser la page de contact
Les étapes exactes pour ajouter un lien téléphonique HTML à une page de contact varieront en fonction de la plate-forme et du modèle que vous utilisez. Vous trouverez ci-dessous le processus général.
- Pour démarrer, sélectionnez un modèle de page de contact prédéfini.
- Cliquez ensuite sur le bloc avec l'exemple de numéro de téléphone.
- Cliquez maintenant sur l'icône des trois points.
- Faire un clic Modifier comme HTML.
- Remplacez maintenant le numéro de téléphone existant par l'élément d'ancrage: <a href=”tel:6031112298″>(603)111-2298</a>
- Enfin, cliquez Sauver le projet et Prévisualisation.
Cependant, si vous cherchez à utiliser un plugin, vous pouvez utiliser le Formulaire de contact social plugin. Ce plugin vous aidera à ajouter votre numéro de contact à votre site Web qui vous aidera à collecter des prospects.
Conclusion
Si vous cherchez à afficher un numéro de téléphone sur votre site Web, ce qui peut aider à attirer et à ravir les clients potentiels et existants, les rendre cliquables est encore meilleur. La création de liens téléphoniques est facile. Il vous suffit de connaître des HTML et CSS pour créer et styliser ces liens et les intégrer dans différentes zones de votre site.