CMS: exibir seus produtos do Wix Stores em qualquer página
10 min
Neste artigo
- Etapa 1 | Adicione uma galeria Pro, repetidor ou tabela a uma página
- Etapa 2 | Conecte sua galeria, repetidor ou tabela ao CMS
- Etapa 3 | (Opcional) Gerencie as configurações do conjunto de dados
- Etapa 4 | (Opcional) Permita que os clientes filtrem produtos
- Etapa 5 | (Opcional) Adicione botões "Ver mais" ou de navegação
Mostre seus produtos do Wix Stores em uma galeria, repetidor ou tabela em qualquer página, como a página inicial ou a página do carrinho. O CMS (sistema de gerenciamento de conteúdo) permite que você vincule dinamicamente os botões, imagens ou colunas da tabela à sua página de produto. Os clientes podem clicar para navegar para a página de produto onde podem ler mais sobre ele antes de decidir se vão comprá-lo.
Você também pode vincular botões, imagens e colunas à ação "Adicionar ao carrinho" ou à janela de visualização rápida. Use as configurações do conjunto de dados que vincula seus produtos aos elementos da página para filtrar, classificar ou limitar o total de produtos exibidos.
Antes de começar:
- Crie seus próprios produtos no Wix Stores.
- 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.
Etapa 1 | Adicione uma galeria Pro, repetidor ou tabela a uma página
Vá para a página no seu editor onde você deseja exibir seus produtos do Wix Stores. Se necessário, você pode adicionar uma nova página. Em seguida, adicione o elemento no qual deseja exibir seus produtos.
Editor Wix
Editor do Wix Studio
- Vá para o seu editor.
- Vá para a página ou seção onde você deseja exibir os produtos do Wix Stores.
- Clique em Elementos
no lado esquerdo do editor. - Adicione uma galeria Pro, repetidor ou tabela:
- Galeria Pro: mostre seus produtos em uma galeria:
- Clique em Galeria.
- Clique e arraste a galeria Pro escolhida para a página.
- Remova as imagens padrão da galeria:
- Clique na galeria e selecione Gerenciar mídia.
- Clique em Selecionar tudo e clique em Excluir.
- Clique em OK.
- Repetidor: mostre seus produtos usando vários elementos anexados a um repetidor:
- Clique em Lista.
- Clique e arraste o repetidor escolhido para a página.
- Certifique-se de que seu repetidor tenha uma imagem ou botão para que você possa conectá-lo à sua página de produto mais tarde. Você pode adicionar ou remover elementos do seu repetidor. Se necessário, você pode redimensionar o repetidor para que todos os elementos necessários caibam nele.
- Tabela: exiba seus produtos em formato de tabela:
- Clique em Lista.
- Clique em Tabelas e arraste a tabela escolhida para a página.
- Galeria Pro: mostre seus produtos em uma galeria:
Etapa 2 | Conecte sua galeria, repetidor ou tabela ao CMS
Conecte os campos da coleção ao seu repetidor, galeria ou tabela. Os valores desses campos dinâmicos mudam no seu site online, dependendo do produto recuperado pelo conjunto de dados.
Editor Wix
Editor do Wix Studio
- No seu editor, clique no repetidor, galeria ou tabela.
- Clique no ícone Conectar ao CMS
. - Clique em Adicionar ao conjunto de dados. Se você já tiver um conjunto de dados na sua página, clique no dropdown Escolha um conjunto de dados e selecione Adicionar conjunto de dados.
- Clique no dropdown Escolha uma coleção e selecione Produtos na coleção de apps do Wix StoreCatalog ou Stores.
Para desenvolvedores:
- Se você tiver a coleção de apps StoreCatalog do Wix, seu site usa o Catálogo do Wix Stores V3.
- Se você tiver a coleção de apps Stores do Wix, seu site usa o Catálogo do Wix Stores V1.
- (Opcional) Clique no campo Nome do conjunto de dados e insira um nome para o conjunto de dados.
- Clique em Criar.
- (Apenas para repetidores) Em Conexões, clique no elemento do repetidor que você deseja conectar (por exemplo: texto, botão, imagem).
- Clique nos dropdowns relevantes e escolha quais campos do Wix Stores se conectam a cada parte do elemento.
Dica: você pode vincular ao campo URL (Catálogo do Wix Stores V3) ou URL da página (Catálogo do Wix Stores V1) para oferecer aos clientes uma maneira de clicar para ir para a página de produto relevante da loja.
- (Apenas para repetidores) Clique em Conexões do repetidor e repita os passos 7 e 8 acima para conectar elementos adicionais ao repetidor.
- Clique para ajustar seus elementos do repetidor, galeria Pro ou tabela conforme necessário.
Dica: você pode adicionar ou remover elementos do seu repetidor a qualquer momento. Desconecte elementos se quiser usar conteúdo estático que não muda de acordo com a categoria relevante. - Clique em Visualizar para testar a funcionalidade.
- Clique em Publicar se as alterações puderem ser publicadas.
Etapa 3 | (Opcional) Gerencie as configurações do conjunto de dados
Nas configurações do conjunto de dados, você pode escolher o número máximo de produtos que podem ser exibidas por vez. Você pode adicionar filtros para incluir produtos específicos ou usar classificações para controlar a ordem.
Observação:
O campo Itens por carregamento não se aplica a tabelas. Se estiver usando uma tabela para listar produtos, você pode limitar o número de itens exibidos clicando no ícone Layout 
. Em seguida, defina uma altura de tabela personalizada e ative a paginação.
. Em seguida, defina uma altura de tabela personalizada e ative a paginação. Editor Wix
Editor do Wix Studio
- Vá para as configurações do conjunto de dados:
- Clique em CMS
à esquerda. - Clique em Gerenciar conexões de página.
- Clique no ícone Mais ações
ao lado do conjunto de dados relevante e selecione Configurações do conjunto de dados.
- Clique em CMS
- (Opcional) Clique no tipo de permissão ao lado de Permissões para determinar quem pode ver, adicionar, atualizar ou excluir o conteúdo da coleção no seu site online.
- Edite o campo Itens por carregamento para definir o número máximo de itens que podem ser carregados de cada vez.
Observação: esse é também o número máximo de itens que podem ser carregados quando os visitantes clicam nos botões "Ver mais", "Página seguinte/Página anterior" ou nas barras de paginação. Consulte a próxima seção para ver os passos. - (Opcional) Clique em Adicionar filtro para mostrar apenas produtos específicos no elemento.
- (Opcional) Clique em Adicionar classificação para escolher a ordem em que os produtos aparecem no elemento.
- Clique em Visualizar para testar a funcionalidade.
- Clique em Publicar se as alterações puderem ser publicadas.
Etapa 4 | (Opcional) Permita que os clientes filtrem produtos
Ofereça aos compradores uma maneira de visualizar apenas produtos que correspondem aos filtros aplicados por eles, como preço, estoque ou marca. Escolha entre qualquer um dos seguintes elementos de entrada que permitem a filtragem: botões de opção, caixas de seleção, dropdowns, tags de seleção ou sliders (somente controles deslizantes).
Saiba como configurar elementos de entrada que permitem que os visitantes filtrem o conteúdo da coleção.
Etapa 5 | (Opcional) Adicione botões "Ver mais" ou de navegação
Melhore o desempenho da sua página ao limitar o número de produtos que aparecem e adicionar um botão "Ver mais".
Você pode adicionar botões de navegação para permitir que os compradores cliquem para ver a página seguinte/anterior de itens exibidos ou adicione uma barra de paginação para percorrer um determinado número de produtos de cada vez.
Dica:
Saiba mais sobre as ações do conjunto de dados do CMS que você pode aplicar a botões e imagens.
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
