Préparez votre fichier CSV

Assurez-vous que votre fichier est exporté au format « CSV », également appelé fichier « valeurs séparées par des virgules ». Si vous rencontrez des problèmes, vérifiez 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. Voir ci-dessous pour plus d'informations sur certains champs.

Conseil : vous n'avez pas besoin d'importer toutes les colonnes de votre CSV. Seuls les champs configurés dans votre collection CMS à l'étape suivante seront importés.

Champs de texte enrichi

Le contenu textuel formaté doit être au format HTML. De nombreuses balises sont prises en charge, notamment les paragraphes et les titres <p>,<h1>, <h2>), la mise en forme (<em>, <i>, <strong>), les liens (<a>), les listes (<ol>, <ul>, <li>) et les images (<img>). Les images provenant d'URL seront automatiquement téléchargées depuis leur source d'origine et importées dans Framer.

Champs image

Les images de votre contenu CSV doivent être des URL pointant vers une image. Elles seront téléchargées et importées dans Framer. Les chemins relatifs ne sont pas pris en charge.

Champs de date

Le format recommandé est conforme à ISO8601, par exemple : 2023-12-17T14:42:00. Le format abrégé année-mois-jour est également pris en charge, par exemple : 1982-12-01. Les chaînes au format long peuvent fonctionner, mais cela dépendra de votre navigateur, par exemple : Tue May 12 2020 18:50:21 GMT-0500 (Central Daylight Time). Toutes les données horaires, y compris les informations de fuseau horaire, seront supprimées de la date.

Champs de couleur

Une couleur formatée comme un code RGB hexadécimal CSS, une expression rgb, hls ou hlv, ou une couleur nommée. Toutes les variantes avec une valeur alpha sont également prises en charge. Exemples : #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), blue, darkgreen, rebeccapurple.

Champs à bascule

Une valeur booléenne. Y, yes, TRUE, 1 seront interprétés comme « Oui », toutes les autres valeurs comme « Non ».

Préparez votre collection CMS

Voici une liste de vérification pour préparer votre collection CMS à l'importation.

1. Vérifiez que chaque champ/colonne de votre CSV possède un champ correspondant dans votre collection CMS portant le même nom.

2. Incluez un champ unique pour chaque élément, souvent nommé "Slug"

3. Vérifiez que vos types de données correspondent (par exemple, un champ de date CMS pour un champ de date dans vos données)

Conseil : Framer utilise votre champ Slug pour identifier chaque élément et l'utilisera pour mettre à jour cet élément lors des importations répétées.

Importez votre fichier CSV

Vous pouvez trouver la fonctionnalité d'importation en allant dans le CMS de votre projet, puis en cliquant sur "Importer" dans la barre d'outils. À partir de là, vous pouvez sélectionner votre fichier CSV à importer. Vous pouvez également faire glisser et déposer votre fichier CSV directement dans l'interface de la collection CMS.

Conseil : l'importation prend en charge les actions Annuler / Rétablir. Si le résultat ne vous convient pas, vous pouvez simplement annuler la modification avec CMD+Z sur MacOS ou CTRL + Z sur Windows. Le rétablissement ne relancera pas l'importation, mais appliquera instantanément les modifications à la collection.

Mise à jour ou réimportation

Pour mettre à jour votre contenu, vous pouvez importer à nouveau dans la même collection. Si un élément du nouvel import possède un champ slug qui correspond à l'un des éléments de votre collection, vous pourrez le mettre à jour ou ignorer de nouveau son importation.