Built on WIX Headless

Blog / how-to

Como configurar Dynamic Pages com o CMS for Harmony

· como criar páginas dinâmicas no Harmony

Como configurar Dynamic Pages com o CMS for Harmony

O Dynamic Page do CMS for Harmony mostra um item da coleção por URL (por exemplo /fruits/apple). A partir da versão 14, crie essa página como uma página dinâmica nativa do Wix e coloque o widget nela. Veja Create a native Wix dynamic page.

O que você precisa

1. Adicione uma página de coleção nativa

  1. Instale o CMS for Harmony no App Market, se ainda não estiver instalado.
  2. Abra o dashboard do CMS for Harmony e crie uma coleção (Team, Listings, Projects, …) com os campos necessários.
  3. Adicione alguns itens para que as URLs e as prévias tenham dados reais.
  4. Abra a coleção e escolha More actions → Add collection page.
  5. O Wix adiciona uma página dinâmica nativa. Anote o caminho — a parte antes do slug do item. Uma coleção Fruits pode usar fruits para URLs como /fruits/apple.

O Wix guarda o slug de cada item em Item slug.

A página é um template

Essa página de coleção é um template compartilhado: o mesmo layout e o mesmo widget Dynamic Page servem cada URL de item nesse caminho.

2. Configure o widget Dynamic Page

Na página de coleção nativa:

  1. Adicione Dynamic Page em Add → Elements → Installed Apps → CMS for Harmony.
  2. Selecione o widget e abra as configurações.
  3. Conecte a coleção.
  4. Escolha um layout: Hero, Split, Stack, Minimal ou HTML/CSS personalizado.
  5. Selecione os campos que os visitantes veem.
  6. Em Dynamic page no painel, defina:
    • Page path como o caminho nativo (fruits para /fruits/apple). Sem barra no início.
    • Page link field como Item slug
  7. Opcionalmente escolha um Preview item para o editor (páginas ao vivo usam a URL).
  8. Mapeie o SEO por item quando quiser prévias de busca e redes por URL.

Referência do widget: Dynamic Page.

3. Publique e teste

  1. Publique o site.
  2. Abra algumas URLs de item (por exemplo /fruits/apple e /fruits/pear) e confirme que o mesmo template mostra conteúdo diferente.

4. Outra coleção

Cada coleção recebe a própria página dinâmica nativa:

  1. Abra essa coleção e escolha More actions → Add collection page.
  2. Adicione Dynamic Page, conecte a coleção e defina Page path como o caminho dessa página.
  3. Configure layout, campos e SEO como acima.

5. Vincule Repeater e outras exibições

Em Repeater, Table, Slideshow, Media Gallery ou Calendar:

  1. Conecte a mesma coleção do Dynamic Page.
  2. Abra Dynamic page no painel desse widget.
  3. Ative Link to item page.
  4. Escolha como o clique funciona nesse widget.
  5. Defina Page path como o mesmo caminho nativo (fruits).
  6. Defina Page link field como Item slug.
  7. Escolha a mesma aba ou uma nova (no site ao vivo).

Um clique vai para a URL desse item — por exemplo de um card do Repeater para /fruits/apple.

Páginas que já estão no site

Uma página /item de uma versão anterior continua funcionando. Defina Page path como o prefixo dessa página (item ou item-1) e Page link field como Dynamic page slug. Make dynamic foi removido, mas o Wix continua preenchendo esse campo para novos itens. Páginas novas usam Add collection page e Item slug.

Relacionado

Atualizado:

Pronto para experimentar no Harmony? Criar um site inicial grátis CMS for Harmony