Comment ajouter un lien à une image sur Webflow
Nocodefactory
Site internet

Comment ajouter un lien à une image sur Webflow

Résumez cet article avec une IA
ChatGPT
Claude
Grok
Perplexity
Google AI
min
de lecture
Publié le
July 6, 2021
Mis à jour le
This is some text inside of a div block.
Example H2
Example H3
Example H4
Example H5
Example H6
Et si on bossait ensemble ?
+ 350 projets réalisés
100% de satisfaction
Éligibles CII
Devis gratuit

Si vous voulez qu'une image ait un lien, placez-la dans un link block.

Pour ce faire :

Allez dans le panneau d'ajout

Glissez dans le canvas l'élément Link block

Attribuez au bloc votre lien, ou choisissez une page de votre site, une section de votre page ...

Enfin, ajoutez votre image en tant que Background Image de votre bloc dans la partie Backgrounds du panneau de style

ajouter une image sur Webflow
Lien copié
Besoin d'aide ?
Contactez un expert

Encore plus de tutos dans la catégorie Site internet

Tous les tutos
Schéma illustrant les 7 étapes de migration et refonte de site web avec flèches directionnelles
Site internet
SEO & GEO
Growth
June 12, 2025

Refonte de site : 7 étapes pour une migration réussie

10
min
Interface de création de boutique e-commerce no-code avec produits et panier d'achat
Site internet
February 2, 2022

Tout le monde peut créer une boutique e-commerce en no code

5
min
Dashboard d'outil de web scraping affichant l'extraction de données automatisée
Site internet
March 1, 2022

Scraper le web en no code

5
min

Encore plus d'articles sur Webflow

Contacter un expert
Schéma illustrant les 7 étapes de migration et refonte de site web avec flèches directionnelles
Site internet
SEO & GEO
Growth
June 12, 2025

Refonte de site : 7 étapes pour une migration réussie

10
min
Process de migration WordPress vers Webflow avec icônes des deux plateformes
Site internet
May 28, 2021

Migrer de Wordpress à Webflow

3
min
Exemple de hero banner Webflow avec design moderne et call-to-action
Site internet
May 26, 2021

Faire rester vos visiteurs grâce à une hero banner sur Webflow

5
min
Ça s'agite là-bas dedans ?

Vos questions,
nos réponses !

Comment rendre une image cliquable sur Webflow ?

Super simple ! Glissez un Link Block depuis le panneau Elements, puis mettez votre image en background du bloc. Ajoutez votre lien (URL, page, section, email...) et boom, image cliquable !

Peut-on ajouter plusieurs liens sur différentes parties d'une image ?

Pas directement, mais rusez ! Méthode 1 : Link Block (toute l'image). Méthode 2 : Positionnez des Link Blocks transparents en absolute sur les zones. Méthode 3 : Utilisez une interaction avec du code custom.

Quelles sont les bonnes pratiques SEO pour les liens sur images ?

Pensez accessibilité ! Ajoutez un alt text descriptif sur l'image ET un aria-label sur le Link Block. Pour le SEO, le contexte autour du lien compte. Bonus : ajoutez un hover effect pour montrer que c'est cliquable.

Ma question est plus complexe ?

Réserver un call avec un expert
Contactez NocodeFactory
Assez parlé,
à vous de jouer !
🥳 Estimation gratuite !
Merci ! Votre message a bien été envoyé 🥳
😿 Une erreur est survenue. Merci de recommencer
+ 350 projets
déjà réalisés