Ajouter des ancres de lien avec vos collection CMS dans Webflow

outils :

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

Photo de l'auteur
Sandro D.
Mis à jour le
16/5/2024
Growth Marketer, expert Webflow et touche à tout. Je m'occupe des opérations commerciale, veille au bon déroulement des projets et m’occupe des problématiques liées au marketing (SEO, Tracking, Copywriting, etc)
Vous êtes bridé avec votre site actuel ?
On en discute ?
Accueil
>
Gemeos Académie
>
Ajouter des ancres de lien avec vos collection CMS dans Webflow
Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

développés 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 le design de votre site web

Webflow

Pour l’intégration de votre site web

Client-first

Pour organiser vos projets

Wized

Pour ajouter des fonctionnalité à vos projets

Make

Pour l’automatisation de vos flux de travail