Nesta semana, mostraremos como criar formas assinatura tendo uma roda da fortuna com Divi e o Plugin WP Optin Wheel. Espero que este tutorial ajude você a aumentar as taxas de conversão. O recurso de jogo do Lucky Wheel Optin Form permitirá que você interaja com os visitantes e os recompense com um código de desconto que eles podem usar para suas compras on-line.

Vamos!

Visão geral

Antes de mergulharmos no tutorial, vamos dar uma olhada rápida no resultado em diferentes tamanhos de tela.

Visualização do resultado da roda OptinInstaller WooCommerce

Pesquisa de plug-ins e instalação

Se você ainda não o fez, a primeira coisa a fazer é instalar  WooCommerce no seu site WordPress. Também pediremos para usar o pacote de layout de loja de ferragens no site da Divi em que você está trabalhando.

Vá para seus plugins e encontre WooCommerce. Depois de encontrá-lo, clique no botão 'Instalar agora'.

Instale woocommerceativar

Certifique-se de ativar o plugin WooCommerce imediatamente.

Ative o plugin woocommerceConfigurar o WooCommerce

Então o WooCommerce irá redirecioná-lo automaticamente para o seu formulário configuração. Aqui você precisará preencher todos os detalhes para deixar sua loja pronta para entrar no ar. Depois que esse processo for concluído, todas as páginas WooCommerce necessárias serão adicionadas automaticamente ao seu site.

Página de configurações do Woocommerce

Instale o plugin WP Optin Wheel

Pesquisa de plug-ins e instalação

Para criar o formulário de inscrição do Lucky Wheel, usaremos um plug-in de ludificação gratuito chamado WP Optin Wheel . Volte para seus plug-ins e encontre o plug-in WP Optin Wheel. Em seguida, clique no botão 'Instalar agora'. Você deve então ativar o plugin.

Instale wp optin wheel

Adicionar produtos ao WooCommerce

Adicionar um novo produto

Se você já possui um site de comércio eletrônico, pode pular esta parte. Se você está apenas tentando fazer algo, recomendamos adicionar produtos ao seu plug-in WooCommerce. Isso o ajudará a testar o formulário de optin da roda da sorte mais tarde. Para adicionar um novo produto, vá para Produtos> Adicionar novo .

Adicionar produtos woocommerceAdicionar detalhes do produto

Preencha todos os detalhes do produto. Isso inclui, mas não se limita a, um nome de produto, descrição, imagem em destaque, preço e categoria. Publique a página do produto quando terminar de adicionar esses detalhes.

Adicionar detalhes do produtoRepita para cada produto

Repita a mesma etapa para cada um dos produtos que você deseja adicionar ao seu site.

Produtos Woocommerce

Adicionar cupons ao WooCommerce

Ir para cupons

Agora é a hora de adicionar cupons. Posteriormente neste artigo, usaremos os cupons que criamos como recompensa. Acesse seu Painel WordPress> WooCommerce> Cupons . Uma vez lá, comece a criar seu primeiro cupom.

Código promocional Woocommerce

Adicionar cupom n ° 1: 5% de desconto

geral

Na roda da fortuna de 12 fatias, você pode decidir quantas fatias incluem um prêmio. Você pode, por exemplo, oferecer 4 prêmios e criar um cupom diferente para cada um deles. Você também pode usar um cupom para vários pontos na roda. Depois de criar seu primeiro cupom, vá em frente e insira o código do cupom na parte superior da página. Em seguida, altere as configurações gerais:

  • Tipo de desconto: desconto percentual
  • Valor do Cupão: 25
  • Data de validade do cupom: insira a data de sua escolha

Crie um código promocional de woocommerceRestrições de Uso

Continue mudando para as guias de restrição de uso. Aqui você pode decidir se há um gasto mínimo e máximo relacionado ao cupom. Você também pode marcar as seguintes caixas:

  • Marque esta caixa se o cupom não puder ser usado com outros cupons.
  • Marque esta caixa se o cupom não se aplica a itens em promoção. Os cupons por item só funcionarão se o item não estiver à venda. Os cupons por carrinho só funcionarão se houver itens no carrinho que não estão à venda.

