Lightbox da galeria de produtos no WooCommerce em 2 etapas

Se você deseja adicionar uma lightbox da galeria de produtos à sua loja WooCommerce, há muitos benefícios associados a ela. Você poderá:
  • Reduza o número de etapas (cliques) necessárias para um cliente comprar um produto.
  • Mantenha os clientes em sua página de catálogo de produtos, permitindo que eles continuem navegando em seus produtos em vez de clicar.
  • Permita que os clientes adicionem produtos ao carrinho diretamente de seu lightbox .

Em uma configuração padrão do WooCommerce, os clientes provavelmente visitarão sua página de catálogo, clicarão em um produto para obter as informações corretas e, em seguida, comprarão esse produto ou clicarão fora do seu site.

Com um lightbox da galeria de produtos instalada, elimine aqueles cliques extras e mantenha os clientes em sua loja por mais tempo. Isso não apenas aumenta a chance de uma venda, mas também a chance de que eles comprem vários produtos ao longo do caminho.

Visualização rápida do WooCommerce

Então, Ao final deste artigo, você saberá exatamente como criar uma lightbox de galeria de produtos em sua loja WooCommerce. A melhor parte? Você poderá fazer isso em 2 etapas com o plugin lightbox do produto, WooCommerce Quickview.

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

Quando um cliente visita sua loja online e começa a navegar em seus produtos, será apresentado o botão normal ‘Adicionar ao carrinho’ ou ‘Selecionar opções’ e, abaixo dele, um botão ‘Visualização rápida’.

botão de visualização rápida

Quando clicado, este botão Visualização rápida abrirá um lightbox contendo o nome do produto, descrição, galeria do produto e muito mais.

Este ou o cliente pode passar o mouse sobre o produto e a lightbox aparecerá (dependendo da configuração que escolher).

galeria de produtos lightbox woocommerce

Esta lightbox seleciona os estilos e elementos de sua página de produto único, portanto, se você tiver a galeria de produtos padrão WooCommerce instalada e funcionando, sua caixa de luz irá exibi-la.

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

No entanto, se você deseja aprimorar sua galeria de produtos adicionando zoom de imagem, imagens de variação adicionais, alterar o layout e muito mais, você pode fazer isso com o plug-in WooThumbs para WooComerce.

O cliente então tem uma escolha, ele pode:

  • Adicione o produto ao seu carrinho a partir da própria lightbox.
  • Continue navegando por mais produtos na lightbox(usando as setas anterior e seguinte).
  • Ou clique fora da lightbox e volte ao catálogo de produtos.

Agora que sabemos como o Quickview WooCommerce funciona, vamos instalá-lo em seu site.

Como criar um lightbox da galeria de produtos no WooCommerce

Para criar uma lightbox da galeria de produtos no WooCommerce, você precisará:

  1. Instale o plugin lightbox do produto, WooCommerce Quickview.
  2. Personalize o botão lightbox da galeria de produtos.
  3. Personalize sua lightbox.

Isso é. Descreveremos essas etapas em detalhes abaixo para que você possa começar a fazer mais vendas para sua loja online.

Etapa 1: Instale a visualização rápida do WooCommerce

Para começar, compre WooCommerce Quickview na loja Iconic: iconicwp.com/woocommerce-quickview

Ou comece seu teste gratuito abaixo:

Em seguida, siga estas etapas:

  1. Ir Acessórios > Adicionar novo > Complemento de upload.
  2. Escolha o arquivo zip você baixou, carregou e clique em Ativar.
  3. Depois de ativado, você precisará inserir sua chave de licença.

Agora que temos o Quickview WooCommerce instalado, podemos passar para a configuração do botão lightbox.

Etapa 2: personalizar o botão lightbox da galeria de produtos

Antes de personalizar o que aparece na lightbox da galeria de produtos, devemos primeiro personalizar o botão que o faz aparecer.

Para fazer isso, siga as etapas abaixo:

  1. Ir WooCommerce > Olhada rápida.
  2. Clique no Configurações de gatilho de visualização rápida língua.
  3. Nesta fase, você pode escolher se deseja exibir a lightbox do seu produto passando o mouse (quando o mouse do usuário passa sobre o produto) ou com um botão Visualização rápida.
configuração da caixa de luz da galeria de produtos

Em seguida, precisamos ativar o botão para que ele apareça em seu site e ajustar as configurações para que ele se misture perfeitamente com sua loja online.

  1. Role a página para baixo e até chegar ao Posicionamento seção.
  2. Clique no Inserir botão automaticamente caixa. Isso adicionará o botão Quick View à sua loja online.
  3. Se você deseja adicionar o botão à sua loja manualmente, pode seguir nossos documentos aqui: docs.iconicwp.com/manually-insert-the-quickview-button
  4. Você pode então ajustar as configurações de onde o botão é exibido e seu estilo para se adequar à sua loja.
Leia Também:  5 maneiras de fortalecer a jornada do cliente

Nota: Aqui você também pode alterar o texto do botão se preferir não usar a ‘Visualização rápida’.

Quando estiver satisfeito com as configurações do botão, clique no Guardar mudanças na parte inferior da página.

Seu botão agora está configurado e funcionando, então vamos ajustar os itens que você deseja que apareçam na lightbox do produto.

Etapa 3: personalizar o lightbox da galeria de produtos

Esta é talvez a parte mais importante da criação de um lightbox da galeria de produtos para sua loja WooCommerce. O objetivo é fornecer aos clientes informações suficientes sobre o produto para que não precisem clicar na página do produto.

Vamos colocar isso em ação e ajustar as configurações de lightbox do seu produto:

  1. Ir WooCommerce > Olhada rápida.
  2. Clique no Configurações de pop-up língua.
  3. No geral , você pode escolher permitir que os clientes naveguem entre diferentes produtos quando a lightbox estiver aberta (com as setas anterior e seguinte).
  4. a Imagens A seção permite que você ajuste as configurações da galeria de imagens para o seu produto. Incluindo a velocidade de rolagem, os botões que deseja usar e muito mais.
  5. O seguinte é o Conteúdo seção. Aqui você pode adicionar ou remover quase qualquer item da lightbox. Não quer que a quantidade do produto seja exibida? Remova-o para otimizar sua lightbox.
personalizar a caixa de luz do produto woocommerce
  1. Quando estiver satisfeito, clique no Guardar mudanças e visite sua página de lista de produtos para ver seu novo produto lightbox em ação.
lightbox woocommerce

Adicione o lightbox da sua galeria de produtos ao WooCommerce

É isso, sua loja WooCommerce agora tem uma lightbox da galeria de produtos funcionando. Com isso funcionando em sua loja, você poderá reduzir os cliques dos clientes, evitar que as pessoas saiam de sua loja e aumentar as vendas no processo.

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

Faça essas alterações de forma rápida e fácil com WooCommerce Quickview e adicione WooThumbs para aprimorar sua galeria de produtos em sua loja.

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: