header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Gerencie o seu negócio
  3. Aplicativos e soluções comerciais
  4. Wix Stores
  5. Personalize o design da sua loja
  6. Wix Stores: personalizar a página de produto

Wix Stores: personalizar a página de produto

10 min
Neste artigo
  • Mostrar ou ocultar elementos da página de produto
  • Personalizar configurações da página de produto
  • Personalizar o layout e a exibição da imagem
  • Personalizar o design da página de produto
  • Editar texto do botão da página de produto
  • Perguntas frequentes
Importante:
Este artigo se aplica à página de produto no Editor Wix e no Editor do Wix Harmony. Saiba como personalizar a página de produto do Wix Studio.
A página de produto é uma página dinâmica que exibe informações detalhadas sobre cada um dos seus produtos.
Captura de tela da página de produto em um site de amostra em uma loja Wix.
O design da página é sempre o mesmo, mas o conteúdo (imagens e texto do produto) muda de acordo com o produto exibido.
Todas as personalizações feitas na página de produto, como alteração da cor do background ou do texto do botão, afetam todos os produtos.

Mostrar ou ocultar elementos da página de produto

Clique na aba Exibição para selecionar quais elementos você deseja mostrar ou ocultar na página de produto.
Observe que a página de produto vem com o botão "Adicionar ao carrinho" ativado por padrão. Você também pode ativar o ícone da lista de desejos (na aba Configurações), assim como o botão "Comprar".
Captura de tela de alguns dos botões disponíveis que podem ser exibidos na página de produto em um site Wix
Você também tem a opção de substituir o botão "Comprar" por uma opção de checkout expresso (por exemplo: PayPal, Apple Pay, Google Pay).
Captura de tela de alguns dos botões disponíveis que podem ser exibidos na página de produto em um site Wix

Para mostrar ou ocultar elementos da página de produto:

  1. Vá para o seu editor.
  2. Vá para a página de produto:
    1. Clique em Páginas e menu  no lado esquerdo do editor.
    2. Clique em Páginas da loja. 
    3. Clique em Página de produto.
  3. Clique no elemento página de produto na sua página.
  4. Clique em Configurações.
Captura de tela da página de produto no Editor Wix e o botão Configurações em destaque
  1. Clique na aba Exibição.
  2. Marque ou desmarque as caixas de seleção para mostrar ou ocultar elementos.
Dica:
Marcar a caixa de seleção ao lado de Estoque baixo permite que os clientes saibam que restam apenas algumas unidades. Quando o estoque de um produto cai para menos de 10, uma mensagem aparece (por exemplo: "Restam apenas 3 em estoque").

Personalizar configurações da página de produto

  1. Vá para o seu editor.
  2. Vá para a página de produto:
    1. Clique em Páginas e menu  no lado esquerdo do editor.
    2. Clique em Páginas da loja. 
    3. Clique em Página de produto.
  3. Clique no elemento página de produto na sua página.
  4. Clique em Configurações.
Captura de tela da página de produto no Editor Wix e o botão Configurações em destaque
  1. Clique na aba Configurações.
  2. Clique em Botão Adicionar ao carrinho e escolha o que acontece quando o botão é clicado:
  • Mostrar pop-up: uma notificação pop-up aparece.
    Observação: o pop-up não aparece em mobile. Os clientes são direcionados para a página do carrinho.
  • Abrir carrinho lateral: abre na lateral da tela.
  • Ir para a página do carrinho: os clientes são levados diretamente para a página do carrinho completa.
  • Permanecer na página de produto: os clientes permanecem na página de produto. O botão exibe uma marca de seleção para indicar que o produto foi adicionado com sucesso.
  1. Clique em Botão de lista de desejos e, em seguida, clique na alavanca Mostrar botão "Adicionar à lista de desejos" para ativá-la ou desativá-la.
    Dica: saiba mais sobre como adicionar e configurar uma lista de desejos.

Personalizar o layout e a exibição da imagem

