Como adicionar um Lightbox da galeria de produtos ao WooCommerce (em 2 etapas)

Ao pesquisar produtos em sua loja, a maioria dos clientes clica na página do produto e nunca mais navega. O resultado é uma perda potencial de vendas e clientes.

Uma solução para esse problema é adicionar uma caixa de luz da galeria de produtos à sua loja WooCommerce.

Desta forma, quando um cliente visita, ele pode abrir uma caixa de luz para cada produto, ver todas as informações de que precisa, e nunca mais precisar sair da página da categoria. Gerando conversões para você.

Soa bem? Em seguida, siga este guia e, no final, você saberá exatamente como adicionar uma caixa de luz da galeria de produtos ao WooCommerce. A melhor parte? Você pode fazer isso em 2 etapas com o plug-in de visualização do produto, Visualização rápida do WooCommerce.

Como funciona a visualização rápida do WooCommerce

A Visualização rápida do WooCommerce permite que você adicione uma lightbox da galeria de produtos à sua loja WooCommerce.

caixa de luz da galeria de produtos woocommerce

Como funciona da perspectiva do cliente

Ao navegar na loja principal ou nas páginas de categoria, o cliente verá um botão Visualização rápida adicional abaixo de cada produto. Uma vez clicado, uma caixa de luz do produto será aberta. Dependendo do que você definir como proprietário da loja, ele pode exibir o seguinte:

  • Galeria de produtos
  • Preço
  • Título
  • Descrição
  • Banner de venda
  • Classificação e adicionar ao carrinho

Eles também serão capazes de se mover facilmente entre diferentes produtos dentro da própria caixa de luz. Melhore a experiência de navegação do cliente.

Quando a caixa de luz é fechada, os clientes retornam à loja principal ou página da categoria onde clicaram pela primeira vez no botão.

Leia Também:  Shortcodes WooCommerce - Saiba como personalizar sua loja virtual no Wordpress

Essa experiência perfeita permite que os clientes explorem totalmente seu estoque de produtos sem atualizações de página ou cliques.

Para adicionar uma caixa de luz da galeria de produtos à sua loja WooCommerce, tudo que você precisa fazer é seguir as etapas abaixo.

Antes de começar, você precisará instalar o plug-in de visualização do produto, Visualização rápida do WooCommerce.

Com o WooCommerce Quickview instalado, podemos prosseguir para personalizar e configurar a caixa de luz da galeria de produtos.

Visualização rápida do WooCommerce

Use a visualização rápida do WooCommerce para adicionar uma lightbox da galeria de produtos à sua loja WooCommerce.

Comece seu teste gratuito agora

Etapa 1: personalizar o botão Quick View

Antes de personalizar o que aparece dentro da lightbox, vamos personalizar a aparência e o posicionamento do botão Quick View. Isso é especialmente importante para garantir que a experiência do cliente seja a mais perfeita possível.

  1. Ir WooCommerce > Olhada rápida.
  2. Clique no Configurações de gatilho de visualização rápida língua.

Aqui, você poderá escolher se deseja exibir a lightbox do seu produto passando o mouse (quando o mouse do usuário passa sobre o produto) ou clicando no botão Quick View.

visualização rápida de woocommerce

Nesta página, você também encontrará configurações adicionais para ajudá-lo a adaptar o botão Quick View ou lightbox ao layout da sua loja. Até:

  • Onde seu botão está posicionado
  • Como está alinhado
  • Quanta margem tem em torno disso
  • Se tiver um ícone
  • O texto, cores e preenchimento do botão
configuração de visualização rápida do woocommerce

Nota: Você também pode selecionar se deseja ou não que o botão seja exibido automaticamente. Se você deseja adicionar o botão à sua loja manualmente, esta documentação ajudar a.

Leia Também:  Shortcodes WooCommerce - Saiba como personalizar sua loja virtual no Wordpress

Agora que o botão para a lightbox foi criado, podemos prosseguir com a personalização da lightbox a partir da galeria de produtos.

Personalize o Lightbox de visualização rápida do WooCommerce

O que você adiciona à caixa de luz da galeria de produtos é com você. A Visualização rápida do WooCommerce permite que você personalize totalmente para fornecer aos clientes o máximo ou mínimo de informações que você deseja.

Portanto, se você deseja fornecer a seus clientes apenas o básico, pode remover análises de produtos, metadados, classificações e muito mais. Desta forma, mostra apenas a galeria do produto, o título, o preço e uma breve descrição.

Para personalizar o layout da Light View Quick View, faça o seguinte:

  1. Clique no Configurações de pop-up língua.
  2. A primeira seção (geral) permite que você decida se deseja que a mesa de luz permita que os clientes naveguem entre os outros produtos na página ou não. Nesta seção, você também pode alterar a cor e a opacidade da sobreposição.
configuração de lightbox de comércio eletrônico
  1. A próxima seção (Imagens) contém opções para o item da galeria do produto. Aqui você pode ajustar a transição da imagem, velocidade, setas e miniaturas.
imagens lightbox de comércio eletrônico
  1. Depois disso, é o Conteúdo seção. As configurações aqui permitem que você determine quais itens na página do produto você deseja que apareça em sua mesa de luz. Incluindo o:
    1. Título do produto
    2. Preço
    3. Classificação
    4. Banner de venda
    5. Comprimento da descrição
    6. Quantidade e meta do produto
woocommerce visualização rápida de conteúdo
  1. Quando estiver satisfeito com todas as configurações, clique em Guardar mudanças e a caixa de luz da galeria de produtos aparecerá em sua loja WooCommerce.
caixa de luz da galeria de produtos woocommerce

É isso, sua loja WooCommerce agora tem uma caixa de luz da galeria de produtos em funcionamento usando Visualização rápida WooComerce.

Leia Também:  Shortcodes WooCommerce - Saiba como personalizar sua loja virtual no Wordpress

Com a mesa de luz fazendo sua mágica, você poderá evitar cliques de clientes e proporcionar uma melhor experiência de compra, resultando em mais vendas para sua loja.

Este guia foi útil para você? Deixe-nos um comentário e avise-nos.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: