Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar facilmente um carrinho lateral deslizante no WooCommerce

Um carrinho lateral deslizante pode tornar as compras em sua loja WooCommerce muito mais fáceis para seus clientes.

Sem isso, os compradores podem acabar saltando entre as páginas dos produtos e o carrinho, o que pode ser frustrante. Essa etapa extra pode levar ao abandono de carrinhos e à perda de oportunidades de vendas.

Em outras palavras, um carrinho deslizante permite que os clientes visualizem e gerenciem seu carrinho em qualquer página sem interromper a experiência de compra. Eles podem adicionar ou remover itens rapidamente e aplicar códigos de cupom, tornando o processo mais simples.

Pesquisamos plug-ins populares do WooCommerce para ver quais facilitam a criação e a exibição de um carrinho lateral deslizante. Com base em nossas descobertas, o FunnelKit é a melhor opção. Essa ferramenta também permite que você adicione recursos extras como upsells, cross-sells e recompensas para aumentar as vendas.

Neste guia, mostraremos como configurar um carrinho lateral deslizante no WooCommerce.

How to add a sliding side cart in WooCommerce

Por que adicionar um carrinho lateral deslizante no WooCommerce?

Um carrinho lateral deslizante é um painel que aparece quando um cliente adiciona um item à sua cesta.

Os clientes também podem abrir o carrinho a qualquer momento clicando no ícone do carrinho. Isso permite que eles verifiquem o carrinho de compras sem visitar uma página separada do carrinho do WooCommerce.

An example of a sliding cart in WooCommerce

Dependendo da configuração do carrinho, os compradores também poderão adicionar e remover itens, bem como aplicar cupons diretamente do painel deslizante.

Você pode até adicionar botões de chamada para ação, como um link para a página de checkout do WooCommerce.

Os carrinhos deslizantes podem melhorar a experiência do cliente, eliminando o atrito do processo de compra e ajudando os compradores a controlar quanto pagarão no checkout. Isso pode reduzir as taxas de abandono de carrinho.

Com isso em mente, vamos compartilhar como você pode adicionar um carrinho lateral deslizante no WooCommerce. Basta usar os links rápidos abaixo para ir direto ao método que você deseja usar.

Vamos começar!

Método 1. Como adicionar um carrinho lateral deslizante no WooCommerce usando um plug-in gratuito

A maneira mais rápida e fácil de criar um carrinho lateral deslizante é usar o Sliding WooCommerce Cart By FunnelKit. Esse plug-in gratuito permite que você adicione um ícone de carrinho à sua loja on-line.

Os compradores podem clicar no botão para abrir o carrinho lateral deslizante.

An example of a sliding side cart in WooCommerce

Você pode alterar as cores do carrinho, as bordas, os botões, as mensagens e muito mais.

Há uma infinidade de opções, de modo que você pode criar um carrinho que se adapte perfeitamente a qualquer tema do WordPress.

A WooCommerce sliding side cart

Você pode exibir o botão do carrinho em todo o site, limitá-lo apenas às páginas do WooCommerce ou adicionar o botão a páginas e posts específicos usando um shortcode.

Como configurar o plug-in Cart For WooCommerce

Primeiro, você precisará instalar e ativar o plug-in Sliding WooCommerce Cart By FunnelKit. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, vá para FunnelKit ” Cart. Você verá uma visualização do carrinho deslizante à direita da tela.

Previewing the FunnelKit cart

Agora você pode personalizar o carrinho para atender melhor às suas necessidades.

Para começar, você pode decidir se deseja mostrar o ícone do carrinho em todo o site ou somente nas páginas do WooCommerce.

Se você selecionar “Website inteiro”, os compradores poderão abrir o carrinho deslizante em qualquer página, portanto, essa é uma boa opção para mercados e lojas on-line.

Adding a cart icon to your WordPress website

No entanto, seu site pode ter muito conteúdo que não seja de comércio eletrônico. Por exemplo, você pode ter um blog popular do WordPress, mas usar o WooCommerce para vender mercadorias aos seus fãs.

A exibição de um botão de carrinho em cada postagem do blog pode se tornar irritante. Nesse caso, você pode marcar o botão de opção “WooCommerce Pages”.

Adding a cart icon to your WooCommerce pages

Outra opção é “None”, que oculta completamente o ícone do carrinho.

Se você selecionar a opção “Nenhum”, poderá adicionar o ícone a qualquer página, post ou área pronta para widget usando um shortcode. Você também pode adicionar o ícone ao seu menu de navegação.

Mostraremos como fazer isso mais adiante nesta postagem, mas você pode selecionar “None” (Nenhum) se planeja adicionar o ícone do carrinho manualmente.

Depois de tomar essa decisão, selecione “Bottom Left” (Esquerda inferior) ou “Bottom Right” (Direita inferior), dependendo de onde você deseja mostrar o botão do carrinho. Aqui, pode ser útil verificar como o botão ficará em sua loja on-line selecionando “Preview on Page” (Visualizar na página).

Previewing the FunnelKit sliding cart

Por padrão, o plug-in mostra “Review Your Cart” na parte superior do carrinho lateral deslizante.

Você pode substituí-la por sua própria mensagem, digitando-a no campo “Cart Heading” (Título do carrinho).

Adding a heading to your online store's cart

Se você não quiser mostrar um título, basta deixar o campo vazio.

Por padrão, o FunnelKit mostra o ícone do carrinho antes de o comprador adicionar itens à cesta.

Se preferir, você pode ocultar o ícone até que o visitante comece a adicionar itens. Basta clicar no botão de alternância “Hide Cart Icon” (Ocultar ícone do carrinho) para que ele fique azul.

Hiding the WooCommerce cart

Isso é tudo o que você precisa para criar um carrinho lateral deslizante básico, mas há configurações que podem gerar ainda mais vendas. Com isso em mente, vamos dar uma olhada nos recursos mais avançados do FunnelKit.

Aceitar cupons no carrinho lateral deslizante do WooCommerce

Os cupons são uma ótima maneira de obter mais vendas e fidelizar os clientes.

Se você tiver criado algum cupom inteligente do WooCommerce usando o plug-in Advanced Coupons, os compradores poderão digitá-lo diretamente na página do carrinho deslizante.

Adding coupon codes to a sliding side cart in WooCommerce

Quando o cliente clicar em “Aplicar”, o carrinho deslizante mostrará o quanto ele economizou.

Ao mostrar aos clientes o desconto imediatamente, você pode reduzir as taxas de abandono do carrinho e incentivá-los a adicionar mais itens à cesta.

How to accept coupon codes in a sliding side cart

Você pode criar esses códigos usando o recurso de cupom integrado do WooCommerce ou um plugin de código de cupom.

Para adicionar o campo de cupom, clique no botão de alternância “Enable Coupon Box” (Ativar caixa de cupom), que o transforma de cinza (desativado) em azul (ativado).

Accepting coupons on your online store

Depois disso, você pode alternar entre os layouts “Minimizado” e “Expandido”.

Basta marcar a caixa à direita ao lado de “Exibir”.

Choosing different layouts for the sliding cart page

A opção Minimizada ocupa menos espaço, portanto, distrai menos, mas os compradores precisarão expandir a seção de cupons antes de poderem digitar qualquer código.

Na imagem a seguir, você pode ver o layout minimizado:

An example of a minimized layout for coupon codes and discounts

Depois de escolher um layout, você pode alterar o texto que o FunnelKit usa para o título da caixa de cupom, o texto do espaço reservado para desconto e o texto do botão.

Personalizar o resumo do carrinho

O resumo do carrinho mostra aos clientes quanto custará a compra. Isso ajuda a reduzir as taxas de abandono de carrinho, pois não há surpresas desagradáveis no checkout.

Customizing the WooCommerce cart summary

Por esse motivo, recomendamos ativar a opção “Mostrar subtotal”.

No entanto, se você quiser simplificar o carrinho lateral, poderá clicar para desativar o botão de alternância “Show Subtotal”.

