A página de produto é uma página dinâmica que exibe informações detalhadas sobre cada um dos seus produtos.
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 no Editor para a página de produto, como alterar da cor do background ou do texto do botão, afetam todos os produtos. As alterações feitas em um produto na aba Produtos da loja, no painel de controle do seu site, afetam apenas esse determinado produto.
Confira como acessar a página de produto no Editor Wix
- Clique em Páginas
no lado esquerdo do Editor. - Clique em Páginas da loja.
- Selecione a Página de produto.
- Clique na Página de produto no Editor.
- Clique em Configurações.
Confira como acessar a Página de produto no Editor X
- Clique no ícone Páginas
na barra superior do Editor X. - Role para baixo e selecione a Página de produto.
- Clique na Página de produto no Editor.
- Clique em Configurações.
Neste artigo, saiba como:
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.
- Selecione um layout para a página de produto.
- Clique na alavanca Esticar para largura total para ativá-la.
- Selecione como você deseja exibir as miniaturas da imagem.
- Defina como as imagens são exibidas. Saiba mais
- Selecione uma proporção de imagem na lista dropdown (disponível para alguns layouts).
- Selecione como a imagem é redimensionada:
- Recortar: recorta todas as imagens para que fiquem do mesmo tamanho.
- Ajustar: mantém a proporção das imagens.
- Clique na alavanca Zoom ao passar o mouse para ativá-la (disponível para alguns layouts).
Observação: para visualizar o zoom, acesse seu site online.
Personalizar as configurações de exibição
Clique na aba Configurações para selecionar quais elementos você deseja mostrar ou ocultar na página de produto e personalizar os botões.
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, bem como o botão Comprar agora.
Além disso, você pode mostrar aos clientes o melhor método de pagamento para eles (em vez do botão Comprar) com base na localização do cliente, histórico de pagamentos e muito mais. Essa opção funciona se você conectou métodos de pagamento relevantes (por exemplo: PayPal, Apple Pay).
- Em O que é exibido?, desmarque a caixa de seleção ao lado dos elementos que você não quer exibir.
- Personalize o botão Adicionar ao carrinho:
- Clique na alavanca Mostrar botão para ativá-la ou desativá-la.
- Se ativada, selecione para onde o cliente é direcionado quando clica no botão:
- Mostrar pop-up: uma notificação pop-up aparece.
- Abrir o minicarrinho: o minicarrinho abre na lateral da tela.
- Ir para a página do carrinho: os clientes são levados diretamente para a página do carrinho.
- 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.
- Personalize o botão Comprar agora:
- Clique na alavanca Comprar agora para ativá-la.
Observação: quando clicado, o cliente vai direto para o checkout. Todos os produtos adicionados anteriormente ao carrinho não aparecem no checkout. - Se ativada, você pode substituir o botão Comprar agora pelas opções de pagamento relevantes (por exemplo: PayPal, Apple Pay) ao clicar na alavanca Alterar automaticamente o método de pagamento.
- Personalize a barra de mídia social
- Ocultar todos os ícones: clique em Exibir ícones de compartilhamento para desativá-los.
- Ocultar alguns ou todos os ícones: com a alavanca Exibir ícones de compartilhamento ativada, clique na caixa de seleção ao lado dos ícones que você não deseja exibir para desativá-los.
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.
- Adicionar ao carrinho: edite o texto principal do botão de compra.
- Comprar agora: edite o texto do botão Comprar agora.
- Assine agora: edite o texto do botão Assine agora. Esse botão aparece se você vender assinaturas de produtos. Saiba mais
- Esgotado: o texto do botão Adicionar ao carrinho muda automaticamente para Esgotado quando não há estoque. A fonte e a cor não podem ser personalizadas.
- De volta ao estoque: o texto do botão Adicionar ao carrinho muda automaticamente para Avise-me quando chegar quando os itens estão fora de estoque caso as notificações sejam ativadas. Saiba mais
Adicionar uma lista de desejos
Uma lista de desejos é uma ótima maneira de permitir que os clientes acompanhem os produtos que gostam. Os clientes clicam no ícone da lista de desejos para adicionar um item à sua lista pessoal.
Para começar, clique em Adicionar lista de desejos. O ícone da lista de desejos é adicionado à página de produto ao lado do botão Adicionar ao carrinho. Uma página de lista de desejos pessoal aparece na Área de Membros de cada cliente.
Para instruções completas sobre como adicionar ou personalizar a lista de desejos, clique
aqui.
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.
Personalize as opções de design:
Selecione uma cor para cada uma das opções disponíveis e arraste o slider para alterar a opacidade.
- Alinhar os detalhes do produto (por exemplo: nome do produto) à esquerda, direita ou ao centro.
- Selecione a fonte e a cor do texto para as opções de texto:
- Nome do produto
- SKU
- Preço do produto
- Selecione uma aparência para opção de pagamento: relevante para determinadas opções de pagamento, como Laybuy.
- Selecione a fonte e a cor do texto para as opções de texto:
- Personalize a descrição do produto:
- Selecione uma fonte e uma cor.
- Alinhe o texto de descrição do produto à esquerda, direita ou ao centro.
- Limite o número de linhas que aparecem e adicione um botão Mostrar mais para que os clientes possam clicar para ver o texto completo. Se marcada, selecione o número máximo de linhas a serem exibidas antes de clicar em Mostrar mais.
- Personalize o botão Adicionar ao carrinho:
- Clique para selecionar o estilo do botão.
- Selecione uma cor de preenchimento e arraste o slider para alterar a opacidade.
- Selecione uma cor de borda e arraste o slider para alterar sua largura.
Dica: as bordas estão disponíveis em alguns layouts. - Arraste o slider para deixar o botão mais redondo ou quadrado.
- Selecione uma fonte e cor do texto.
- Repita as etapas para o botão Comprar/Assine agora.
- Selecione um estilo de botão para o botão Método de pagamento (por exemplo: PayPal, Apple Pay)
Ao criar um produto, você pode
adicionar seções de informações para fornecer informações adicionais (por exemplo: especificações do produto ou tabela de tamanhos).
- Selecione um layout para suas seções de informação.
- Personalize o layout selecionado. As opções disponíveis variam de acordo com o layout que você escolheu.
- Para personalizar uma tabela de seção de informações:
- Selecione a cor da borda da tabela e arraste o slider para alterar a opacidade.
- Selecione o background da tabela e arraste o slider para alterar a opacidade.
- Selecione a cor das linhas de número par e arraste o slider para alterar a opacidade.
- Posição do preço: se você oferecer tanto assinaturas quanto compras únicas, selecione qual opção será exibida primeiro.
- Selecione uma cor para a caixa de assinatura e arraste o slider para alterar a opacidade.
