Como criar um formulário HubSpot no WordPress

Publicados: 2023-01-18

Você deseja adicionar um formulário Hubspot e adicioná-lo ao seu site WordPress?

HubSpot é uma popular plataforma de marketing multifuncional projetada para ajudar a expandir seus negócios, usada por mais de 113.925 pessoas em todo o mundo. O Hubspot também permite que você crie formulários atraentes para o seu site.

Neste artigo, mostraremos como criar um HubSpot no WordPress.

How to Create a HubSpot Form in WordPress

Por que usar o HubSpot para criar formulários

Hubspot é uma plataforma de marketing e vendas que ajuda as empresas a crescer. Ele vem com várias ferramentas, incluindo um gerente de relacionamento com o cliente (CRM), um sistema de gerenciamento de conteúdo (CMS), marketing por e-mail integrado e geração de leads.

Eles também têm um construtor de formulários WordPress robusto, que se integra perfeitamente ao WordPress, permitindo que você crie formulários sem complicações.

Este construtor de formulários é um construtor fácil de arrastar e soltar que permite criar formulários interativos sem uma única linha de código, tornando-o um dos melhores plug-ins de formulário de contato.

Lembre-se também de que o HubSpot também pode se integrar facilmente a outras ferramentas de formulário, como WPForms, Formidable Forms e muito mais. Com isso dito, vamos ver como você pode criar um formulário HubSpot no WordPress.

  • Método 1. Criando um formulário HubSpot usando o plug-in HubSpot
  • Método 2. Criando um formulário HubSpot usando WPForms

Método 1. Criando um formulário HubSpot usando o plug-in HubSpot

Você pode criar facilmente um formulário HubSpot para o seu site WordPress usando o plug-in HubSpot.

Primeiro, você precisa instalar e ativar o plugin HubSpot. Para obter mais detalhes, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, o plug-in adicionará um novo item de menu na barra lateral de administração do WordPress. Basta clicar em HubSpot para ser levado ao assistente de configuração, onde você pode criar uma conta HubSpot, caso ainda não tenha uma.

Se você possui uma conta, precisa clicar no link 'Faça login aqui' na parte superior.

Go to HubSpot from the dashboard and click Sign in here link

Isso abrirá um pop-up 'HubSpot Login'.

Basta digitar seu nome de usuário e senha e clicar no botão 'Login'.

Log in to your HubSpot account

Depois de fazer login, o HubSpot perguntará se você deseja continuar com a conta com a qual acabou de fazer login.

Basta clicar no botão 'Continuar com esta conta'.

Click continue with this account button

Em seguida, você será solicitado a conectar sua conta da HubSpot ao seu site WordPress.

Basta clicar no botão 'Conectar site'.

Click Connect Website button

Depois de conectar o site do WordPress à sua conta da HubSpot, vá para HubSpot »Formulários no painel de administração do WordPress.

Isso o levará à página 'Formulários'. Agora, basta clicar no botão 'Criar um formulário gratuito' no canto superior direito.

Click Create a Free Form button

Em seguida, você terá que selecionar o tipo de formulário e clicar no botão 'Avançar' na parte superior.

Para este tutorial, criaremos um 'formulário incorporado'.

Choose a form type

Depois disso, você será direcionado para a biblioteca de modelos da HubSpot.

Basta escolher o modelo de sua preferência, como 'Registro' ou Fale conosco.' Em seguida, basta clicar no botão 'Iniciar' na parte superior.

Choose a form template

Agora que você está no Editor de formulários, pode editar o modelo de formulário pré-criado arrastando e soltando os campos da esquerda para a visualização à direita.

Quando terminar de personalizar, clique no botão 'Enviar' na parte superior.

Create a form and click Submit button

Isso abrirá um pop-up 'Revisar e publicar'.

Basta rolar para baixo e clicar no botão 'Publicar'.

Click Submit button

Depois de clicar no botão 'Publicar', um pop-up aparecerá na tela. Como este é um formulário integrado, um shortcode será fornecido.

Agora, basta clicar no botão 'Copiar' ao lado do shortcode.

Copy the shortcode

Você pode incorporar esse código em qualquer página onde deseja adicionar seu formulário HubSpot. Para mais informações, confira nosso guia sobre como adicionar códigos de acesso no WordPress.

Método 2. Criando um formulário HubSpot usando WPForms

Você também pode criar um formulário HubSpot usando WPForms, pois este plug-in vem com um complemento de integração HubSpot. O WPForms é o criador de formulários de arrastar e soltar mais popular do WordPress, com mais de 5 milhões de instalações ativas.

