Central de Ajuda Wix
    Início
  1. Crie o seu site
  2. Recursos avançados
  3. CMS
  4. Use o CMS com outros produtos Wix
    5. CMS: exibir conteúdo da coleção na página de produto do Wix Stores

CMS: exibir conteúdo da coleção na página de produto do Wix Stores

11 min de leitura
Sua página de produto do Wix Stores tem versões diferentes para cada um dos seus produtos que compartilham o mesmo layout. Ao usar o CMS (sistema de gerenciamento de conteúdo) você pode personalizar essa página para incluir detalhes adicionais do produto que estão salvos em uma coleção do CMS separada. Você também pode ocultar o conteúdo da página de produto padrão e exibi-lo em elementos compatíveis para ter mais controle sobre o layout da página. Isso permite que você personalize sua página de produto e melhore suas listas de produtos, criando uma experiência mais valiosa para seus clientes.

Primeiro, você cria uma coleção do CMS "Informações" que faz referência à sua coleção de apps do Wix. Esta coleção "Informações" é onde você salvará as informações adicionais que deseja integrar à sua página de produto. Em seguida, configure conjuntos de dados na sua página, conectando-os à sua coleção do app Wix Stores e à sua coleção "Informações" do CMS. Por fim, conecte elementos compatíveis, como o elemento rich content, à sua coleção "Informações" para exibir as informações adicionais. 

Se necessário, você pode ocultar o conteúdo padrão no widget da página de produto e exibi-lo em outro lugar ao vincular elementos à sua coleção do app Wix Stores. Por exemplo, você pode ocultar a galeria integrada da página de produto, adicionar uma galeria Pro e conectá-la ao tipo de campo galeria de mídia da sua coleção do app Wix Stores. Isso dá a você mais controle sobre como personalizar sua galeria e exibi-la em qualquer lugar da página. O mesmo vale para qualquer um dos elementos do widget do Wix Stores sobre os quais você deseja ter mais controle.  

Isso pode ser um divisor de águas para o seu negócio online. Imagine que você é o proprietário de uma boutique que deseja uma página de produto personalizada para oferecer aos clientes uma visão mais detalhada dos seus produtos. Com esse processo, você pode adicionar facilmente detalhes extras, como a história de um produto ou instruções de cuidados específicas, diretamente na sua página de produto personalizada.
Captura de tela de um conjunto de dados de informações na página do produto.
Antes de começar:
  • Certifique-se de adicionar o CMS ao seu site se você ainda não fez isso. 
  • Ative coleções de apps do Wix para que você possa usar o Wix Stores com o CMS. Sua coleção do app Wix Stores é somente leitura e inclui automaticamente todos os detalhes do produto que você configurou no Wix Stores. 

Etapa 1 | Crie uma coleção que faça referência à sua coleção de aplicativos Wix

Se você quiser que sua página de produto inclua detalhes sobre seus produtos que ainda não existem no Wix Stores, você precisa criar uma coleção do CMS com as informações adicionais. Para cada item na coleção, você também precisará de um campo de referência que se conecta ao produto relevante na sua coleção do app Wix Stores. 
Dica:
Se você não precisar mostrar informações adicionais do produto e, em vez disso, quiser usar apenas dados existentes do Wix Stores em elementos de página conectada na página de produto, pule esta etapa. 

Para criar uma coleção do CMS que faz referência à sua coleção do app Wix Stores:

  1. Crie uma coleção de vários itens (padrão) onde você manterá as informações adicionais que deseja integrar à sua página do produto. 
  2. Clique em + Adicionar item para adicionar itens para cada produto sobre o qual você deseja salvar informações adicionais. 
  3. Clique em + Adicionar campo para adicionar campos para cada tipo de conteúdo que você deseja salvar (por exemplo: Rich content). 
  4. Clique nas células relevantes para adicionar seu conteúdo a cada item. 
  5. Adicione um tipo de campo Referência e conecte-o à coleção de apps do Wix Stores 
    1. Clique em Gerenciar campos e clique em + Adicionar campo. 
    2. Selecione Referência e clique em Escolher tipo de campo.
      Dica: selecione o campo Várias referências se quiser usar o conteúdo de um item para mais de um produto. 
    3. Insira o Nome do campo.
    4. (Apenas para Velo) Se necessário, atualize o ID do campo, que é usado no código do site. Você não pode atualizar esse ID depois. 
    5. Clique no dropdown Coleção referenciada e selecione Produtos em Lojas. 
    6. (Opcional) Insira um texto de ajuda para incluir um tooltip na coleção ao lado do nome do campo.
    7. Clique em Salvar
Captura de tela de um campo de referência em uma coleção
  1. Para cada item, clique no campo de referência e selecione o produto relevante. Você pode selecionar vários produtos se adicionou um campo de várias referências na etapa anterior. 
Captura de tela dos produtos correspondentes sendo selecionados no campo de referência da coleção Informações.

Etapa 2 | Configure conjuntos de dados e conecte elementos a eles

Conjuntos de dados são os recursos que vinculam elementos da página como texto, botões e imagens ao conteúdo da coleção. Eles facilitam as conexões entre os elementos e o conteúdo do campo da coleção. 

Você precisará adicionar um ou dois conjuntos de dados à página de produto, dependendo se deseja ou não mostrar detalhes adicionais da sua coleção do CMS.

