Melhore a experiência do cliente com visualização rápida do produto, zoom na imagem e efeitos ao passar o cursor.

Adicione detalhes interativos, como visualização rápida, zoom na imagem e efeitos de passar o cursor à página da sua loja. Esses recursos são exibidos quando os clientes movem o cursor sobre as imagens do seu produto para vê-las mais de perto.

Dica: inscreva-se em nosso webinar Dicas de design para aumentar as vendas da sua loja para aprender a destacar seus produtos no site e impulsionar as vendas.

Recursos especiais da página da loja

Quais recursos especiais da página da loja estão disponíveis e como você os estiliza depende de qual versão do Squarespace seu site utiliza.

Adicionar zoom às imagens do produto

A aproximação na imagem de produtos exibe uma versão maior da imagem do produto para que os clientes possam ver de perto o material, a textura e os detalhes. O zoom na imagem está disponível nas páginas de detalhes do produto e nas lightboxes de visualização rápida

Você pode optar para que o zoom seja ativado ao passar o cursor ou ao clicar na imagem.

Ative o zoom na imagem para os seus produtos

Dica: para obter melhores resultados, formate a imagem do produto para exibição na web antes de enviar.

O zoom na imagem não está disponível em aparelhos móveis. A forma como você ativa o zoom na imagem para visualização em desktop depende da versão do seu site.

Nota: imagens com fundos transparentes (.png) mostram a imagem original por trás da versão ampliada.

Adicionar visualização rápida aos produtos

Com a visualização rápida, os clientes podem clicar em um botão para ver os detalhes do produto em uma lightbox, sem sair da página atual. Isso incentiva os clientes a interagir com sua loja e a conhecer mais produtos. O botão de visualização rápida pode ser exibido em blocos de sumário, blocos de produto e páginas da loja.

O botão aparece ao passar o cursor sobre o produto. A lightbox de visualização rápida inclui detalhes e imagens do produto e um link para Exibir item completo que leva à página do produto.

Se o código indesejado for exibido na visualização rápida, é provável que haja formatação de texto externo na descrição do produto. Para remover a formatação, digite novamente a descrição do produto manualmente ou cole-a como texto simples.

Ative os botões de visualização rápida para seus produtos

Você pode habilitar a Visualização rápida por Página da loja e por bloco. Se tiver várias Páginas da loja ou blocos, adicione os botões a cada um.

Para adicionar uma visualização rápida a um Bloco de Produto:

1. No editor do bloco de produto, escolha um produto para expor.
2. Na aba Design, ative a opção Visualização rápida do produto.
3. Salve as alterações à página.

Para adicionar visualização rápida a um Bloco de Sumário:

1. No editor de blocos de sumário, certifique-se de que uma página da loja esteja selecionada na aba Conteúdo.
2. Clique na aba Design.
3. Habilite a opção Ativar visualização rápida do produto. O botão de visualização rápida aparecerá sobre a imagem em destaque do produto.
4. Salve as alterações à página.

Para adicionar visualização rápida a uma Página da loja:

1. Abra as configurações da página.
2. Clique em Avançado, clique em Visualização rápida e ative a opção Ativar visualização rápida.
3. Se você tiver várias Páginas da loja, repita essas etapas para cada página.

Nota: a cor da janela de visualização rápida segue a cor de fundo da seção da página da loja nos estilos do site.

Adicionar efeitos de passar o cursor aos produtos

Os efeitos de passar o cursor exibem informações ou criam movimento quando o cursor se move sobre a imagem de um produto. As opções de passar o cursor disponíveis no seu site dependem da versão do site.