CMS: adicionar e configurar uma página dinâmica de lista | Central de Ajuda

CMS: adicionar e configurar uma página dinâmica de lista

23 min de leitura

As páginas dinâmicas de lista permitem que você mostre vários itens da sua coleção do CMS em um índice organizado. Cada item, exibido em um repetidor, galeria ou tabela, é vinculado à página dinâmica de item da coleção, onde os visitantes leem mais sobre o item específico.

Um conjunto de dados controla as conexões entre os elementos da página e os campos da sua coleção. Nas configurações do conjunto de dados, você pode controlar o número de itens que aparecem ao mesmo tempo. Você pode adicionar filtros para incluir apenas determinados itens ou adicionar condições de classificação que controlam a ordem em que eles aparecem.

Adicione botões "Ver mais" ou botões de navegação para melhorar o desempenho de carregamento da sua página se você tiver muitos itens para mostrar. Você também pode usar elementos de entrada como dropdowns, botões de opção ou caixas de seleção para dar aos visitantes a capacidade de filtrar os itens que veem na página.

Antes de começar:

Crie uma coleção do CMS que inclui os itens que você deseja exibir na sua página dinâmica de lista.
Crie uma página dinâmica de item para sua coleção. Você vincula os itens da sua página dinâmica de lista à página dinâmica de item da sua coleção. Se preferir, você pode adicionar a página dinâmica de item ao mesmo tempo que sua página dinâmica de lista. Veja o passo 1 abaixo para ver as instruções.

Etapa 1 | Adicione uma página dinâmica de lista

No painel do CMS no seu editor, crie uma página dinâmica de lista para sua coleção. Isso adiciona uma nova página que exibe diferentes itens da sua coleção em um repetidor que você personalizará mais tarde.

Editor Wix

Editor do Wix Studio

Vá para o seu editor.
Clique em CMS no lado esquerdo do Editor.
Clique em Suas coleções.
Clique na coleção a partir da qual você deseja criar sua página dinâmica de lista.
Clique em Mais ações e selecione Adicionar página dinâmica.
Selecione Página de lista e clique em Adicionar ao site.
Dica: selecione Página de item também para adicionar uma página dinâmica de item para a coleção ao mesmo tempo.

Etapa 2 | (Opcional) Modifique a estrutura do slug do URL

Pode ser que você queira editar a estrutura do slug do URL da sua página dinâmica de lista para manter os endereços web das suas páginas dinâmicas organizados.

Por exemplo, você pode criar as seguintes estruturas de slug do URL para suas páginas dinâmicas:

Página dinâmicas de lista: https://www.{seu-domínio.com}/{nome-da-coleção}
Página dinâmica de categoria: https://www.{seu-domínio.com}/{nome-da-coleção}/{categoria}
Página dinâmica de item: https://www.{seu-domínio.com}/{nome-da-coleção}/{categoria}/{campo-principal}

Ao editar a estrutura do slug do URL, a estrutura não pode mais ser usada por outras páginas existentes no seu site. Para ser exclusiva, a estrutura do slug do URL não pode ter o mesmo prefixo (por exemplo: {Nome da coleção}) e o mesmo número de variáveis que outra página em seu site, mesmo que as variáveis sejam diferentes.

Confira um exemplo de estruturas de slug do URL em conflito que não podem ser usadas

Importante:

Importante: se você alterar a estrutura do slug do URL das suas páginas dinâmicas, todos os links existentes para essas páginas não funcionarão mais. Isso afeta os links dentro do seu site, todos os links que você compartilhou externamente e os links de SEO nos motores de busca. Estamos lançando um recurso que permite que você adicione um redirecionamento automático, levando os visitantes e os motores de busca do URL antigo para o novo.

Para editar a estrutura do slug do URL da sua página dinâmica de lista:

Editor Wix

Editor do Wix Studio

Vá para o seu editor.
Clique em Páginas e menu no lado esquerdo do Editor.
Clique em Páginas dinâmicas.
Passe o mouse sobre a página dinâmica de lista que você acabou de criar e clique no ícone Mais ações à direita.
Dica: por definição, a página dinâmica de lista que você criou tem o título: {Nome da coleção} (Lista)
Clique em SEO.
Edite o campo Estrutura do slug do URL:
- Clique em Adicionar variável e escolha um campo de texto ou número para usar seus valores na estrutura do slug do URL.
- Insira valores de texto ou números para usar valores estáticos na estrutura do slug do URL.
- Pressione Enter no teclado para salvar as alterações na estrutura do slug do URL.

Uma captura de tela da estrutura do slug do URL sendo editada para uma página dinâmica de lista.

Etapa 3 | Conecte seu repetidor ao CMS

Agora você tem uma página dinâmica de lista com um repetidor que inclui 2 elementos de texto, uma imagem e um botão em cada contêiner. Cada um dos contêineres do seu repetidor exibe um item diferente da sua coleção.

Conecte cada parte dos elementos aos campos de coleção relevantes para garantir que eles exibam as informações que você deseja. Recomendamos conectar o botão à página dinâmica de item da sua coleção para que os visitantes possam clicar para ir para a página dedicada ao item relevante.

Para fornecer mais informações sobre cada item, você pode anexar mais elementos compatíveis ao repetidor. Depois, conecte esses elementos aos campos da coleção no conjunto de dados onde você gerencia todas as conexões do CMS.

Quer usar uma galeria ou tabela em vez de um repetidor?

Se preferir, você pode exibir seus itens de coleção em uma galeria ou em uma tabela. Exclua o repetidor padrão e adicione uma Galeria Pro ou tabela. Em seguida, conecte cada parte da sua galeria ou tabela à coleção do CMS por meio do conjunto de dados, da mesma forma que você conectaria o repetidor.

