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 uma barra de frete grátis no WooCommerce

De vez em quando, um de nossos leitores nos envia uma mensagem perguntando se é possível oferecer frete grátis em uma loja WooCommerce. É possível, e sabemos que oferecer frete grátis é uma das melhores maneiras de aumentar as vendas.

Ajudamos milhares de usuários a criar uma loja on-line e a aumentar suas conversões. O frete grátis é uma maneira comprovada de reduzir o abandono de carrinho e aumentar as taxas de conversão gerais. O desafio é que a maioria dos proprietários de lojas não consegue destacar a oferta de frete grátis.

Neste artigo, ensinaremos a você como adicionar uma barra de frete grátis no WooCommerce para aumentar as vendas.

Adding a free shipping bar in WooCommerce

Adição de uma barra de frete grátis no WooCommmerce

Os custos de frete são um dos principais motivos das vendas de carrinhos abandonados. Muitas lojas on-line lidam com isso oferecendo frete grátis.

Informar os clientes sobre sua oferta de frete grátis é uma ótima maneira de aumentar as vendas de sua loja on-line.

Aqui está um exemplo de um banner de frete grátis. É um elemento proeminente do site que permanece na parte superior da tela enquanto o usuário rola a tela para baixo:

Free shipping bar example

Como você pode ver, a loja do exemplo acima incentiva os usuários a gastar um determinado valor para obter frete grátis. Isso é ótimo para aumentar o valor do pedido do carrinho e o volume geral de vendas.

Você pode ativar o frete grátis incentivado usando o plugin Advanced Coupon para WooCommerce.

Independentemente de como você habilita o frete grátis, é fundamental destacá-lo adequadamente em seu site, e é aí que entra a barra de frete grátis.

Para criar a barra de envio, usaremos o OptinMonster. Trata-se de uma ferramenta poderosa para criar todos os tipos de popups do WordPress.

Como criar uma conta no OptinMonster e conectar o WordPress

Primeiro, você precisará visitar o site da OptinMonster e se inscrever para obter uma conta. Ele é o melhor software de geração de leads e plugin de otimização de conversão para WordPress.

OptinMonster

Observação: O OptinMonster foi co-criado por Syed Balkhi, fundador do WPBeginner. É uma ferramenta de optin extremamente popular que usamos aqui no WPBeginner, e a recomendamos muito.

Você pode ler nossa análise completa do OptinMonster para obter mais detalhes.

Depois de se inscrever no OptinMonster, a próxima etapa é instalar e ativar o plug-in gratuito do OptinMonster para WordPress. Consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Esse plug-in conecta o aplicativo OptinMonster ao seu site WordPress. Depois de ativá-lo, clique no menu OptinMonster em seu painel do WordPress. Em seguida, clique no botão “Connect Your Account” (Conectar sua conta) e conecte o WordPress à sua conta do OptinMonster.

Connect OptinMonster to your WordPress site

Criação de uma barra de frete grátis para o WooCommerce

Agora, você pode criar sua barra de banner de frete grátis.

Primeiro, vá para a página do OptinMonster em seu painel do WordPress e clique no botão “Add New” (Adicionar novo) no canto superior direito ou clique no botão “Create Your First Campaign” (Criar sua primeira campanha).

Create new campaign

Uma nova janela pop-up será aberta, na qual você poderá escolher modelos ou playbooks.

O OptinMonster oferece belos modelos para sua campanha. Você pode selecionar um deles e personalizá-lo de acordo com suas necessidades. Por outro lado, ele também oferece campanhas prontas para uso inspiradas em marcas de sucesso.

Para este tutorial, selecionaremos a opção “Templates”.

Select a template or playbook

Isso o levará ao criador de campanhas do OptinMonster.

Aqui, você precisará selecionar “Floating Bar” (Barra flutuante) como seu tipo de campanha.

Choose floating bar campaign

Em seguida, role a tela para baixo e escolha o modelo de sua campanha. O OptinMonster tem uma grande variedade de modelos profissionais para você escolher. Coloque o cursor do mouse sobre o modelo e clique no botão “Usar modelo”.

Agora, o OptinMonster solicitará que você dê um nome à sua campanha. Você pode usar qualquer nome que desejar aqui.

Enter a name for your campaign

Quando estiver pronto, basta clicar no botão “Start Building”.

Em seguida, você verá a interface do construtor do OptinMonster, onde há diferentes blocos que podem ser adicionados ao modelo.

Customize the floating alert bar

Por padrão, a barra flutuante ficará na parte inferior da tela. Se quiser que ela fique na parte superior da tela, isso é fácil de alterar.

Basta selecionar a barra flutuante e clicar em “Configurações da barra flutuante” no menu à esquerda. Em seguida, ative a opção “Carregar barra flutuante na parte superior da página?”.

Move the alert bar to the top

Para alterar o texto na barra, basta clicar nela.

Você pode personalizar o texto conforme necessário. Você também pode alterar o estilo, a cor e o tamanho da fonte, entre outros. A visualização de sua campanha será atualizada automaticamente para mostrar como ela será exibida ao vivo.

Aqui, alteramos o texto e a fonte. Também aumentamos um pouco o tamanho da fonte:

Edit text of free shipping bar

Você também pode alterar o botão em sua barra de frete grátis.

Basta clicar no botão, e as configurações serão abertas no painel esquerdo. Você pode alterar o texto do botão ali.

Edit button text and settings in free shipping alert bar

Para direcionar os clientes para uma página em seu site WordPress sobre frete grátis, você pode inserir o URL de redirecionamento correto.

Se você quiser usar uma cor diferente para a barra de frete grátis, isso também é fácil. Primeiro, clique na guia “Advanced” (Avançado) no menu à esquerda e altere a cor de fundo do botão.

Edit button color and effects

Em seguida, você precisará selecionar as regras de exibição que controlam quem deve ver a barra de frete grátis em seu site.

Basta clicar na guia “Display Rules” (Regras de exibição) na parte superior da tela.

Setting your display rules in OptinMonster

Por padrão, o OptinMonster exibe sua barra flutuante depois que o usuário estiver em qualquer página do seu site por 5 segundos.

Talvez você queira que sua barra de frete grátis seja carregada instantaneamente. Para fazer isso, basta remover essa regra. Para isso, clique no ícone de menos no lado direito:

Have your free shipping bar appear instantly

Agora, você deve ficar com a regra “O caminho do URL atual é qualquer página”.

Além disso, você também pode escolher diferentes regras de exibição. Por exemplo, você pode mostrar a barra de frete grátis ao sair ou para usuários de regiões geográficas específicas ou quando eles visitarem uma determinada página de produto.

Physical location display rules

A etapa final é tornar sua campanha ativa em seu site. Clique na guia “Publish” (Publicar) na parte superior da tela.

Enquanto você estiver criando sua campanha, ela estará em pausa por padrão. Você pode alterná-la de Rascunho para Publicação.

Publish free shipping bar

Feito isso, basta clicar no botão “Salvar” e fechar o criador de campanhas.

Em seguida, você verá as configurações de saída da campanha para sua barra de alerta de frete grátis. Certifique-se de que o status seja Publicado ou clique no menu suspenso e altere-o de Pendente para Publicado.

Free shipping bar output settings

Não se esqueça de clicar no botão “Salvar alterações” quando terminar.

Agora, você pode acessar seu blog ou site do WordPress e ver a barra de frete grátis ativa.

Veja uma prévia da aparência de uma barra de alerta em nosso site de compras de demonstração.

Free shipping bar preview

Esperamos que este artigo tenha ajudado você a aprender como adicionar uma barra de frete grátis no WooCommerce. Talvez você também queira conferir nossa lista dos melhores plugins do WooCommerce para sua loja on-line e nossa comparação dos melhores serviços de telefonia comercial com recursos inteligentes de roteamento de chamadas.

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.