Importação de Conteúdo
July 7, 2025
Prepare seu arquivo CSV
Certifique-se de que seu arquivo esteja exportado no formato "CSV" (Comma Separated Values). Caso tenha problemas, verifique se o arquivo está codificado em UTF-8 e tem menos de 5 MB. Se for maior, tente remover colunas desnecessárias. Veja abaixo informações específicas sobre os campos.
Dica: Não é necessário importar todas as colunas do CSV. Apenas os campos configurados na sua coleção CMS na próxima etapa serão importados.
Campos de Texto Rico
Conteúdos formatados precisam estar em HTML. Várias tags são suportadas, como parágrafos e cabeçalhos (<p>, <h1>, <h2>), formatação (<em>, <i>, <strong>), links (<a>), listas (<ol>, <ul>, <li>) e imagens (<img>). Imagens de URLs serão automaticamente baixadas e importadas para o Framer.
Campos de Imagem
As imagens no CSV devem ser URLs diretas para arquivos de imagem. Elas serão baixadas e importadas para o Framer. Caminhos relativos não são suportados.
Campos de Data
O formato recomendado é ISO8601, por exemplo: 2023-12-17T14:42:00. Também são aceitos formatos abreviados como ano-mês-dia, ex: 1982-12-01. Formatos longos podem funcionar, mas dependem do navegador, por exemplo: Tue May 12 2020 18:50:21 GMT-0500. Toda informação de horário e fuso será ignorada.
Campos de Cor
Aceita cores em formato hexadecimal CSS, rgb, hls, hlv, ou nome de cor. Variantes com valor alpha também são suportadas. Exemplos: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), blue, darkgreen, rebeccapurple.
Campos Toggle (Ligado/Desligado)
Valores booleanos: Y, yes, TRUE, 1 serão interpretados como "Sim". Todos os outros valores serão "Não".
Prepare sua Coleção CMS
Checklist para preparar sua coleção CMS para importação:
Verifique se cada campo/coluna do CSV tem um campo correspondente na coleção CMS com o mesmo nome.
Inclua um campo único para cada item, normalmente chamado "Slug".
Confirme que os tipos de dados batem (ex: campo Data no CMS para datas no CSV).
Dica: O Framer usa o campo Slug para identificar cada item e atualizar os dados em importações repetidas.
Importe seu arquivo CSV
A função de importação está disponível na seção CMS do seu projeto, clicando em "Importar" na barra de ferramentas. Você pode selecionar o arquivo CSV ou arrastá-lo diretamente para a interface da coleção CMS.
Dica: A importação suporta ações de Desfazer/Refazer. Se não gostar do resultado, use CMD+Z (MacOS) ou CTRL+Z (Windows) para desfazer. Refazer não executa a importação novamente, apenas reaplica as mudanças.
Atualizando ou Reimportando
Para atualizar o conteúdo, importe para a mesma coleção novamente. Se algum item da nova importação tiver o mesmo valor no campo Slug de um item já existente, você poderá atualizá-lo ou pular a importação desse item.