Editor Wix

Editor do Wix Studio

(Opcional) Adicione elementos ao seu repetidor (por exemplo: botões, texto, imagens) ou remova elementos de que você não precisa. Você pode ajustar o tamanho do repetidor para que ele possa mostrar todos os elementos.
Clique no elemento do repetidor e selecione o ícone Conectar ao CMS .
No painel Conectar repetidor à direita, clique no elemento que você deseja conectar.
Em Conexões, clique nos dropdowns relevantes para conectar cada parte do elemento ao campo de coleção relevante. As opções variam dependendo do tipo de elemento.

Dicas:

Para vincular o elemento de botão à página dinâmica de item, clique no campo A ação do clique conecta-se a e selecione a página dinâmica de item que termina com (Item).
Para vincular um elemento de imagem à página dinâmica de item, clique no dropdown Link se conecta a e selecione a página dinâmica de item da coleção que termina com (Item).

Uma captura de tela de um botão sendo vinculado à página dinâmica de item da coleção.

Clique em Conexões do repetidor na parte superior do painel à direita.
Repita os passos 3 a 5 acima para conectar os elementos aos campos da coleção ou ações do conjunto de dados.

Clique para ajustar os elementos do repetidor conforme necessário.
Dica: você pode adicionar ou remover elementos do seu repetidor a qualquer momento. Desconecte elementos nos quais você quer usar conteúdo estático que não muda.
Clique em Visualizar para testar sua página dinâmica de lista.
Clique em Publicar se as alterações estiverem prontas para ser publicadas.

Etapa 4 | (Opcional) Gerencie as configurações do conjunto de dados

Por definição, seu conjunto de dados de página dinâmica permite que até 12 itens sejam exibidos inicialmente em seu repetidor ou galeria. Você pode ajustar o máximo de itens que podem ser exibidos por vez nas configurações do conjunto de dados. Você também pode adicionar filtros para incluir apenas determinados itens ou adicionar classificações para controlar a ordem em que os itens são exibidos.

Editor Wix

Editor do Wix Studio

Acesse as configurações do conjunto de dados conectado do repetidor:
1. Clique no repetidor.
2. Clique no ícone Conectar ao CMS .
3. Clique em Configurações do conjunto de dados no painel Conectar repetidor à direita.
(Opcional) Clique no tipo de permissão ao lado de Permissões para alterar as permissões da coleção que determinam quem pode acessar o conteúdo e o que essas pessoas podem fazer com ele.
Clique no dropdown Modo conjunto de dados e selecione uma opção:
- Leitura: permite que o conjunto de dados exiba os dados da sua coleção no repetidor.
- Leitura e gravação: permite que o conjunto de dados exiba os dados da sua coleção no repetidor e permite que os visitantes adicionem ou editem os dados da coleção com elementos de entrada.
Edite o campo Máximo de itens exibidos para definir o máximo de itens que são carregados inicialmente no repetidor. Esse é também o máximo de itens adicionais que podem ser carregados quando um visitante clica em um botão "Ver mais". Se você conectar uma barra de paginação ou conectar botões à ações do conjunto de dados de "Página seguinte/Página anterior", esse campo também determina o máximo de itens exibidos por "página" no repetidor. Confira a próxima seção para acessar as etapas de configuração de elementos "Ver mais" e de navegação.
Observação: esse campo não se aplica a tabelas. Se você usar uma tabela para exibir seus itens, limite o número de itens exibidos ao clicar no ícone Layout da tabela e, em seguida, definir uma altura personalizada da tabela e ativar a paginação.
(Opcional) Clique em + Adicionar filtro para mostrar apenas itens específicos no repetidor.
(Opcional) Clique em + Ordenar para escolher a ordem em que os itens aparecem no repetidor.

Uma captura de tela das configurações do conjunto de dados no Editor Wix.

Clique em Visualizar para testar sua página dinâmica de lista.
Clique em Publicar se as alterações estiverem prontas para ser publicadas.

Etapa 5 | (Opcional) Crie botões "Ver mais" ou de navegação

Se você planeja exibir muitos itens nessa página, considere adicionar um botão "Ver mais" para melhorar o desempenho de carregamento da página. O campo Máximo de itens exibidos do conjunto de dados determina quantos itens podem ser carregados inicialmente na página e quantos itens adicionais podem ser carregados quando os visitantes clicam no botão "Ver mais".

Você também pode adicionar botões "Página seguinte/Página anterior" ou uma barra de paginação (somente para o Editor Wix) que fazem com que o repetidor ou galeria conectado à página exiba a "página" seguinte ou anterior de itens. O campo Máximo de itens exibidos determina o máximo de itens que aparecem em cada "página" de itens.

Editor Wix

Editor do Wix Studio

Escolha o que você quer fazer:

Criar um botão "Ver mais"

Criar botões "Página seguinte" e "Página anterior"

Dica:

No Editor Wix, você também pode conectar uma barra de paginação que permite que os visitantes passem pelas "páginas" dos itens. O campo Máximo de itens exibidos determina quantos itens podem aparecer em cada "página" da barra de paginação. Se você quiser ver barras de paginação no Editor do Wix Studio, vote nesse recurso aqui.

Etapa 6 | (Opcional) Permita que os visitantes filtrem itens

Ofereça aos visitantes maneiras de filtrar os itens que aparecem na sua página dinâmica de lista com elementos de entrada. Escolha qualquer um dos seguintes elementos de entrada que permitem filtragem: Botões de opção, Caixas de seleção, Dropdown, Tags de seleção, ou Slider (apenas sliders de intervalo).

Saiba como configurar elementos de entrada que permitem aos visitantes filtrar o conteúdo da coleção.