Showing the subtotal on your eCommerce cart page

Você também pode mostrar todas as economias para as quais o cliente se qualificou, incluindo descontos de cupons que ele tenha aplicado.

Dessa forma, você pode usar o FOMO para aumentar as conversões, especialmente se a economia for sensível ao tempo.

Por exemplo, você pode programar cupons no WooCommerce para que o cliente só possa usá-los por um período limitado.

Showing savings and discounts on your e-Commerce site

Se você preferir remover essas informações do carrinho lateral deslizante, poderá desativar o botão de alternância “Exibir economias”.

Você também pode substituir o “Saving Text” e o “Shipping Text” por suas próprias mensagens personalizadas.

Customizing the message on a sliding side cart screen

Personalize o apelo à ação do carrinho de compras do WooCommerce

O carrinho lateral deslizante tem um botão de checkout padrão, mas você pode personalizar esse botão de call-to-action para obter mais conversões. Para começar, você pode adicionar um ícone de checkout usando o botão de alternância “Enable Button Icon” (Ativar ícone do botão).

FunnelKit's checkout settings

Isso pode ser particularmente útil se você estiver criando um site WordPress multilíngue.

Você também pode adicionar o preço do carrinho ao botão de checkout usando o botão de alternância “Enable Cart Price” (Ativar preço do carrinho).

Customizing the WooCommerce checkout button

Isso ajudará os compradores a acompanhar o custo do carrinho, especialmente se você tiver removido o subtotal da seção de resumo do carrinho.

Por padrão, o FunnelKit adiciona um link “Continue Shopping” (Continuar comprando) na parte inferior do carrinho lateral deslizante. Você pode substituir esse texto por sua própria mensagem digitando no campo “Continue Shopping Text” (Texto para continuar comprando).

Customizing the 'Continue shopping' text

Depois disso, escolha se esse link simplesmente fechará o painel lateral do carrinho ou redirecionará o comprador para a página da loja do WooCommerce.

A maioria dos compradores espera sair do carrinho deslizante, portanto, recomendamos selecionar o botão “Fechar carrinho lateral”.

Closing the sliding side cart in WooCommerce

Se você selecionar “Redirect to Shop”, talvez queira alterar o texto “Continue Shopping Text” para que fique claro o que acontecerá quando os clientes clicarem no link.

Criar uma tela personalizada de carrinho vazio

É possível ocultar o botão do carrinho até que o comprador adicione pelo menos um item à cesta, seguindo o processo descrito acima. No entanto, se você não ocultar o botão, os clientes poderão, às vezes, ver uma tela de carrinho vazio.

The 'Empty Cart' screen

É possível alterar o título, a descrição e o texto do botão usando as configurações na seção “Carrinho vazio”. Normalmente, você deseja incentivar os clientes a começar a comprar. Por exemplo, você pode falar sobre coisas que oferece, como frete grátis ou garantia de devolução do dinheiro.

Você pode até dar ao comprador um código de cupom, como um desconto do tipo compre um e leve outro gratuitamente.

Adding a CTA to the 'empty cart' screen

Você também pode escolher se clicar no botão “Shop Now” levará o cliente para a página da loja do WooCommerce ou simplesmente fechará o painel lateral.

Recomendamos selecionar “Redirect To Shop” (Redirecionar para a loja), pois isso facilitará que os compradores comecem a adicionar itens aos seus carrinhos.

Enabling 'redirect to shop' in the FunnelKit WordPress plugin

Adicione o ícone do carrinho em qualquer lugar do seu site

Se quiser ter mais controle sobre onde o ícone do carrinho é exibido, você pode adicioná-lo a qualquer página, post ou área pronta para widget usando um shortcode. Você também pode adicioná-lo ao menu do seu site.

Essa é uma ótima opção se você selecionou “None” (Nenhum) nas configurações de “Icon Visibility” (Visibilidade do ícone) seguindo o processo descrito acima.

FunnelKit's 'icon visibility' settings

