Bereid uw CSV-bestand voor

Zorg ervoor dat uw bestand is geëxporteerd als een "CSV"-bestand, ook wel bekend als een "Comma Separated Values"-bestand. Als u problemen tegenkomt, wilt u verifiëren of uw bestand UTF-8-gecodeerd is en minder dan 5 MB groot is. Als uw bestand groter is dan dat, probeer dan kolommen te verwijderen die u misschien niet nodig heeft. Zie hieronder voor aanvullende informatie over specifieke velden.

Tip: U hoeft niet elke kolom uit uw CSV te importeren. Alleen velden die zijn ingesteld in uw 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 uw 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 uw 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 uw CMS-verzameling voor

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

1. Verifieer dat elk veld/k kolom in uw CSV een overeenkomstig veld in uw CMS-verzameling heeft met de dezelfde naam.

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

3. Verifieer dat uw gegevenstypen overeenkomen (bijv. een CMS Datumveld voor een datumveld in uw gegevens)

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

Implementeer uw CSV-bestand

U kunt de importfunctie vinden door naar het CMS in uw project te gaan en op "Importeren" in de werkbalk te klikken. Van daaruit kunt u uw CSV-bestand selecteren voor importeren. U kunt uw CSV-bestand ook rechtstreeks in de interface van de CMS-verzameling slepen en neerzetten.

Tip: Importeren ondersteunt Ongedaan maken / Opnieuw uitvoeren acties. Als u niet tevreden bent met de import, kunt u 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 uw inhoud bij te werken, kunt u opnieuw in dezelfde verzameling importeren. Als een item in de nieuwe import een slug-veld heeft dat overeenkomt met een van de items in uw verzameling, kunt u het bijwerken of het opnieuw importeren overslaan.