Fonctionnel

Ajouter des ancres de lien avec vos collection CMS dans Webflow

outils :
Illustration croce

Sommaire

Introduction

Webflow ne supporte pas les ancres dynamiques avec le CMS, mais il existe une solution de contournement qui est d'utiliser le composant embed et de créer votre propre bouton et d'extraire dynamiquement l'ancre de votre collection.

Voici comment faire ! ✌🏼

1. Insérez un élément "embed" à l'endroit où vous souhaitez créer un lien vers l'élément d'ancrage

Définissez le lien en utilisant le champ "slug" du CMS (vous pouvez utiliser n'importe quel autre champ du CMS pour cela ou même créer un champ supplémentaire, mais le champ "slug" fait l'affaire).

 <a href=#{Slug}>Name</a

2. Ajoutez un élément "embed" dans votre collection CMS 

Définissez l'ID comme étant le même champ CMS que celui utilisé dans le point 1 (le {slug} dans mon cas)

 <div id="{Slug}">/div

3. Testez le résultat

Vous pouvez testez le résultat dans l'éditeur Webflow directement

Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Ajouter un sommaire dans Webflow

Webflow
Finsweet
Fonctionnel

Personnaliser le design des sliders dots dans Webflow

Webflow
Embed
Fonctionnel

Automatiser l’envoi d’un mail aux prospects qui remplissent un formulaire

Webflow
Zapier
Fonctionnel
Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

Votre site est développé avec les meilleurs outils et les meilleurs pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour designer votre site web sur mesure et optimiser son taux de conversion

Webflow

Pour une intégration pixel perfect et optimisée de votre site web

Client-first

Pour une organisation aux petits oignons de votre projet

Wized

Pour ajouter des fonctionnalités avancées à votre projet

Make

Pour automatiser vos fluxs de travail et vous faire gagner un max de temps