Se você selecionou “WooCommerce Pages”, também há uma maneira de adicionar o ícone do carrinho a outras áreas importantes do seu site. Por exemplo, você pode adicionar o ícone à sua página inicial personalizada ou ao formulário de contato.

Para começar, você pode selecionar “Cart Menu” e, em seguida, ativar a opção “Enable Cart Menu”.

Enabling the cart icon on WordPress

Agora você pode alterar a aparência do ícone selecionando um dos modelos de ícone e escolhendo se deseja mostrar a contagem de produtos e o total do carrinho como parte do ícone. Essas informações podem ajudar os visitantes a controlar seus carrinhos.

Você também pode alterar o tamanho do ícone e do texto. À medida que você fizer alterações, a pequena visualização será atualizada automaticamente, para que você possa experimentar configurações diferentes e ver o que fica melhor.

How to create a custom cart icon for WordPress

Quando você estiver satisfeito com a aparência do ícone do carrinho lateral deslizante, clique no botão “Save” (Salvar).

Agora você pode adicionar o ícone a qualquer página, post ou área pronta para widget usando o código ao lado de ‘Embed Shortcode’.

How to add a cart icon using shortcode

Para obter mais informações sobre como colocar o shortcode, consulte nosso guia sobre como adicionar um shortcode no WordPress.

Outra opção é adicionar o ícone ao menu de navegação do seu site. Dessa forma, o carrinho lateral deslizante estará sempre à mão, sem desviar a atenção do conteúdo da página principal.

How to add a cart icon to a navigation menu

Para isso, vamos abrir o menu suspenso “Add to Menu” e escolher o menu que você deseja usar.

Depois disso, basta clicar no botão “Salvar”.

Adding a cart icon to the WordPress menu

Agora, se você visitar o site do WordPress, verá o ícone do carrinho no menu de navegação.

Adicione suas próprias cores e marca

Talvez você queira alterar as cores do carrinho lateral deslizante para combinar melhor com o tema ou a marca do WooCommerce.

Para alterar a cor do texto, a cor do botão, a cor do link e muito mais, clique em ‘Styling’.

Adding your own branding to a WooCommerce cart

E para alterar qualquer uma das cores padrão, basta dar um clique. Isso abre uma janela pop-up na qual você pode experimentar cores diferentes.

Por exemplo, na imagem a seguir, estamos personalizando a borda.

How to add custom colors to a WooCommerce store

Outra opção é digitar um código hexadecimal no campo “Hex”. Isso é perfeito se você já tiver uma tonalidade específica em mente.

Se você não souber qual código hexadecimal usar, pode ser útil usar um site como o HTML Color Codes. Aqui, você pode explorar diferentes cores e obter um código que pode ser simplesmente colado no plug-in do FunnelKit.

Se ainda não tiver certeza de quais cores usar, consulte nosso guia sobre como escolher um esquema de cores perfeito para seu site WordPress.

Como criar um carrinho lateral deslizante responsivo

De acordo com nosso relatório de uso da Internet, mais de 90% da população global da Internet usa um dispositivo móvel para acessar a Internet. Com isso em mente, você deve garantir que o carrinho lateral deslizante tenha uma aparência tão boa em smartphones e tablets quanto em computadores desktop.

Aqui, pode ser útil alterar a largura do carrinho para que ele não preencha completamente a tela pequena de um dispositivo móvel. Para fazer isso, abra a guia “Styling” (Estilo) e, em seguida, veja “Cart Preview Mobile Width” (Largura do carrinho para visualização em dispositivos móveis).

Create a mobile responsive cart page

Talvez você queira tentar digitar valores diferentes nesse campo. Se você alterar as configurações padrão, é uma boa ideia verificar a versão móvel do seu site WordPress no desktop para ter certeza de que está satisfeito com os resultados.

Enquanto estiver nessa tela, você também pode alterar a largura do carrinho lateral deslizante na área de trabalho. Para fazer isso, basta alterar o número no campo “Cart Preview Desktop Width” (Largura da área de trabalho da visualização do carrinho).

Como publicar seu carrinho lateral deslizante

Quando você estiver satisfeito com a configuração do carrinho lateral deslizante, é hora de torná-lo ativo. Basta clicar no controle deslizante “Enable Cart” (Ativar carrinho) para que ele fique azul.

How to enable the sliding cart on your WooCommerce store

Agora, se você visitar sua loja on-line, verá o carrinho deslizante ativo.

Se você quiser remover o carrinho lateral deslizante em qualquer momento, basta voltar para FunnelKit ” Carrinho no painel do WordPress. Em seguida, vá em frente e clique para desativar o controle deslizante “Enable Cart” (Ativar carrinho).

How to disable the sliding cart on your WooCommerce store

Método 2. Adicionar um carrinho lateral deslizante avançado (com vendas adicionais, vendas cruzadas e prêmios)

Se você quiser aumentar o valor médio do pedido em sua loja, poderá fazer upgrade para o FunnelKit Cart Pro. Esse plug-in avançado de carrinho lateral deslizante adiciona recursos avançados de upsell, venda cruzada e recompensa ao carrinho lateral deslizante do FunnelKit.

Com esse plug-in, você pode recomendar produtos relacionados sempre que um cliente adicionar um item ao carrinho.

Get more sales with upselling and cross-selling promotions

Você também pode criar recompensas exclusivas, como códigos de cupom e brindes, e promovê-las dentro do carrinho deslizante.

O FunnelKit pode até mesmo rastrear quanto mais o cliente precisa gastar para desbloquear a próxima recompensa.

Offering extra rewards to shoppers

Para adicionar esses recursos poderosos, você precisará fazer upgrade para o FunnelKit Funnel Builder Pro. Esteja ciente de que você precisará do plano Plus ou superior.

Depois de comprar um plano, faça login em sua conta do FunnelKit. Aqui, você encontrará o plugin FunnelKit Funnel Builder Pro, além do FunnelKit Funnel Builder e do FunnelKit Cart. Você precisará instalar todos os três plugins para desbloquear os recursos avançados do carrinho deslizante.

Primeiro, você precisará instalar e ativar os três plug-ins. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, vá para FunnelKit ” Settings (Configurações ) e adicione sua chave de licença ao campo “FunnelKit Funnel Builder Pro”.

Adding the FunnelKit license

Você pode encontrar essas informações fazendo login em sua conta no site do FunnelKit. Feito isso, clique em “Activate” (Ativar).

Depois disso, basta acessar FunnelKit ” Cart.

Adding an advanced sliding side cart to an online store

Agora você pode configurar e personalizar o carrinho lateral seguindo o mesmo processo descrito no método 1. Quando estiver satisfeito com a configuração do carrinho lateral deslizante, você estará pronto para adicionar upsells, cross-sells e recompensas.

Obtenha mais vendas fazendo upselling e cross-selling de produtos do WooCommerce

Quando os clientes abrem o carrinho deslizante, você pode mostrar a eles promoções exclusivas de upsell e cross-sell com base nos itens do carrinho de compras.

Adding upsell and cross-sell promotions to WooCommerce

O upselling é quando você incentiva os compradores a comprar um produto de preço mais alto em vez daquele que eles já têm no carrinho de compras.

Por exemplo, imagine um cliente adicionando uma jaqueta impermeável ao carrinho. Você pode sugerir uma jaqueta de qualidade superior que seja mais durável, versátil e disponível em cores diferentes.

Venda cruzada é quando você promove um produto relacionado a algo que o cliente já está comprando. Por exemplo, se ele adicionar um cartão de felicitações ao carrinho, você poderá incentivá-lo a comprar chocolates ou flores também.

O WooCommerce tem um recurso de produto vinculado que permite que você crie upsells e cross-sells. Para obter mais informações, consulte nosso guia sobre como fazer upsell de produtos no WooCommerce.

No entanto, você também pode criar upsells e cross-sells diretamente no painel do FunnelKit. Essa é a opção mais rápida, portanto, é a que usaremos neste guia.

Para começar, você precisará clicar na opção “Upsells” e, em seguida, selecionar “Enable Cart Upsells”.

How to add upsells and cross-sells to WooCommerce

Depois disso, vamos rolar até a seção “Upsells and Cross-Sells”.

Aqui, você verá todos os produtos de sua loja on-line.

How to create WooCommerce linked products

Basta clicar no item em que você deseja adicionar um ou mais produtos vinculados.

Em seguida, você pode clicar em “Add Upsell” ou “Add Cross Sell”, dependendo do tipo de promoção que deseja criar.

FunnelKit's advanced conversion features

Na janela pop-up, comece a digitar o produto que você deseja usar como upsell ou cross-sell. Quando o produto certo aparecer, basta dar um clique nele.

Para oferecer vários produtos, basta seguir o mesmo processo descrito acima.

Adding a linked product on your online store

Feito isso, basta clicar no botão “Add” (Adicionar).

Agora você pode criar campanhas exclusivas de cross-sell e upsell para cada produto em sua loja, bastando seguir o mesmo processo descrito acima.

An example of a high-converting eCommerce sliding cart

Agora, você está pronto para personalizar a aparência das promoções de upsell e cross-sell em seu carrinho lateral deslizante.

Para começar, tente alternar entre estilos diferentes clicando nos botões de opção ao lado de ‘Display’.

Customizing the upsell and cross-sell promotions in WooCommerce

A visualização ao vivo será atualizada automaticamente, para que você possa experimentar diferentes estilos e ver qual deles lhe agrada mais.

Por padrão, o FunnelKit mostrará tanto os upsells quanto os cross-sells no carrinho lateral deslizante. Se preferir, você pode mostrar somente upsells ou somente cross-sells usando os botões de rádio em “Product Recommendation Type” (Tipo de recomendação de produto).

FunnelKit's product recommendation settings

Em seguida, você pode alterar o título que o FunnelKit mostra acima da promoção de upsell ou cross-sell, digitando-o no campo “Título”.

Esteja ciente de que o FunnelKit usará o mesmo título para os dois tipos de promoção.

Adding promotions to your sliding side cart

Depois disso, você pode definir o número máximo de produtos sugeridos que o FunnelKit mostrará, digitando no campo “Show Maximum Upsells” (Mostrar máximo de upsells).

Sempre que possível, é uma boa ideia criar promoções exclusivas de upsell e cross-sell para cada produto. Entretanto, se sua loja on-line tiver muitos itens, talvez isso não seja possível.

Com isso em mente, você pode definir um produto de upsell padrão que o FunnelKit promoverá quando não houver produtos vinculados disponíveis. Para fazer isso, basta digitar o nome de um produto no campo “Default Upsells” (Venda adicional padrão). Quando o produto certo aparecer, basta dar um clique nele.

Setting a default linked product

Quando estiver satisfeito com as promoções de upsell e cross-sell que criou, não se esqueça de clicar em “Save” (Salvar) para armazenar as alterações.

Ofereça frete grátis, descontos e brindes

Oferecer aos clientes um motivo para gastar mais pode, muitas vezes, aumentar o valor médio do pedido. O FunnelKit permite criar várias recompensas e promovê-las como bônus desbloqueáveis no carrinho lateral deslizante.

Por exemplo, você pode oferecer frete grátis se o cliente exceder um gasto mínimo. O FunnelKit mostrará até mesmo aos clientes quanto mais eles precisam gastar para liberar o prêmio.

Essa é uma maneira fácil de obter mais vendas e criar fidelidade do cliente com a gamificação.

O FunnelKit permite que você ofereça três recompensas diferentes: frete grátis, um desconto e um brinde.

Para oferecer frete grátis, você precisará já ter configurado o frete em sua loja WooCommerce. Para obter instruções passo a passo, consulte nosso guia WooCommerce simplificado.

Enquanto isso, a recompensa “desconto” aplica automaticamente um cupom quando o cliente atinge o gasto mínimo. Se quiser oferecer essa recompensa, você precisará criar um cupom de desconto percentual usando o recurso de cupom integrado do WooCommerce ou um plug-in de cupom do WordPress.

