Elementor – Criando botões de chamada (CTA)

Olá, Kangaroozinho, como vai? Se você tem um site WordPress, utiliza o Elementor, mas ainda não tem tanta familiaridade com a tela de criação/edição do plugin, neste artigo vamos te mostrar como criar um botão de chamada com o Elementor, tanto com a versão gratuita, como a versão PRO.

Se você está começando a usar o Elementor, ele é um plugin que te permite montar o seu site puxando elementos para a tela, sem a necessidade de usar códigos para a construção. E a principal ferramenta para essas construções são os contêineres, visto que eles basicamente estruturam o seu site de modo a ficar mais organizado e de melhor visualização.

Neste artigo não vamos mostrar como construir uma página inteira, o objetivo é apenas demonstrar – tanto com a versão gratuita, como a versão PRO do Elementor – como criar um botão de chamadas (CTA), focado em buscar conversões ou leads, de acordo com a sua necessidade.

Criando o botão com o Elementor (Gratuito)

1. Acesse o painel administrativo do seu WordPress (wp-admin)
2. Abra a página/post que você deseja editar com o botão, e clique para Editar com o Elementor
   
3. Agora, após adicionar o contêiner, procure e adicione o elemento Botão (Button)
   
4. Na aba “Conteúdo”, personalize o texto, link de destino e se quiser, você também pode adicionar um ícone que seja chamativo.
   
5. Agora vamos para a aba “Estilo”, que é a mais importante. Aqui, centralize a posição do botão, em Tipografia altere o tamanho das letras, altere a cor do botão para uma que corresponda a sua marca/campanha
   
6. Em seguida, clique na opção Ao passar o mouse, e configure a duração da transição, a animação ao passar o mouse (pode ser grow). Se quiser, você também pode mudar o raio da borda (para arredondar) e o preenchimento para deixar o botão maior.
   
   Se você desejar, você pode acessar a aba Avançado para configurar um efeito de movimento e definir uma animação para o botão aparecer.

Esse é um exemplo de botão feito totalmente com o modelo da versão gratuita do Elementor. Se você tiver a versão PRO, abaixo mostramos uma forma mais prática para criar esse botão com foco em CTA.

Criando o botão com Elementor PRO

1. Adicione o contêiner, e em seguida o elemento Chamada à ação (Call to action)
   
2. Na aba “Conteúdo”, selecione uma imagem para o elemento do botão
   
3. Ainda nessa aba, expanda a coluna “Conteúdo” e preencha o título, descrição e o botão com título e link.
   Logo abaixo você pode adicionar uma “Fita”, fica a seu critério se deseja colocar esse elemento adicional ou não.
4. Agora, na aba “Estilo”, você pode editar alguns elementos da caixa e da imagem
   
5. Na parte de conteúdo você pode editar as cores, tipografia e também o hover da seção do conteúdo do seu botão.