Importando conteúdo

Prepare seu arquivo CSV

Certifique-se de que seu arquivo seja exportado como um arquivo "CSV", também conhecido como arquivo de "Valores Separados por Vírgula". Se encontrar algum problema, verifique se o arquivo está codificado em UTF-8 e tem menos de 5 MB. Se o arquivo for maior que isso, tente remover as colunas que você não precisa. Veja abaixo informações adicionais sobre campos específicos.

Dica: Você não precisa importar todas as colunas do seu CSV. Somente os campos configurados na sua coleção CMS na próxima etapa serão importados.

Campos de Texto Rico

O conteúdo de texto formatado precisa estar formatado como HTML. Muitas 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 baixadas automaticamente de sua fonte original e importadas para o Framer.

Campos de Imagem

As imagens no seu arquivo CSV devem ser URLs. Elas serão baixadas e importadas para o Framer. Caminhos relativos não são suportados.

Campos de Data

O formato recomendado é compatível com ISO8601, por exemplo: 2023-12-17T14:42:00. O formato abreviado ano-mês-dia também é suportado, por exemplo: 1982-12-01. Strings de formato longas podem funcionar, mas dependerão do seu navegador, por exemplo: Ter 12 Mai 2020 18:50:21 GMT-0500 (Horário Central de Verão). Todos os dados de hora, incluindo informações de fuso horário, serão removidos da data.

Campos de Cor

Uma cor formatada como código hexadecimal RGB em CSS, expressão rgb, hls ou hlv, ou uma cor nomeada. Todas as variantes com um valor alfa também são suportadas. Exemplos: #00ffee, rgb(0, 153, 255), hsla(204, 100%, 50%, 0.5), blue, darkgreen, rebeccapurple.

Campos de Alternância

Um valor booleano. Y, sim, TRUE, 1 será interpretado como "Sim", todos os outros valores serão "Não".

Prepare sua Coleção CMS

Aqui está uma lista de verificação para preparar sua coleção CMS para importação.

1. Verifique se cada campo/coluna em seu CSV possui um campo correspondente em sua coleção CMS com o mesmo nome.

2. Inclua um campo exclusivo para cada item, geralmente chamado de "Slug".

3. Verifique se seus tipos de dados correspondem (por exemplo, um campo de Data do CMS para um campo de data em seus dados).

Dica: O Framer usa seu campo Slug para identificar cada item e o utilizará para atualizar esse item em importações repetidas.

Importe seu arquivo CSV

Você encontra a opção Importar acessando o CMS do seu projeto e clicando em "Importar" na barra de ferramentas. Lá, você pode selecionar o arquivo CSV que deseja importar. Você também pode arrastar e soltar o arquivo CSV diretamente na interface da coleção do CMS.

Dica: A importação permite desfazer e refazer as ações. Se não estiver satisfeito com a importação, basta desfazer a alteração com CMD+Z no macOS ou CTRL+Z no Windows. Refazer não executará a importação novamente, mas aplicará as alterações à coleção instantaneamente.

Atualizando ou reimportando

Para atualizar seu conteúdo, você pode importá-lo novamente para a mesma coleção. Se algum item na nova importação tiver um campo "slug" que corresponda a um dos itens da sua coleção, você poderá atualizá-lo ou optar por não importá-lo novamente.