Bereiten Sie Ihre CSV-Datei vor

Stellen Sie sicher, dass Ihre Datei als „CSV“-Datei exportiert wird, auch bekannt als „Comma Separated Values“-Datei. Wenn Sie auf Probleme stoßen, sollten Sie prüfen, ob Ihre Datei UTF-8-kodiert und kleiner als 5 MB ist. Wenn Ihre Datei größer ist, versuchen Sie, Spalten zu entfernen, die Sie möglicherweise nicht benötigen. Weitere Informationen zu bestimmten Feldern finden Sie unten.

Tipp: Sie müssen nicht jede Spalte aus Ihrer CSV importieren. Es werden nur Felder importiert, die im nächsten Schritt in Ihrer CMS-Sammlung eingerichtet wurden.

Rich-Text-Felder

Formatierter Textinhalt muss als HTML formatiert sein. Viele Tags werden unterstützt, z. B. Absätze und Überschriften <p>,<h1>, <h2>), Formatierungen (<em>, <i>, <strong>), Links (<a>), Listen (<ol>, <ul>, <li>) und Bilder (<img>). Bilder von URLs werden automatisch von ihrer ursprünglichen Quelle heruntergeladen und in Framer importiert.

Bildfelder

Bilder in Ihrem CSV-Inhalt müssen URLs zu einem Bild sein. Sie werden heruntergeladen und in Framer importiert. Relative Pfade werden nicht unterstützt.

Datumsfelder

Das empfohlene Format ist ISO8601-konform, zum Beispiel: 2023-12-17T14:42:00. Das Kurzformat Jahr-Monat-Tag wird ebenfalls unterstützt, zum Beispiel: 1982-12-01. Lange Formatstrings können funktionieren, hängen aber von Ihrem Browser ab, zum Beispiel: Tue May 12 2020 18:50:21 GMT-0500 (Central Daylight Time). Alle Zeitdaten, einschließlich Zeitzoneninformationen, werden aus dem Datum entfernt.

Farbfelder

Eine Farbe, formatiert als CSS-hexadezimaler RGB-Code, rgb-, hls- oder hlv-Ausdruck oder benannte Farbe. Alle Varianten mit einem Alpha-Wert werden ebenfalls unterstützt. Beispiele: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), blue, darkgreen, rebeccapurple.

Umschaltfelder

Ein boolescher Wert. Y, yes, TRUE, 1 werden als Umschalter „Ja“ interpretiert, alle anderen Werte als „Nein“.

Bereiten Sie Ihre CMS-Sammlung vor

Hier ist eine Checkliste, um Ihre CMS-Sammlung für den Import vorzubereiten.

1. Prüfen Sie, ob jedes Feld/jede Spalte in Ihrer CSV ein passendes Feld in Ihrer CMS-Sammlung mit demselben Namen hat.

2. Fügen Sie für jedes Element ein eindeutiges Feld hinzu, oft mit dem Namen „Slug“

3. Prüfen Sie, ob Ihre Datentypen übereinstimmen (z. B. ein CMS-Datumsfeld für ein Datumsfeld in Ihren Daten)

Tipp: Framer verwendet Ihr Slug-Feld, um jedes Element zu identifizieren, und wird es verwenden, um dieses Element bei wiederholten Importen zu aktualisieren.

Importieren Ihrer CSV-Datei

Die Import-Funktion finden Sie, indem Sie in Ihrem Projekt zum CMS gehen und in der Symbolleiste auf „Import“ klicken. Dort können Sie Ihre CSV-Datei zum Import auswählen. Sie können Ihre CSV-Datei auch direkt per Drag & Drop in die CMS-Sammlungsoberfläche ziehen.

Tipp: Der Import unterstützt Rückgängig-/Wiederholen-Aktionen. Wenn Sie mit dem Import nicht zufrieden sind, können Sie die Änderung einfach mit CMD+Z auf MacOS oder CTRL + Z unter Windows rückgängig machen. Wiederholen führt den Import nicht erneut aus, sondern wendet die Änderungen sofort auf die Sammlung an.

Aktualisieren oder erneut importieren

Um Ihre Inhalte zu aktualisieren, können Sie erneut in dieselbe Sammlung importieren. Wenn ein Element im neuen Import ein Slug-Feld hat, das mit einem der Elemente in Ihrer Sammlung übereinstimmt, können Sie es aktualisieren oder den erneuten Import überspringen.