Prepara tu archivo CSV

Asegúrate de que tu archivo esté exportado como un archivo "CSV", también conocido como archivo de "Valores separados por comas". Si encuentras algún problema, querrás verificar que tu archivo esté codificado en UTF-8 y tenga menos de 5 MB. Si tu archivo es más grande que eso, intenta eliminar las columnas que quizá no necesites. Consulta abajo para obtener información adicional sobre campos específicos.

Consejo: No tienes que importar todas las columnas de tu CSV. Solo se importarán los campos configurados en tu colección de CMS en el siguiente paso.

Campos de texto enriquecido

El contenido de texto con formato necesita formatearse como HTML. Se admiten muchas etiquetas, como párrafos y encabezados <p>,<h1>, <h2>), formato (<em>, <i>, <strong>), enlaces (<a>), listas (<ol>, <ul>, <li>) e imágenes (<img>). Las imágenes de las URL se descargarán automáticamente desde su स्रोत original e importarán en Framer.

Campos de imagen

Las imágenes en el contenido de tu CSV deben ser URL de una imagen. Se descargarán e importarán 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 en formato largo pueden funcionar, pero dependerán de tu navegador, por ejemplo: Tue May 12 2020 18:50:21 GMT-0500 (Central Daylight Time). Todos los datos de hora, incluida la información de zona horaria, se eliminarán de la fecha.

Campos de color

Un color formateado como código RGB hexadecimal CSS, expresión rgb, hls o hlv, o un color con nombre. También se admiten todas las variantes con un valor alfa. Ejemplos: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), blue, darkgreen, rebeccapurple.

Campos de alternancia

Un valor booleano. Y, yes, TRUE, 1 se interpretarán como que el interruptor está en "Sí", y todos los demás valores se interpretarán como "No".

Prepara tu colección de CMS

Aquí tienes una lista de verificación para preparar tu colección de CMS para la importación.

1. Verifica que cada campo/columna de 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 (p. ej., un campo de fecha de CMS para un campo de fecha en tus datos)

Consejo: Framer usa 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 importación yendo al CMS de tu proyecto y haciendo clic en "Import" en la barra de herramientas. Desde allí, puedes seleccionar tu archivo CSV para importarlo. También puedes arrastrar y soltar tu archivo CSV directamente en la interfaz de la colección de CMS.

Consejo: La importación admite acciones de Deshacer / Rehacer. Si no estás satisfecho con la importación, puedes deshacer el cambio fácilmente 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 volver a importar

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