As etapas nesta seção mostram como adicionar os seguintes conjuntos de dados à sua página de produto: 
  • Conjunto de dados da coleção de apps do Wix: lê as informações do produto armazenadas e gerenciadas no seu app Wix Stores. Adicione um filtro de slug do URL a esse conjunto de dados. Você pode conectar elementos compatíveis ao conjunto de dados para mostrar conteúdo do Wix Stores.  
  • Conjunto de dados de informações: lê o conteúdo adicional que você armazenou sobre seus produtos da sua própria coleção do CMS. Adicione um filtro ao conjunto de dados que filtra o campo de referência ou várias referências da sua coleção. Conecte elementos, como o elemento rich content, a esse conjunto de dados para exibir o conteúdo adicional que você adicionou à sua coleção "Informações" do CMS. 
    Observação: você não precisa desse conjunto de dados se não precisar exibir informações adicionais da sua coleção "Informações" do CMS e, em vez disso, quiser apenas mostrar conteúdo da sua coleção do app Wix Stores. 
Captura de tela dos conjuntos de dados necessários para esse recurso.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Vá para sua página de produto:
    1. Clique em Páginas e menu no lado esquerdo do editor.
    2. Clique em Páginas da loja e selecione a Página de produto. 
  3. Adicione um conjunto de dados que se conecte à sua coleção do CMS "Informações" e filtros para seu campo de referência ou várias referências:
    Observação: pule esta etapa se você não precisar mostrar informações adicionais de uma coleção "Informações" do CMS.  
    1. Clique em CMS  à esquerda. 
    2. Clique em Adicionar elementos de conteúdo. 
    3. Clique em Conjunto de dados. 
    4. Clique no dropdown Escolha uma coleção e selecione a coleção "Informações".
    5. Edite o Nome do conjunto de dados, se necessário, e clique em Criar. 
    6. Clique em + Adicionar filtro em Filtro nas configurações do conjunto de dados. 
    7. Clique no dropdown Campo, selecione o campo Referência (Produtos) ou Várias referências (Produtos) e clique em Adicionar filtro. 
Captura de tela de um filtro de referência sendo adicionado ao conjunto de dados
  1. Adicione um conjunto de dados que se conecte à sua coleção de aplicativos Wix Stores:
    1. Clique em Adicionar conjunto de dados na parte inferior do painel à direita. 
    2. Clique no dropdown Escolha uma coleção e selecione Produtos abaixo de Lojas. 
    3. Edite o Nome do conjunto de dados, se necessário, e clique em Criar.
Captura de tela de um conjunto de dados que se conecta a coleção de apps do Wix Stores.
  1. Adicione um filtro de slug do URL ao conjunto de dados de Lojas/Produtos:
    1. Clique no ícone Mais ações  ao lado do conjunto de dados de Lojas/Produtos e selecione Configurações do conjunto de dados. 
    2. Clique em + Adicionar filtro abaixo de Filtro. 
    3. Clique no dropdown Campo e selecione Slug (Texto). 
    4. Deixe é selecionado como a Condição. 
    5. Em Origem do valor, selecione Slug do URL. 
    6. Clique em Adicionar filtro.
Captura de tela de um filtro de slug do URL sendo adicionado à coleção de apps do Wix
  1. Adicione os elementos compatíveis que você deseja conectar. 
  2. Conecte os elementos aos campos relevantes no conjunto de dados relevante. 
    • Conjunto de dados de informações: conecte aos campos da coleção nesse conjunto de dados para usar o conteúdo da sua coleção "Informações" do CMS.  
    • Conjunto de dados de Lojas/Produtos: conecte aos campos da coleção nesse conjunto de dados para usar o conteúdo da sua coleção do app Wix Stores.
      Dica: você pode adicionar um botão ou imagem e, em seguida, conectar sua ação de clique à ação do conjunto de dados Adicionar ao carrinho para criar seu próprio botão "Adicionar ao carrinho". Da mesma forma, conecte-se à ação Abrir visualização rápida para criar um botão que abre a janela "Visualização rápida".
Captura de tela de um elemento de rich content sendo conectado ao campo de rich content.
  1. (Opcional) Oculte as informações padrão do widget da página de produto:
    1. Clique no elemento Página de produto e selecione Configurações. 
      Observação: se você não vir Configurações, você está usando a nova página de produto do Wix Stores. Selecione o ícone Elementos e desmarque as caixas ao lado de cada elemento do widget que você deseja ocultar. Em seguida, pule para o passo 9. 
    2. Clique na aba Configurações. 
    3. Desmarque as caixas de seleção ao lado de cada informação que você deseja ocultar do widget da página de produto. 
    4. Desative a alavanca ao lado dos botões ou ícones relevantes para ocultá-los do widget. 
    5. Se necessário, personalize ainda mais o widget da página de produto.
Captura de tela do widget da página de produto sendo personalizado.
  1. Use a barra de ferramentas Visualizar para testar as conexões dos produtos relevantes. 
  2. Publique seu site quando estiver tudo pronto para publicar as alterações. 

Esse artigo foi útil?

|
Neste artigo
  • Etapa 1 | Crie uma coleção que faça referência à sua coleção de aplicativos Wix
  • Etapa 2 | Configure conjuntos de dados e conecte elementos a eles

Contrate um profissional

Encontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Encontre um Parceiro