Badge Webflow Award Winner 2023

Comment importer des données dans les collections sur Webflow

Apprenez à importer rapidement et efficacement des données dans les collections Webflow à l'aide d'un fichier CSV.

Publié le 
7/5/2023
Modifié le 
7/5/2023
5 min
Logo Webflow avec en arrière plan un aperçu d'un tuto d'un import CSV sur le CMS Webflow

Apprenez à utiliser un fichier CSV pour importer des milliers d'éléments de collection ou simplement quelques-uns dans votre site Webflow en une seule fois.

Lorsque vous créez des collections, vous pouvez ajouter manuellement vos éléments de collection ou les importer directement dans une collection existante à l'aide d'un fichier de valeurs séparées par des virgules (CSV). Cela vous permet d'importer des centaines ou des milliers d'éléments de données provenant d'une source externe directement dans le CMS et de lier le contenu CSV aux champs de référence lors de l'importation de ce contenu.

Pour faciliter la mise à jour de grandes quantités de données, vous pouvez également mettre à jour sélectivement les éléments CMS existants via l'importation CSV.

Dans ce tutoriel, vous apprendrez :

  • Comment importer les données dans Webflow
  • Comment configurer les champs et prévisualiser les éléments
  • Comment structurer votre fichier CSV

Guide d'Importation de données CSV sur Webflow CMS

1. Comment télécharger un fichier CSV dans le CMS

Pour télécharger votre CSV dans votre collection Webflow :

  • Ouvrez le panneau CMS
  • Sélectionnez votre collection
  • Cliquez sur Importer
  • Faites glisser votre fichier CSV (ou cliquez pour parcourir votre ordinateur)
Bouton d'import CSV dans le CMS Webflow
Magic button ✨

Remarque : la taille maximale d'un fichier CSV est de 4 Mo.

2. Comment spécifier la ligne d'en-tête

Après avoir sélectionné votre fichier CSV, vous serez invité à spécifier une ligne d'en-tête.

Spécifier une ligne d'en-tête lors d'un import CSV sur CMS Webflow

Généralement, la ligne d'en-tête d'un CSV contient des étiquettes de colonne définissant le type de contenu contenu dans chaque colonne. Une fois que vous avez téléchargé le fichier CSV, vous verrez un aperçu de votre CSV et pourrez confirmer si la première ligne est un en-tête ou non.

Sélectionner "oui" ou "je ne suis pas sûr" marque la première ligne comme en-tête et l'exclut de l'importation.

Si vous choisissez "Non", la première ligne sera incluse dans l'importation.

3. Comment choisir les éléments à importer

Après avoir spécifié la ligne d'en-tête, vous pouvez choisir les éléments que vous souhaitez importer. Pour chaque colonne de votre fichier CSV, vous pouvez choisir de l'importer en tant que nouveau champ, de l'associer à un champ existant dans votre collection, ou de ne pas l'importer du tout.

  1. Associez les colonnes de votre fichier CSV aux champs de votre collection en cliquant sur le menu déroulant pour chaque colonne et en sélectionnant le champ correspondant.
  2. Pour les champs obligatoires, assurez-vous qu'ils sont associés à une colonne de votre fichier CSV contenant les informations appropriées.
  3. Si vous ne voulez pas importer une colonne, sélectionnez "Ne pas importer" dans le menu déroulant.
Différentes options d'import lors d'un import CSV dans le CMS Webflow

Comment structurer votre fichier CSV

Pour assurer une importation réussie, assurez-vous que votre fichier CSV est correctement structuré. Voici quelques conseils pour structurer correctement votre fichier CSV :

  1. Utilisez des virgules pour séparer les valeurs dans votre fichier CSV.
  2. Incluez une ligne d'en-tête avec des étiquettes de colonne pour décrire le contenu de chaque colonne.
  3. Assurez-vous que chaque colonne contient des données cohérentes (par exemple, une colonne pour les noms, une autre pour les adresses e-mail, etc.).
  4. Évitez d'utiliser des caractères spéciaux, tels que des guillemets, des virgules ou des retours à la ligne, dans les champs de texte.
  5. Si votre fichier CSV contient des dates, assurez-vous qu'elles sont formatées de manière cohérente (par exemple, jj/mm/aaaa).

Types de données pris en charge

Lors de l'importation de données dans Webflow, il est important de comprendre les types de données pris en charge. Les types de données pris en charge comprennent les champs de texte, les champs de texte enrichi, les champs de date, les champs de référence et les champs d'image. Pour les images, vous devez fournir l'URL directe de l'image, et Webflow téléchargera l'image et l'associera à l'élément de collection correspondant.

Erreurs d'importation et dépannage

Si vous rencontrez des erreurs lors de l'importation de votre fichier CSV, vérifiez les éléments suivants :

  1. Assurez-vous que votre fichier CSV est correctement formaté et ne contient pas de caractères spéciaux non pris en charge.
  2. Vérifiez que vous avez associé les colonnes de votre fichier CSV aux champs appropriés dans votre collection.
  3. Assurez-vous que toutes les données obligatoires sont présentes dans votre fichier CSV.
  4. Si vous rencontrez des problèmes avec l'importation d'images, assurez-vous que vous fournissez des URL d'image valides.

Note :  découvrez comment exporter les données de votre CMS Webflow dans cet article

Conclusion

Maintenant que vous savez comment importer des données dans les collections sur Webflow à l'aide d'un fichier CSV, vous pouvez gagner du temps et simplifier la gestion de votre contenu.

Pour en apprendre davantage sur Webflow et découvrir d'autres conseils et astuces, n'hésitez pas à explorer les différentes ressources de Digidop pour en savoir plus sur la création et la gestion de sites Web avec Webflow

Article complémentaires qui peuvent vous intéresser :

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !

Restez informés de l’actu Digidop !