Para obter instruções passo a passo, consulte nosso guia sobre como criar cupons inteligentes.

Depois disso, você estará pronto para criar uma recompensa selecionando “Rewards” (Recompensas) nas configurações do FunnelKit e clicando em “Create Reward” (Criar recompensa).

How to get more sales with rewards

Agora você pode abrir o menu suspenso “Type” (Tipo) e escolher o tipo de recompensa que deseja criar.

Independentemente de escolher brinde, frete grátis ou desconto, você pode alterar o texto que o FunnelKit mostra aos clientes digitando no campo “Message” (Mensagem).

Se você fizer alguma alteração, tenha cuidado para não editar {{remaining_amount}}, pois isso permite que o FunnelKit mostre quanto mais o cliente precisa gastar.

Adding incentives to your WooCommerce store

Se estiver oferecendo um desconto, certifique-se de alterar a mensagem para mostrar o quanto o cliente economizará.

Feito isso, digite um número no campo “Amount to Get Reward” (Valor para obter o prêmio). Esse é o valor que os compradores devem gastar para desbloquear o prêmio.

Offering your customers rewards and incentives

Se você estiver oferecendo um desconto percentual, precisará especificar qual cupom o FunnelKit deve aplicar automaticamente.

No campo “Cupom”, comece a digitar o cupom que você deseja usar. Quando o código correto for exibido, clique nele.

Adding a discount offer to your eCommerce site

Agora, o FunnelKit aplicará automaticamente o cupom quando alguém atingir o gasto mínimo.

Em vez disso, está oferecendo um brinde? Então, você pode começar a digitar o nome do brinde no campo “Produto”.

Offering shoppers a free gift

Quando o produto certo aparecer, dê um clique nele.

Agora, o FunnelKit adicionará esse item ao carrinho de compras do cliente assim que ele atingir o gasto mínimo.

How to offer shoppers a free gift

Para adicionar mais prêmios, basta clicar em “Create Another Reward” (Criar outro prêmio).

Agora você pode configurar o desconto, o brinde ou a recompensa de frete grátis seguindo o mesmo processo descrito acima.

Get more sales by offering shoppers a reward

Por padrão, o FunnelKit mostrará a seguinte mensagem quando um cliente se qualificar para todos os prêmios: ‘Congrats! Você desbloqueou todos os prêmios”.

Para mostrar uma mensagem diferente, basta digitar no campo “When All Rewards Unlocked” (Quando todos os prêmios forem desbloqueados). Você pode até oferecer ao cliente um bônus especial por desbloquear todas as suas recompensas, como um código de cupom exclusivo para ser usado na próxima compra.

Offering visitors a reward

Quando estiver satisfeito com a configuração de suas recompensas, clique no botão “Save” (Salvar).

Como publicar seu carrinho lateral deslizante

Quando estiver pronto para ativar o carrinho lateral deslizante, basta clicar no botão de alternância “Enable Cart” (Ativar carrinho).

Publishing a sliding side cart on your online store

Se você quiser remover o carrinho lateral deslizante a qualquer momento, basta voltar para FunnelKit ” Carrinho no painel do WordPress. Em seguida, vá em frente e clique para desativar a opção “Enable Cart” (Ativar carrinho).

Tutorial em vídeo

Antes de ir, talvez você queira conferir nosso tutorial em vídeo sobre como adicionar um carrinho deslizante à sua loja WooCommerce.

Subscribe to WPBeginner

Esperamos que este artigo tenha ajudado você a adicionar um carrinho lateral deslizante no WooCommerce. Talvez você também queira conferir nosso guia sobre como criar um pop-up do WooCommerce para aumentar as vendas e nossa seleção de especialistas dos melhores plugins do WooCommerce para sua loja.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

Comentários

  1. Parabéns, você tem a oportunidade de ser o primeiro comentarista deste artigo.
    Tem alguma dúvida ou sugestão? Deixe um comentário para iniciar a discussão.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.