Préparez votre fichier CSV
Assurez-vous que votre fichier est exporté en tant que fichier "CSV", également connu sous le nom de fichier "Comma Separated Values". Si vous rencontrez des problèmes, vous souhaiterez vérifier que votre fichier est encodé en UTF-8 et qu'il fait moins de 5 Mo. Si votre fichier est plus volumineux, essayez de supprimer les colonnes dont vous n'avez peut-être pas besoin. Consultez ci-dessous pour des informations supplémentaires sur des champs spécifiques.
Astuce : Vous n'êtes pas obligé d'importer chaque colonne de votre CSV. Seuls les champs configurés dans votre collection CMS à l'étape suivante seront importés.
Champs de texte enrichi
Le contenu texte formaté doit être formaté en HTML. De nombreuses balises sont supportées, telles que des paragraphes et des en-têtes <p>, <h1>, <h2>), formatage (<em>, <i>, <strong>), liens (<a>), listes (<ol>, <ul>, <li>) et images (<img>). Les images provenant des URL seront automatiquement téléchargées depuis leur source d'origine et importées dans Framer.
Champs d'image
Les images dans votre contenu CSV doivent être des URL vers une image. Elles seront téléchargées et importées dans Framer. Les chemins relatifs ne sont pas supportés.
Champs de date
Le format recommandé est conforme à ISO8601, par exemple : 2023-12-17T14:42:00. La valeur abrégée année-mois-jour est également supportée, par exemple : 1982-12-01. Les chaînes de format long peuvent fonctionner, mais dépendront de votre navigateur, par exemple : Mar 12 mai 2020 18:50:21 GMT-0500 (Central Daylight Time). Toutes les données temporelles, y compris les informations de fuseau horaire, seront supprimées de la date.
Champs de couleur
Une couleur formatée en code RGB hexadécimal CSS, expression rgb, hls ou hlv, ou une couleur nommée. Toutes les variantes avec une valeur alpha sont également supportées. Exemples : #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), bleu, vert foncé, rebeccapurple.
Champs à bascule
Une valeur booléenne. Y, oui, VRAI, 1 sera interprété comme le basculement étant "Oui", toutes les autres valeurs seront "Non".
Préparez votre collection CMS
Voici une liste de contrôle pour préparer votre collection CMS pour l'importation.
Vérifiez que chaque champ/colonne de votre CSV a un champ correspondant dans votre collection CMS avec le même nom.
Incluez un champ unique pour chaque élément, souvent nommé "Slug"
Vérifiez que vos types de données correspondent (par ex. un champ de date CMS pour un champ de date dans vos données)
Astuce : Framer utilise votre champ Slug pour identifier chaque élément et l'utilisera pour mettre à jour cet élément avec des imports répétés.
Importez votre fichier CSV
Vous pouvez trouver la fonction Importer en allant dans le CMS de votre projet et en cliquant sur "Importer" dans la barre d'outils. De là, vous pouvez sélectionner votre fichier CSV pour l'importation. Vous pouvez également faire glisser et déposer votre fichier CSV directement dans l'interface de la collection CMS.
Astuce : L'importation prend en charge les actions Annuler / Rétablir. Si vous n'êtes pas satisfait de l'importation, vous pouvez simplement annuler le changement avec CMD+Z sur MacOS ou CTRL + Z sur Windows. Rétablir ne relancera pas l'importation, mais appliquera instantanément les modifications à la collection.
Mise à jour ou nouvelle importation
Pour mettre à jour votre contenu, vous pouvez importer à nouveau dans la même collection. Si un élément de la nouvelle importation a un champ slug qui correspond à l'un des éléments de votre collection, vous pourrez le mettre à jour ou ignorer l'importation à nouveau.
Partager