Observe que você precisa de pelo menos uma licença WPForms Elite para acessar o complemento HubSpot.

A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms. Confira nosso guia sobre como instalar um plug-in do WordPress para obter detalhes.

Após a ativação, vá para WPForms » Addons no painel de administração. Isso o levará à página 'WPForms Addons'.

Basta localizar o complemento HubSpot e clicar no botão 'Atualizar agora'.

Click Upgrade Now button below HubSpot addon

Isso o levará à página 'Conta WPForms'. Aqui, basta rolar para baixo até o 'HubSpot Addon' e clicar no botão de download.

Depois disso, você pode instalar e ativar o complemento HubSpot da mesma forma que instalou e ativou o plug-in.

Click Download HubSpot button

Em seguida, vá para WPForms »Configurações no painel do WordPress. Em seguida, vá para a guia 'Integrações'.

Aqui você encontrará o HubSpot na lista de integrações. Basta clicar no ícone de seta para expandir a seção e, em seguida, clicar no botão 'Adicionar nova conta'.

Choose HubSpot for integration

Um prompt será aberto, solicitando que você se conecte à sua conta da HubSpot. Basta digitar as credenciais de login da sua conta HubSpot.

Se você ainda não tem uma conta, então você pode criar uma aqui.

Log in to your HubSpot account

Em seguida, você será perguntado se deseja continuar com esta conta.

Basta clicar no botão 'Continuar com esta conta'.

Click Continue With This Account

Depois disso, você verá um pop-up solicitando que você conecte o WPForms ao Hubspot.

Clique no botão 'Conectar aplicativo' na parte inferior da página.

Click Connect App button to connect WPForms and HubSpot

No painel do WordPress, retorne à tela 'Integrações'.

Agora você deve ver 'Conectado' ao lado da seção do HubSpot.

HubSpot marked Connected

Agora vá para WPForms »Adicionar novo no painel para criar seu formulário HubSpot.

Primeiro, selecione um modelo de formulário da biblioteca de modelos WPForms.

Select a template for yourself from the WPForms template library

Depois de selecionar o modelo, você será direcionado para a interface do WPForms, onde poderá editar o modelo de formulário.

Agora, clique na opção 'Marketing' na barra de menu à esquerda. Basta selecionar 'HubSpot' na lista de integrações.

Um pop-up do HubSpot aparecerá na tela. Basta clicar no botão 'Adicionar nova conexão' na parte superior.

Click Add New Connection button

WPForms agora solicitará que você insira um apelido de conexão.

Você é livre para escolher o nome que quiser, pois ninguém verá isso além de você. Basta clicar no botão 'OK' quando terminar.

Choose a nickname of your liking

O WPForms solicitará que você selecione sua conta da HubSpot e escolha uma ação a ser executada. Basta escolher sua conta no campo 'Selecionar conta'.

Em seguida, escolha a opção 'Criar/Atualizar contato' no campo 'Ação a ser realizada'.

Fill action to perform field

Depois de selecionar esta opção, várias novas configurações aparecerão no formulário.

Preencha esses campos adequadamente.

Fill in additional fields

Em seguida, você está pronto para personalizar seu formulário no construtor de formulários.

Basta criar campos de arrastar e soltar do lado esquerdo para a visualização ao vivo à direita.

Form in form builder

Você pode adicionar qualquer informação que deseja coletar e organizar em sua conta da HubSpot.

Uma vez satisfeito, clique no botão 'Incorporar' presente na parte superior do construtor de formulários.

Click Embed button

Isso abrirá o prompt 'Incorporar em uma página'.

Se você deseja incorporar seu formulário HubSpot em uma nova página, clique na opção 'Criar nova página'.

Para incorporar um formulário em uma página existente, clique na opção 'Selecionar página existente'.

Select existing page option

Depois disso, basta escolher a página certa no menu suspenso que aparece.

Agora clique no botão 'Vamos lá'.

Click Let's Go button

Você será direcionado automaticamente para a página selecionada no menu suspenso. O formulário da HubSpot já estará incorporado lá.

Basta clicar no botão 'Publicar' na parte superior do editor de conteúdo para publicar seu novo formulário.

Click Publish button after embedding the form

É isso! Esperamos que você tenha aprendido como criar um formulário HubSpot no WordPress. Você também pode conferir nosso guia definitivo sobre SEO para iniciantes e nossas escolhas de especialistas dos melhores temas multifuncionais para criar um site atraente.

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