Clique na aba Layout para selecionar o melhor layout da página de produto para sua loja. Em seguida, personalize como as imagens são exibidas.
Observação:
As opções de imagem variam de acordo com o layout selecionado.
  1. Vá para o seu editor.
  2. Vá para a página de produto:
    1. Clique em Páginas e menu  no lado esquerdo do editor.
    2. Clique em Páginas da loja. 
    3. Clique em Página de produto.
  3. Clique no elemento página de produto na sua página.
  4. Clique em Configurações.
Captura de tela da página de produto no Editor Wix e o botão Configurações em destaque
  1. Clique na aba Layout.
  2. Geral:
    1. Selecione um layout para a página de produto.
    2. Clique na alavanca Esticar para largura total para ativá-la ou desativá-la.
  3. Imagens do produto: saiba mais sobre como exibir imagens em sua loja.
    1. Clique no dropdown Proporção da imagem e selecione uma proporção.
    2. Selecione uma opção em Como a imagem é redimensionada?:
      • Recortar: recorta todas as imagens para que fiquem do mesmo tamanho.
      • Ajustar: mantém as proporções das imagens.
    3. Clique na alavanca Zoom na imagem para ativá-la (disponível para alguns layouts).
      Observação: para visualizar o zoom, acesse seu site online.
    4. Selecione como deseja exibir as miniaturas das imagens em Mostrar miniaturas.
  4. Amostras de cor: selecione como deseja exibir as opções de produto e modificar as opções de texto (como "Tamanho") e personalize a opção que você escolheu.

Personalizar o design da página de produto

Você pode personalizar as cores, fontes, estilos de botão e muito mais para criar uma aparência que se adapte à vibe da sua loja. Para começar, clique na aba Design.
Dica:
As personalizações disponíveis podem variar dependendo do layout e das opções de configuração escolhidas.
  1. Vá para o seu editor.
  2. Vá para a página de produto:
    1. Clique em Páginas e menu  no lado esquerdo do editor.
    2. Clique em Páginas da loja. 
    3. Clique em Página de produto.
  3. Clique no elemento página de produto na sua página.
  4. Clique em Configurações.
Captura de tela da página de produto no Editor Wix e o botão Configurações em destaque
  1. Clique na aba Design.
  2. Personalize o design usando as opções disponíveis.
Saiba mais sobre:

Editar texto do botão da página de produto

Clique na aba Texto para editar qualquer uma das opções de texto que aparecem nos botões da página de produto. 
Dica:
Se você desativou os botões "Adicionar ao carrinho" ou "Comprar", você não verá algumas opções.
  1. Vá para o seu editor.
  2. Vá para a página de produto:
    1. Clique em Páginas e menu  no lado esquerdo do editor.
    2. Clique em Páginas da loja. 
    3. Clique em Página de produto.
  3. Clique no elemento página de produto na sua página.
  4. Clique em Configurações.
Captura de tela da página de produto no Editor Wix e o botão Configurações em destaque
  1. Clique na aba Texto.
  2. Edite qualquer uma das opções de texto disponíveis.
Saiba mais sobre:

Perguntas frequentes

Esse artigo foi útil?

|
Não encontrou o que está buscando? Talvez esses artigos possam ajudar.
Wix Stores: adicionar e configurar galerias de produtos
Wix Stores: personalizar a visualização rápida na galeria de produtos
Personalizar a página do carrinho

Não encontrou o que está buscando? Talvez esses artigos possam ajudar.

Wix Stores: adicionar e configurar galerias de produtos
Wix Stores: personalizar a visualização rápida na galeria de produtos
Personalizar a página do carrinho
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Mostrar ou ocultar elementos da página de produto
  • Personalizar configurações da página de produto
  • Personalizar o layout e a exibição da imagem
  • Personalizar o design da página de produto
  • Editar texto do botão da página de produto
  • Perguntas frequentes

Esse artigo foi útil?

|