Restrição de cupons de comércio eletrônicoRepita as etapas para outros cupons 3

Crie quantos cupons desejar, seguindo as mesmas etapas mencionadas acima. Você não está limitado a oferecer uma porcentagem de desconto. Você também pode criar um cupom que oferece um desconto fixo em um carrinho ou produto e incluí-lo na roda da sorte.

Lista de códigos promocionais de woocomerce

Criar um formulário Optin Lucky Wheel

Vá para as configurações do plug-in

Agora que passamos por todas as etapas necessárias para que a roda da fortuna funcione, podemos começar a criar uma! Acesse seu painel de instrumentos WordPress > Roda Optin WP .

Roda optin WpAdicionar uma chave de API do MailChimp

Antes de criar uma roda da sorte, você precisa adicionar sua chave de API MailChimp. A versão gratuita do plugin WP Wheel Optin oferece apenas integração com MailChimp. Se você deseja conectar a roda da sorte com outro provedor, você precisa atualizar para a versão premium.

Campo MailchimpCrie uma nova roda

Escolha um tema

Vamos começar a criar a roda! Escolha uma paleta de cores de sua escolha. Para este tutorial, escolhemos o laranja porque está bem com a paleta de cores da Pacote de Layout da Loja de Hardware .

Selecione uma roda da fortuna

Possibilidades de configuração

O próximo passo na criação do seu formulário a inscrição na route de la fourtune consiste na escolha de uma percentagem de acertos. Essa porcentagem indica quantas vezes as pessoas ganham algo girando a roda. Nesse caso, cada visitante que girar a roleta tem 70% de chance de ganhar um código promocional.

Defina as chances de sucessoFatias de instalação

Continue configurando as 12 fatias diferentes. Você pode dedicar cada uma das fatias a uma das três opções a seguir:

  • Sem preço: o visitante não ganha nada
  • código do cupom: o visitante ganha um código promocional
  • Lien: os visitantes ganham um e-book, por exemplo

Neste exemplo, estamos usando 4 das 12 fatias para adicionar um código de cupom. Também definimos as chances de cada uma dessas fatias individualmente.

Defina as fatias da roda

Configuração do Form Builder

O próximo passo irá ajudá-lo a criar o formulário assinatura em si. Você notará que já existe um campo de e-mail aqui. O único outro tipo de campo que você pode adicionar ao formulário de registro é uma caixa de seleção. Eles adicionaram especificamente esse tipo de campo para tornar o formulário compatível com o GDPR.

Adicionar um formulário de assinatura da roda da fortunaConfigure o formulário

Configurações de conteúdo

Em seguida, você pode configurar o conteúdo escrito da forma da roda da sorte. Vá em frente e altere todo o conteúdo para corresponder ao seu site.

Defina as opções do fórum de inscriçãoParâmetros de projeto

Em seguida, abra as configurações de design e escolha “sem padrão” para a opção de padrão de fundo.

Parâmetro de design da roda da fortuna

Parâmetros de comportamento

Você também tem a opção de escolher quando o formulário opcional Lucky Wheel aparece nas configurações de comportamento.

Parâmetros de comportamento da roda da fortuna

RGPD

Por último, mas não menos importante, você pode ter certeza de que os dados compartilhados pelos visitantes não serão salvos a menos que eles tenham marcado as várias caixas em seu formulário de registro e pronto! Salve o formulário de registro do Lucky Wheel e acesse o seu site para testá-lo.

Seção de configuração da roda da fortuna de DenièreVisão geral

Agora que todas as etapas foram realizadas, vamos dar uma olhada final no que aconteceu com os diferentes tamanhos de tela.

Pré-visualização da roda da fortunaConsiderações finais

Esperamos que este tutorial ajude você a criar suas listas de e-mail de forma mais rápida e interativa. Se você tiver alguma dúvida ou sugestão, deixe um comentário na seção de comentários abaixo!