Você está procurando uma maneira fácil de integrar ConvertKit à Elementor ?

Você usa o ConvertKit e deseja criar um site com Elementor? Se sim, você está com sorte porque Elementor suporta integração com ConvertKit. Essa integração permite que você colete e-mails de assinantes por meio de um formulário Elementor. 

Não há necessidade de instalar nenhum plugin adicional. Você só precisa de uma chave de API do ConvertKit para conectar sua conta do ConvertKit ao Elementor.

Para poder integrar o Elementor com o ConvertKit, você precisa usar o Elementor Pro porque a integração do Elementor com serviços de terceiros está disponível apenas na versão pro (leia: Elementor Free vs. Elementor Pro).

Siga as etapas abaixo para integrar o Elementor ao ConvertKit.

Etapa 1: obter uma chave de API do ConvertKit

Para obter uma chave de API do ConvertKit, visite Site do ConvertKit e entre na sua conta. Uma vez logado, clique no seu nome de usuário no canto superior direito e selecione Configurações.

Como integrar o ConvertKit com o Elementor

No menu vertical, clique em Avançado. Na seção API, copie a chave de API.

Etapa 2: integre o Elementor ao ConvertKit

Depois que a chave da API for copiada, faça login no WordPress e navegue até Elementor -> Configurações para abrir a página de configurações do Elementor. Clique em integrações, role para baixo e cole a chave de API que você acabou de copiar na seção ConvertKit.

Clique no botão Validar chave de API para verificar a validação da chave de API. Assim que a validação for bem sucedida, clique no botão Salvar alterações abaixo.

Como integrar o ConvertKit com o Elementor

Etapa 3: criar um formulário

Depois que o Elementor e o ConvertKit estiverem integrados com sucesso, você poderá criar um novo formulário para coletar assinantes de e-mail para sua conta ConverKit. Para fazer isso, crie uma nova página, post ou modelo e edite-o com Elementor. Ou você também pode modificar um existente.

Crie um novo formulário arrastando o widget Formulário para a área de edição.

Inserir um formulário no Elementor

Defina os campos que você precisa no bloco Campos de formulário. Quando terminar, abra o bloco Ações após o envio e selecione ConvertKit.

Como integrar o ConvertKit com o Elementor

A etapa acima criaria um novo bloco chamado ConvertKit. Abra este bloco e selecione um formulário existente em sua conta ConvertKit.

Na opção Chave de API, Selecione Custom e no campo Custom API Key cole sua API Key.

Selecione seu formulário e também defina o mapeamento de campo com base nos campos de formulário que você selecionou. Você também pode inserir um rótulo no campo Etiquetas.

Como integrar o ConvertKit com o Elementor

Para personalizar a aparência do seu formulário, você pode acessar a guia Style. Lá você encontrará quatro blocos que você pode abrir e cada bloco oferece diferentes opções de estilo.

Bloco de formulário

Este bloco permite que você defina o espaço entre colunas e linhas do seu formulário, tipografia do rótulo da forma (tamanho da fonte, família da fonte, estilo da fonte), cor do texto e tipografia do campo HTML e cor do texto.

Bloco de campo

Este bloco permite personalizar a aparência dos campos do formulário. Cor do texto, tipografia, cor de fundo, cor da borda e raio da borda.

bloco de botões

Este bloco permite que você personalize a aparência do botão do formulário. Cor de fundo, cor do texto, tipografia, cor da borda, raio da borda, cor do foco, cor do texto.

Como integrar o ConvertKit com o Elementor

Bloco de mensagem

Este bloco permite personalizar a tipografia, bem como a cor do texto da mensagem de sucesso, mensagem de erro e mensagem inline.

Como integrar o ConvertKit com o Elementor

Clique no botão PUBLICAR / ATUALIZAR assim que terminar de editar sua página.

Obtenha o Elementor Pro agora !!!

Conclusão

Então! Acabamos de apresentar a você como integrar o ConvertKit com o Elementor. Se você tiver alguma dúvida sobre como chegar lá, avise-nos dentro Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...