Prepara tu archivo CSV

Asegúrate de que tu archivo esté exportado como un archivo "CSV", también conocido como un archivo "Valores Separados por Comas". Si encuentras algún problema, querrás verificar que tu archivo esté codificado en UTF-8 y sea menor de 5 mb. Si tu archivo es más grande que eso, intenta eliminar columnas que no necesites. Consulta a continuación información adicional sobre campos específicos.

Sugerencia: No tienes que importar cada columna de tu CSV. Solo los campos configurados en tu colección de CMS en el siguiente paso serán importados.

Campos de Texto Enriquecido

El contenido de texto formateado necesita estar formateado como HTML. Se admiten muchas etiquetas, como párrafos y encabezados <p>, <h1>, <h2>), formateo (<em>, <i>, <strong>), enlaces (<a>), listas (<ol>, <ul>, <li>) e imágenes (<img>). Las imágenes desde URLs se descargarán automáticamente desde su fuente original e importadas en Framer.

Campos de Imagen

Las imágenes en el contenido de tu CSV deben ser URLs a una imagen. Serán descargadas e importadas en Framer. Las rutas relativas no son compatibles.

Campos de Fecha

El formato recomendado es compatible con ISO8601, por ejemplo: 2023-12-17T14:42:00. También se admite el valor abreviado de año-mes-día, por ejemplo: 1982-12-01. Las cadenas de formato largo pueden funcionar, pero dependerán de tu navegador, por ejemplo: Tue May 12 2020 18:50:21 GMT-0500 (Hora de verano central). Todos los datos de tiempo, incluyendo la información de la zona horaria, serán eliminados de la fecha.

Campos de Color

Un color formateado como código RGB hexadecimal CSS, rgb, expresión hls o hlv, o un color nombrado. Todas las variantes con un valor alfa también son compatibles. Ejemplos: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), azul, verdeoscuro, púrpura de rebeca.

Campos de Alternar

Un valor booleano. Y, sí, VERDADERO, 1 serán interpretados como que el alternador es "Sí", todos los demás valores serán "No".

Prepara tu Colección de CMS

Aquí hay una lista de verificación para preparar tu colección de CMS para importar.

1. Verifica que cada campo/columna en tu CSV tenga un campo coincidente en tu colección de CMS con el mismo nombre.

2. Incluye un campo único para cada elemento, a menudo llamado "Slug"

3. Verifica que tus tipos de datos coincidan (por ejemplo, un campo de fecha de CMS para un campo de fecha en tus datos)

Sugerencia: Framer utiliza tu campo Slug para identificar cada elemento, y lo usará para actualizar ese elemento con importaciones repetidas.

Importa tu archivo CSV

Puedes encontrar la función de Importar yendo al CMS en tu proyecto y haciendo clic en "Importar" en la barra de herramientas. Desde allí, puedes seleccionar tu archivo CSV para importar. También puedes arrastrar y soltar tu archivo CSV directamente en la interfaz de colección de CMS.

Sugerencia: La importación admite acciones de Deshacer / Rehacer. Si no estás satisfecho con la importación, puedes simplemente deshacer el cambio con CMD+Z en MacOS o CTRL + Z en Windows. Rehacer no volverá a ejecutar la importación, sino que aplicará instantáneamente los cambios a la colección.

Actualizar o Reimportar

Para actualizar tu contenido, puedes importar en la misma colección nuevamente. Si algún elemento de la nueva importación tiene un campo slug que coincide con uno de los elementos en tu colección, podrás actualizarlo o omitir la importación nuevamente.