Como adicionar um ícone de carrinho WooCommerce a uma barra de menu no WordPress

WooCommerce é uma ótima maneira de vender produtos físicos e digitais em seu site WordPress. O plugin funciona perfeitamente e oferece tudo que você precisa para começar. Às vezes, porém, você quer um pouco mais de estilo. É aqui que entra o ícone do carrinho WooCommerce.

Você já esteve em um site de compras e viu um pequeno ícone de carrinho de menu localizado em algum lugar do menu do site? Se você possui um WooCommerce site, você pode fazer isso. Isso dará aos usuários do seu site a capacidade de ver um ícone de carrinho nas áreas de menu do seu site.

Há algumas maneiras de fazer isso. Você poderia escrever seu próprio código e construir o ícone do carrinho WooCommerce dessa forma. No entanto, isso parece muito trabalhoso para algo que pode ser feito usando um ótimo plugin para WordPress.

Encontrei um plugin sólido que você pode instalar e configurar para mostrar um ícone de carrinho na área de menu do seu site. Veremos como instalar, ativar e configurar a ferramenta.

Primeiro, vamos falar sobre por que você deseja exibir um botão de carrinho WooCommerce em seu site.

Por que exibir um ícone de carrinho WooCommerce?

Quando um cliente acessa seu site, naturalmente você deseja proporcionar a ele uma experiência de compra personalizada. Existem várias maneiras de fazer isso no WooCommerce. Uma dessas maneiras é adicionar algo como um ícone de carrinho de compras ao seu site.

Ler:  Cultura da agência: a importância de uma política de DEI ...

Como o plug-in que veremos permite diferentes opções de exibição, você oferece aos usuários do seu site a capacidade de ver os itens e totais do carrinho em qualquer área. O que isto significa é que eles não terão que clicar no link do carrinho para visualizar seus itens e totais em outra página.

Esta é uma maneira fácil, inteligente e divertida de personalizar a experiência de compra. Sem falar que facilita a navegação dos clientes. Vamos dar uma olhada no plug-in.

Carrinho de menu WooCommerce

O Carrinho de menu WooCommerce O plugin instalará automaticamente um botão de carrinho de compras na área da barra de navegação do menu do seu site. O plugin é muito leve e fácil de instalar e configurar.

Na verdade, este é um daqueles plugins com apenas algumas opções de configuração, mas traz muito poder e funcionalidade. O WooCommerce Menu Cart possui uma versão profissional do plugin que oferecerá ainda mais funcionalidades, mas você pode fazer o suficiente com a ferramenta gratuita.

O plugin vem com recursos para algo tão pequeno e leve. Alguns deles incluem:

  • Exibir ícone do carrinho com preços
  • Exibição do ícone do carrinho com itens
  • Exibir ícone do carrinho com preços e itens
  • Mostrar ícone do carrinho apenas quando itens são adicionados
  • Sempre exibir o ícone do carrinho
  • Flutue o carrinho para a esquerda, para a direita ou use as configurações padrão do menu
  • Capacidade de personalizar seu próprio CSS
Ler:  Como aumentar as vendas do seu negócio de comércio eletrônico: 5 dicas

Este plugin de ícone de carrinho WooCommerce também é muito compatível com a maioria (se não todos) dos principais plugins. Por fim, vem com tradução para mais de 20 idiomas. Basicamente, é um pequeno plugin fantástico para exibir um ícone de carrinho de compras no menu do seu site.

Vamos dar uma olhada em como instalar, ativar e configurar o plugin WooCommerce Menu Cart.

Observação: Estas instruções pressupõem que você já tenha o WooCommerce instalado e configurado em seu site.

Instalar e ativar o carrinho de menu WooCommerce

Para exibir corretamente um botão de carrinho WooCommerce, primeiro você precisa instalar e ativar o plugin. Você pode fazer isso diretamente no painel de administração do WordPress. Basta ir até a página de plug-ins e procurar o plug-in desejado.

Depois que o plug-in for instalado e ativado, você precisará acessar a página de configurações principal para definir as configurações como desejar. Para fazer isso, clique em WooCommerce > Configuração do carrinho de menu.

Isso o levará à página de configurações principal, onde você pode configurar o plug-in do ícone do carrinho WooCommerce para atender às suas necessidades.

Configurar ícone do carrinho WooCommerce

Agora que você está na página principal de configurações, verá todas as opções de configuração em uma área. Como eu disse acima, o plugin é muito fácil de configurar e executar. Vamos analisar as configurações juntos.

As primeiras quatro configurações da ferramenta permitem definir a funcionalidade de exibição do ícone. Isso inclui coisas como o plugin de comércio eletrônico que você está usando (neste caso, WooCommerce), o menu onde deseja que o ícone seja exibido e se ele é exibido quando vazio. Você também pode optar por ativar ou desativar totalmente o ícone. Isso pode ser útil na solução de problemas.

Ler:  O que é uma plataforma como serviço (PaaS)?

Agora role para baixo e dê uma olhada no próximo conjunto de opções. Você tem a opção de opções de exibição suspensas, bem como o número de produtos a serem exibidos. Aqui, você também tem a opção de escolher o ícone do carrinho.

Observação: A versão gratuita do plugin só permite usar o ícone padrão para exibição. Se quiser mais opções de ícones, você precisará adquirir a versão pro.

Além disso, você pode optar por exibir preços, itens do carrinho ou ambos. Por fim, escolha onde deseja que o carrinho seja exibido. Você pode fazer com que ele flutue para a direita, flutue para a esquerda ou deixe que ele escolha o alinhamento padrão do menu.

Agora role um pouco mais para baixo até as últimas opções de configuração do plugin de carrinho de menu WooCommerce. Você pode escolher como deseja exibir os preços no carrinho do menu. Você pode exibir o total de produtos ou preços com descontos.

Aqui é onde você também pode inserir qualquer classe CSS personalizada que desejar. Só mexa nisso se você souber o que está fazendo. Finalmente, você pode escolher se deseja ou não usar AJAX personalizado ou não.

É isso! Não se esqueça de clicar no botão “Salvar alterações” para que todas as suas opções de configuração sejam aplicadas. Você fez isso. O ícone do carrinho WooCommerce agora será exibido no front end do seu site WordPress de acordo com as configurações que você escolheu.

Ler:  Usando WordPress como API de conteúdo do seu aplicativo front-end

Ícone do carrinho WooCommerce Pro

Apenas para tocar na versão pro do plugin por um segundo. Você definitivamente pode escapar sem comprá-lo. No entanto, se você deseja muito mais funcionalidades e mais configurações e opções de estilo, a versão profissional do WooCommerce Menu Cart é definitivamente a melhor opção.

Você pode visualizá-lo e adquiri-lo diretamente na página principal de configuração do plugin que já instalamos.

Pensamentos finais

Crie uma experiência de compra mais pessoal para seus clientes adicionando mais funcionalidades ao seu site WooCommerce. Uma maneira simples de fazer isso é adicionar um ícone de carrinho WooCommerce. Isso dá ao seu site uma aparência mais atraente visualmente e também permite uma navegação mais fácil.

O usuário não precisará mais navegar até a página principal do carrinho para ver os itens adicionados e os totais de preços. Você pode usar o plugin para exibir tudo isso para eles. Adicionar extras à configuração do WooCommerce nunca é uma má ideia. Existem outras maneiras de adicionar funcionalidades também, mas adicionar este ícone de carrinho é um bom começo.

Você já usou este plugin de ícone de carrinho de compras WooCommerce para exibir o ícone? Você prefere outro plugin ou codificá-lo você mesmo para fazer isso?

Novas publicações:

Recomendação