O conteúdo dinâmico é um recurso versátil que transforma os elementos do seu site em componentes dinâmicos e orientados a dados. Isso significa que, em vez de atualizar manualmente cada conteúdo do seu site, você pode vincular elementos a uma única fonte de dados — gerenciada dentro do editor ou proveniente de fontes externas. Isso garante que seu site permaneça consistente, preciso e atualizado com o mínimo de esforço.
Você pode criar seu próprio Conteúdo Dinâmico: Páginas Dinâmicas, que funcionam como modelos que preenchem automaticamente várias páginas com o mesmo layout e estrutura. Além disso, o conteúdo dinâmico alimenta recursos integrados, como posts de blog e páginas de produtos, integrando e exibindo seus dados de forma perfeita.
Em essência, o conteúdo dinâmico simplifica seu fluxo de trabalho ao centralizar o gerenciamento de dados, reduzir atualizações manuais e garantir que seu site sempre reflita as informações mais atuais.
O que é conteúdo dinâmico
Conteúdo dinâmico é o conteúdo de um site que é gerado ou atualizado automaticamente com base em dados de uma coleção ou banco de dados. Em vez de atualizar o site manualmente, as atualizações podem ser feitas na coleção ou no banco de dados.
Essa funcionalidade alimenta ferramentas integradas (como blogs), conteúdo semi-personalizável, como conteúdo empresarial dinâmico, e soluções totalmente personalizáveis, como páginas dinâmicas.
Continue a leitura para saber mais sobre onde o conteúdo dinâmico é armazenado, como ele pode ser usado e como se conecta ao seu site nas seções a seguir.
Onde o conteúdo dinâmico é armazenado
Existem diversos locais onde o conteúdo pode ser armazenado, e a localização pode depender do seu objetivo final.
- Dados Conectados: Informações Comerciais, Texto e Imagens (dentro do editor). Essas áreas são ideais para armazenar conteúdo estático que pode precisar de atualizações, como números de telefone, imagens da equipe e muito mais. Quando atualizado, esse conteúdo será atualizado automaticamente em todos os elementos conectados do site. Consulte Conteúdo Dinâmico: Informações Comerciais, Texto e Imagens.
- Coleções (Internas, Planilhas Google, Airtable e Externas): As coleções são semelhantes a bancos de dados, pois contêm listas de itens com o mesmo tipo de informação (nome, localização, imagem etc.). O uso típico de coleções é gerar várias páginas a partir de uma página dinâmica, como por exemplo, anúncios imobiliários, páginas de equipes e muito mais. As coleções podem ser armazenadas interna ou externamente. Consulte Conteúdo Dinâmico: Coleções. No entanto, se você precisar gerenciar conteúdo estático que requer atualizações ocasionais e desejar mais flexibilidade do que a área de Informações Comerciais oferece, também poderá usar coleções em páginas comuns (consulte Conteúdo Dinâmico: Coleções para Páginas Comuns).
- Funcionalidades integradas: presentes em recursos nativos, como posts de blog e páginas de produtos.
Onde o conteúdo dinâmico pode ser usado
O conteúdo dinâmico pode ser usado em diversas áreas, dependendo de onde é armazenado ou de como é configurado.
- Widgets.
- Para obter detalhes sobre os widgets disponíveis para os diferentes tipos de opções de armazenamento, consulte a seção "Vinculação de Widgets e Configurações" abaixo.
- Elementos da tela.
- Fundos de linhas e colunas.
- Configurações.
- SEO específico para cada página.
- Gráfico aberto específico da página.
- HTML de cabeçalho específico da página (vinculação integrada).
Dica:
Os recursos integrados, as postagens do blog e as páginas de produtos já vêm pré-construídos com quase tudo o que você precisa, embora ofereçam a flexibilidade de editá-los.
Vinculação de widget e configurações
| Widgets e elementos | Dados conectados (informações comerciais, texto e imagens) e coleções configuradas para uso em páginas comuns. | Coleções (quando conectadas a uma página dinâmica) |
|---|---|---|
| Texto: parágrafo, títulos | ✓ | ✓ |
| Ícone | ✓ | ✓ |
| Imagem | ✓ | ✓ |
| Mapa | ✓ | ✓ |
| Multilocalização (somente dados conectados) | ✓ | ✗ |
| Botão/Clique para ligar/Clique para enviar e-mail (texto no botão) | ✓ | ✓ |
| Widgets sociais | ✓ | ✓ |
| Galeria de fotos | ✗ | ✓ |
| Carrossel de imagens | ✗ | ✓ |
| Controle deslizante de mídia | ✗ | ✓ |
| Lista | ✗ | ✓ |
| Controle deslizante de fundo | ✗ | ✓ |
| Imagem de fundo | ✓ | ✓ |
| Horário comercial (Atualização somente via API) | ✓ | ✓ |
| Widget de Texto e Imagem | ✓ | ✓ |
| Widget de Forma | ✓ | ✓ |
| Widget HTML | ✓ | ✓ |
| Formulário de Contato | ✓ | ✓ |
| Widget de acordeão | ✓ | ✓ |
| Widget de tabela | ✗ | ✓ |
Como o conteúdo dinâmico é conectado
Existem 2 maneiras pelas quais o conteúdo dinâmico é conectado:
Vinculação de widget inteiro e configurações. Widgets inteiros e certas configurações podem ser conectados.
Vinculação embutida. Conecte partes específicas de texto, como um nome de empresa ou descrição, dentro de uma seção maior de texto que não está conectada.
Vinculação de widget inteiro e configurações
Dica:
Os recursos integrados, posts de blog e páginas de produtos já vêm com widgets conectados.
Para conectar um widget ou elemento canvas (fundos de linha e coluna):
- Clique com o botão direito do mouse no widget ou elemento que deseja conectar e selecione Conectar aos dados.
- Selecione os dados desejados usando o menu suspenso (apenas as opções de dados relevantes são exibidas).
- Selecione Concluído.
Os dados conectados 
O ícone aparece no widget ou elemento indicando que ele está conectado.
Para conectar as configurações de SEO e o HTML do cabeçalho:
- No painel lateral, clique em Páginas e, em seguida, clique em Configurações (
) ícone para a página dinâmica desejada. - Clique em Editar SEO da página.
- Clique em Conectar dados Ícone do campo desejado. Dica: Continue rolando para chegar ao campo HTML do cabeçalho.
- Selecione os dados desejados usando o menu suspenso (apenas as opções de dados relevantes são exibidas).
- Clique em Concluído.
Vinculação em linha
A vinculação embutida permite usar o recurso Dynamic para uma palavra ou palavras específicas em widgets compatíveis. O texto vinculado pode ser formatado e associado da mesma forma que um texto normal.
O design da Biblioteca de Conteúdo substitui o design do editor de texto para textos conectados.
Para usar a vinculação embutida para widgets de texto:
- Digite {{{ no editor de texto para abrir a janela pop-up Conectar Dados.
- Selecione a etiqueta que deseja conectar.
- Clique em Salvar .
Durante a edição, o rótulo aparece no editor entre chaves (por exemplo, {{label}} ). O texto correspondente é exibido após o fechamento do editor. Você também pode exibir o texto correspondente clicando no ícone Dados Conectados.
Somente os usuários com Dados Conectados em sua conta veem o ícone de Dados Conectados, mas todos os usuários veem o rótulo entre chaves durante a edição.
Alternativamente, você pode digitar o rótulo diretamente no editor de texto, entre duas chaves, para conectar o texto usando vinculação embutida. Por exemplo, {{content_library.global}} .
Vinculação embutida para o widget Acordeão
Para usar a vinculação embutida no widget Acordeão:
- Adicione um widget de acordeão à página desejada.
- Abra a aba de conteúdo do widget.
- Selecione qualquer item do acordeão.
- Na caixa de texto do campo de descrição, clique no botão Vinculação de Dados.
no canto superior esquerdo da barra de ferramentas. - Na janela pop-up de dados conectados, escolha qualquer campo que desejar conectar.
- O campo selecionado será adicionado ao campo de descrição como um item de vinculação embutida - isso indica que você também pode adicionar texto estático à descrição e combiná-lo com os dados dinâmicos.
Atualmente, apenas a descrição suporta vinculação embutida. Todos os outros campos (título, imagem e botão) são estáticos. Caso não sejam necessários, os campos de imagem e botão podem ser ocultados.
Desconectar dados
Para desconectar um widget:
- Clique com o botão direito do mouse no widget e clique em Alterar conexão .
- No menu, selecione Nenhum .
- Para widgets que possuem menus de edição de conteúdo, se você já estiver no editor de conteúdo do widget, pode passar o cursor sobre o ícone azul no canto superior direito e clicar em Desconectar .
Desconectar um widget reverte o texto e seu estilo para o estilo usado anteriormente.
Para desconectar as configurações de SEO e o HTML do cabeçalho:
- No painel lateral, clique em Páginas e, em seguida, clique em Configurações ( ) ícone para a página dinâmica desejada.
- Clique em Editar SEO da página .
- Clique em Conectar dados Ícone do campo desejado. Dica: Continue rolando para chegar ao campo HTML do cabeçalho.
- Clique na lista suspensa e selecione Nenhum.
- Clique em Concluído .