Comment créer un champ personnalisé sur son site Webflow ?

Dans cet article, nous allons voir ensemble comment ajouter des champs personnalisés à vos listes de collections sur Webflow. Cela vous permettra de créer des contenus plus dynamiques et adaptés à vos besoins, par exemple pour afficher la durée de chaque série sur une plateforme de streaming.

Résumé de la méthode pour ajouter un champ personnalisé sur Webflow

Pour ajouter des champs personnalisés à vos listes de collections sur Webflow, ouvrez votre projet et accédez à la base de données. Sélectionnez la liste de collection appropriée et ajoutez un champ personnalisé en cliquant sur le bouton violet. Choisissez un champ texte et nommez-le "Durée de la série", puis sauvegardez. Remplissez chaque item de votre collection avec la durée respective des séries. Enfin, connectez ce champ personnalisé à l'élément texte sur votre page en utilisant l'option "Get text from". Cela mettra à jour dynamiquement les informations sur votre site Web.

Étape 1 : Accéder à la Liste de Collections

1. Ouvrez votre projet Webflow.
2. Naviguez vers la base de données :
   • Sélectionnez la liste de collection qui correspond aux séries affichées sur votre page.
   • Cliquez sur le bouton violet à côté des paramètres.

Étape 2 : Ajouter des Champs Personnalisés

1. Ajouter un champ personnalisé :
   • Cliquez sur le bouton violet pour ajouter des custom fields.
   • Sélectionnez le type de champ souhaité (texte, couleur, image, lien, numéro, etc.).
   • Pour notre exemple, choisissez un champ texte.
2. Nommer le champ :
   • Nommez le champ "Durée de la série".
   • Cliquez sur "Entrer" et sauvegardez la liste de collection.

Étape 3 : Remplir les Champs Personnalisés

1. Attribuer des valeurs aux champs :
   • Pour chaque item de votre collection, ajoutez une valeur pour la durée.
   • Par exemple, entrez "13 minutes 58" pour une série, "14 minutes 12" pour une autre, etc.
2. Sauvegarder les modifications.

Étape 4 : Connecter les Champs Personnalisés à la Page

1. Sélectionner l'élément texte sur la page :
   • Cliquez sur le texte que vous souhaitez remplir dynamiquement.
2. Lier le texte au champ personnalisé :
   • Utilisez l'option "Get text from".
   • Sélectionnez le champ personnalisé "Durée de la série".
   • Vérifiez que toutes les durées ont été mises à jour correctement sur la page.