Conteúdo Dinâmico é um recurso versátil que transforma os elementos do seu site em componentes dinâmicos, orientados por 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 — seja 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 servem como modelos que preenchem automaticamente várias páginas com o mesmo layout e estrutura. Além disso, o Conteúdo Dinâmico oferece 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.
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 viabiliza tool 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 está presente nas lojas, como ele pode ser usado e como se conecta ao seu site nas seções a seguir.
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 conteúdo estático de lojas que pode precisar de atualizações, como números de telefone, imagens da equipe e muito mais. Ao ser atualizado, este conteúdo será automaticamente atualizado 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 que possuem 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; alguns exemplos podem ser anúncios imobiliários, páginas de equipes e muito mais. As coleções podem ser armazenadas internamente 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.
O conteúdo dinâmico pode ser usado em diversas áreas, dependendo de onde as lojas estão localizadas ou de como estão configuradas.
-
widget.
-
Para obter detalhes sobre os widget disponíveis para os diferentes tipos de opções de armazenamento, consulte Vinculaçãowidget e configurações.
-
-
Elementos da tela.
-
Editor clássico: planos de fundo de linhas e colunas.
-
Editor 2.0: planos de fundo da seção.
-
-
Configurações.
-
SEO específico para cada página.
-
Open Graph específico da página.
-
HTML de cabeçalho específico da página (vinculação embutida).
-
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.
|
widget 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 |
Sim |
Não |
|
Ícone |
Sim |
Não |
|
Imagem |
Sim |
Sim |
|
Mapas e Direções |
Sim |
Sim |
|
Várias localizações (apenas informações comerciais) |
Sim |
Não |
|
Botão/clique para ligar/clique para enviar e-mail (texto no botão) |
Sim |
Não |
|
Social widget |
Sim |
Sim |
|
Galeria de fotos |
Não |
Sim |
|
Imagem Deslizante |
Não |
Sim |
|
Controle deslizante de mídia |
Não |
Sim |
|
Lista |
Não |
Sim |
|
Controle deslizante de fundo |
Não |
Sim |
|
Imagem de Fundo |
Sim |
Sim |
|
Horário comercial (Atualização somente via API) |
Sim |
Sim |
|
Texto e imagem widget |
Sim |
Sim |
|
Forma widget |
Sim |
Sim |
|
Widget HTML |
Sim |
Sim |
|
Formulário de Contato |
Sim |
Sim |
|
Widget Acordeão |
Sim |
Sim |
|
Widget de tabela |
Não |
Sim |
|
Widget de vídeo |
Não |
Sim |
|
widgetde áudio |
Não |
Não |
|
widgetde acordeão avançado |
Não |
Não |
|
widgetde guias avançadas |
Não |
Não |
Existem duas maneiras de conectar o Conteúdo Dinâmico:
-
Vinculação completa do widget e das configurações. É possível conectar todo widget e determinadas configurações.
-
Vinculação em linha. Conecte trechos específicos de texto, como o nome ou a descrição de uma empresa, dentro de uma seção maior de texto que não esteja conectada.
Dica
Os recursos integrados, posts de blog e páginas de produtos da loja, já vêm com widget conectados.
Para conectar-se a um widget ou elemento de tela*:
-
Clique com o botão direito do mouse no widget ou elemento que deseja conectar e selecione Connect to Data (Conectar aos dados).
-
Selecione os dados desejados usando o menu suspenso (somente as opções de dados relevantes são mostradas).
-
Selecione Concluído.
O ícone Connected Data () aparece no widget ou elemento indicando que ele está conectado.
*Os fundos das seções podem ser conectados.
*Os elementos da tela que podem ser conectados são:
-
Editor clássico: planos de fundo de linhas e colunas.
-
Editor 2.0: planos de fundo da seção.
Para conectar as configurações de SEO e o cabeçalho HTML:
-
Clique no ícone Configurações da página dinâmica desejada.
-
Clique em Edit Page SEO.
-
Clique no ícone Conectar dados
() para o campo desejado.
Dica
Continue rolando para acessar o campo HTML do cabeçalho.
-
Selecione os dados desejados usando o menu suspenso (somente as opções de dados relevantes são mostradas).
-
Clique em Concluído.
A vinculação em linha é a capacidade de usar o Dynamic para uma palavra ou palavras específicas em widget. O texto conectado pode ser projetado e vinculado da mesma forma que o texto normal.
Nota
O design da Biblioteca de conteúdo substitui o design do editor de texto para texto conectado.
Para usar a vinculação em linha para o texto widget:
-
Digite {{{ no editor de texto para acionar o pop-up Connect Data.
-
Selecione o rótulo que você deseja conectar.
-
Clique em Salvar.
Durante a edição, o rótulo aparece no editor entre colchetes (por exemplo, {{rótulo}}) . O texto conectado é exibido após fechar o editor. Você também pode exibir o texto conectado clicando no ícone Dados conectados ().
Nota
Somente os usuários que tem Connected Data na conta verão seu ícone, no entanto, todos os usuários veem a etiqueta entre colchetes durante a edição.
Como alternativa, você pode digitar o rótulo diretamente no editor de texto, cercado por dois colchetes, para conectar o texto usando a vinculação embutida. Por exemplo, {{content_library.global}}.
Para usar a vinculação em linha para o widget Accordion:
-
Adicione um widget de acordeão à página desejada.
-
Abra a guia 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.
-
No popup de dados conectados, escolha o campo que o senhor deseja conectar.
-
O campo escolhido será adicionado ao campo de descrição como um item de vinculação em linha - isso indica que o senhor também pode adicionar texto estático à descrição e combiná-lo com os dados dinâmicos.
-
Nota
Atualmente, somente a descrição oferece suporte à vinculação em linha. Todos os outros campos (título, imagem e botão) são estáticos. Se não forem necessários, os campos de imagem e botão podem ser ocultados.