Bereid je CSV-bestand voor

Zorg ervoor dat je bestand is geëxporteerd als een "CSV"-bestand, ook wel bekend als een "Comma Separated Values"-bestand. Als je problemen tegenkomt, kun je verifiëren of je bestand UTF-8-gecodeerd is en minder dan 5 MB groot is. Als je bestand groter is dan dat, probeer dan kolommen te verwijderen die je misschien niet nodig hebt. Zie hieronder voor aanvullende informatie over specifieke velden. Tip: Je hoeft niet elke kolom uit je CSV te importeren. Alleen velden die zijn ingesteld in je CMS-verzameling in de volgende stap, worden geïmporteerd.

Rich Text-velden

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

Afbeeldingsvelden

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.

Datumvelden

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

Kleurvelden

Een kleur opgemaakt als CSS hexadecimale RGB-code, rgb, hls of hlv-expressie, of een genummerde kleur. Alle varianten met een alfa-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, WAAR, 1 worden geïnterpreteerd als de toggle "Ja", alle andere waarden worden "Nee".

Bereid je CMS-verzameling voor

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

• Verifieer dat elk veld of elke kolom in je CSV een overeenkomstig veld in je CMS-verzameling heeft met dezelfde naam.

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

• Verifieer dat je gegevenstypen overeenkomen (bijv. een CMS Datumveld voor een datumveld in je gegevens).

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

Implementeer je CSV-bestand

Je kunt de importfunctie vinden door naar het CMS in je project te gaan en op "Importeren" in de werkbalk te klikken. Van daaruit kun je jouw CSV-bestand selecteren voor importeren. Je kunt je CSV-bestand ook rechtstreeks in de interface van de CMS-verzameling slepen en neerzetten. Tip: Importeren ondersteunt Ongedaan maken / Opnieuw uitvoeren 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 uitvoeren zal de import niet opnieuw uitvoeren, maar de wijzigingen onmiddellijk toepassen op de verzameling.

Bijwerken of opnieuw importeren

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