Bereid je CSV-bestand voor

Zorg ervoor dat je bestand geëxporteerd is als een "CSV"-bestand, ook wel bekend als een "Comma Separated Values"-bestand. Als je problemen ondervindt, wil je controleren of je bestand UTF-8-gecodeerd is en minder dan 5 MB is. Als je bestand groter is dan dat, probeer dan kolommen te verwijderen die je mogelijk niet nodig hebt. Zie hieronder voor aanvullende informatie over specifieke velden.

Tip: Je hoeft niet elke kolom van je CSV te importeren. Alleen velden die zijn ingesteld in je CMS-collectie in de volgende stap zullen worden geïmporteerd.

Rich Text Velden

Geformatteerde tekstinhoud moet worden opgemaakt als HTML. Veel tags worden ondersteund, zoals paragrafen en koppen <p>, <h1>, <h2>), opmaak (<em>, <i>, <strong>), links (<a>), lijsten (<ol>, <ul>, <li>) en afbeeldingen (<img>). Afbeeldingen van URL's worden automatisch gedownload vanaf hun originele bron en geïmporteerd in Framer.

Afbeelding Velden

Afbeeldingen in je CSV-inhoud moeten URL's naar een afbeelding zijn. Ze worden gedownload en geïmporteerd in Framer. Relatieve paden worden niet ondersteund.

Datum Velden

Het aanbevolen formaat is ISO8601-conform, bijvoorbeeld: 2023-12-17T14:42:00. De verkorte waarde van jaar-maand-dag wordt ook ondersteund, bijvoorbeeld: 1982-12-01. Lange formaatstrings kunnen werken, maar zijn afhankelijk van je browser, bijvoorbeeld: Di 12 mei 2020 18:50:21 GMT-0500 (Central Daylight Time). Alle tijdgegevens, inclusief tijdzone-informatie, worden van de datum verwijderd.

Kleur Velden

Een kleur geformatteerd als CSS hexadecimale RGB-code, rgb, hls of hlv-expressie, of een benoemde kleur. Alle varianten met een alpha-waarde worden ook ondersteund. Voorbeelden: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), blauw, donkergroen, rebeccapurple.

Toggle Velden

Een booleaanse waarde. Y, ja, TRUE, 1 zal worden geïnterpreteerd als de toggle zijnde "Ja", alle andere waarden zullen "Nee" zijn.

Bereid je CMS-collectie voor

Hier is een checklist om je CMS-collectie voor te bereiden op importeren.

1. Controleer of elk veld/koolom in je CSV een bijpassend veld heeft in je CMS-collectie met de zelfde naam.

2. Neem een uniek veld op voor elk item, vaak genaamd "Slug"

3. Controleer of je datatypes overeenkomen (bijv. een CMS-datumniveau voor een datumniveau in je gegevens)

Tip: Framer gebruikt je Slug-veld om elk item te identificeren en zal het gebruiken om dat item bij te werken met herhaalde importen.

Importeer je CSV-bestand

Je kunt de functie Importeren vinden door naar het CMS in je project te gaan en op "Import" in de werkbalk te klikken. Vanuit daar kun je je CSV-bestand selecteren voor importeren. Je kunt ook je CSV-bestand rechtstreeks in de CMS-collectie-interface slepen en neerzetten.

Tip: Importeren ondersteunt Ongedaan maken / Opnieuw doen-acties. Als je niet tevreden bent met de import, kun je eenvoudig de wijziging ongedaan maken met CMD+Z op MacOS of CTRL + Z op Windows. Opnieuw doen zal de import niet opnieuw uitvoeren, maar de wijzigingen direct toepassen op de collectie.

Bijwerken of Her-importeren

Om je inhoud bij te werken, kun je opnieuw in dezelfde collectie importeren. Als een item in de nieuwe import een slug-veld heeft dat overeenkomt met een van de items in je collectie, kun je het bijwerken of opnieuw importeren.