Badge Webflow Award Winner 2023

Comment créer des liens Webflow avec le mode éditeur ?

Publié le 
18/1/2022
Modifié le 
27/3/2023
Temps de lecture : 5 min
Fond vague bleu avec écran d'ordinateur, icone URL bleue et icone Webflow bleue
Écrit par
Thomas Labonne avec un T-shirt Digidop

Thomas Labonne

Co-fondateur

Voici comment créer des liens dans Webflow de 5 manières différentes avec le mode éditeur ! 🔗 Optimisez le taux de conversion de votre site web avec des liens optimisés.

Points clés à retenir

Créer un lien d'une page a une autre est une fonctionnalité de base, indispensable pour faire fonctionner un site. Au-delà du simple fait de pouvoir passer d'une page à une autre, un lien est un moyen d'enrichir votre maillage interne et d'optimiser votre SEO. Les liens ne sont pas uniquement des URL de renvoies vers des pages, mais ce peut aussi être des adresses mails, des numéros de téléphones ou même des sections de page. Encore une fois, Webflow a pensé à tout et nous met à disposition une fonctionnalité "URL", qui nous permet d'optimiser chacun d'entre eux.

Dans ce tuto nous reprenons les différents types de liens Webflow disponibles depuis le mode éditeur, qui vous permettront d'optimiser votre site.

Lien vers un URL externe

Pour créer un lien vers un URL externe, vous aurez tout simplement besoin de l'URL en question. Si vous souhaitez intégrer un lien sur un bouton, cherchez l'icone "🔗" au niveau du bouton. Cliquez sur l'icone et ajoutez directement l'URL. Cliquez sur l'encoche "✔️" pour enregistrer votre modification.

Si vous souhaitez ajoutez un lien externe sur un texte, sélectionnez le texte en question et procédez de la même manière.

Fonctionnalité de lien vers URL externe dans Webflow
Lien vers URL externe dans Webflow

Lien vers une page de votre site

Pour créer un lien vers une page de votre site nous vous recommandons d'utiliser la fonction "page" et non URL. Bien meilleure pour votre SEO, car le jour ou devrez changer l'URL d'une page vous n'aurez pas à changer chaque lien de renvois et ancres que vous aurez créé. Plus concrètement, si vous voulez éviter les 404, utilisez cette fonctionnalité et n'insérez pas d'URL pour des pages de votre site.

Fonctionnalité de lien vers URL interne dans Webflow
Lien vers une page interne dans Webflow

Lien pour appeler un numéro de téléphone

La fonctionnalité lien téléphone de Webflow permet à un utilisateur qui souhaite vous contacter de directement cliquer sur le numéro de téléphone pour lancer l'appel. Simplifier le parcours utilisateur en utilisant cette fonctionnalité de lien téléphone. Pour y accédez, procédez de la même manière que pour ajouter lien et cliquez sur l'icone téléphone "📞"

ajout d'un lien téléphone sur un site webflow
Lien vers numéro de téléphone dans Webflow

Lien pour envoyer un mail

Sur le même principe que les liens de numéros de téléphones, les liens pour emails permettent de créer un nouveau mail avec l'adresse mail directement renseignée. Cela simplifie également le parcours utilisateur de vos visiteurs et renforce le taux de conversion de votre site Webflow. Pour ajoutez un mail, procédez de la même manière que pour ajouter lien et cliquez sur l'icone mail "✉️"

ajout d'un lien vers un mail sur un site webflow
Lien vers mail dans Webflow

Lien pour envoyer à une section de votre site

Vous aurez parfois besoin de renvoyer à une section précise de votre site et Webflow à tout prévu ! Une fonctionnalité spéciale vous permet de créer des renvois à des sections d'une page, il vous suffit simplement de sélectionner la bonne section. Si aucune section n'apparait, contactez votre webmaster pour lui demander de nommer les sections de votre page, ou regardez notre tutoriel pour créer des renvoies à des sections d'autres pages.

Faire en sorte que le lien s'ouvre sur une nouvelle page

Une fois votre lien inséré, vous pouvez accéder aux paramètres du lien pour faire en sorte que l'URL s'ouvre sur une autre page et non sur la page de votre site. Très bon tips pour les URL externes, car c'est un levier pour que l'utilisateur reste aussi sur votre page.

Fonctionnalité pour ouvrir un lien dans une autre page web depuis Webflow
Ouvrir un lien dans une autre page web

Formation Webflow Editeur 2023

Apprenez à utiliser le mode éditeur de Webflow avec notre nouvelle formation gratuite au format "hors-série" sur la Digidop Académie.

Formation Webflow Editeur 2023
projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop