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 criar um formulário da HubSpot no WordPress (2 métodos fáceis)

A HubSpot é uma plataforma popular de marketing e CRM tudo-em-um criada para ajudá-lo a expandir seus negócios. Com o criador de formulários da Hubspot, você pode começar a converter os visitantes do site em leads qualificados, coletar informações sobre os clientes e promover o envolvimento.

Ao criar vários formulários com a HubSpot em nossos sites de teste, obtivemos uma compreensão em primeira mão de sua eficácia, interface amigável e recursos avançados.

Neste artigo, mostraremos a você como criar um formulário da HubSpot no WordPress. Nossas instruções passo a passo foram projetadas para serem fáceis de usar por iniciantes e não exigem nenhum conhecimento de codificação.

How to Create a HubSpot Form in WordPress

Por que usar a HubSpot para criar formulários?

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

Ele também tem um poderoso construtor de formulários para WordPress, que se integra perfeitamente ao WordPress, permitindo que você crie formulários sem complicações. Como a maioria dos criadores de formulários, você pode criar facilmente formulários personalizados para o seu site sem nenhum conhecimento técnico.

Se você já estiver usando o aplicativo de CRM da HubSpot, todos os visitantes que preencherem o formulário serão automaticamente adicionados ao seu banco de dados. Dessa forma, você pode alimentá-los com campanhas de e-mail e mensagens personalizadas.

Esse 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, o que o torna um dos melhores plug-ins de formulário de contato.

Além disso, lembre-se de que a HubSpot também pode se integrar facilmente a outras ferramentas de formulário, como WPForms, Formidable Forms e outras. O Hubspot é um software muito popular. É provável que você possa conectá-lo a praticamente qualquer ferramenta para pequenas empresas, como serviços de marketing por e-mail, software de automação de marketing e outros sistemas.

Dito isso, vamos ver como você pode criar um formulário da HubSpot no WordPress:

Método 1: Criar um formulário da HubSpot usando o plug-in da HubSpot

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

Primeiro, você precisa instalar e ativar o plug-in da 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ê poderá criar uma conta da HubSpot, caso ainda não tenha uma.

Se você tiver uma conta, precisará clicar no link “Sign in here” (Entrar aqui) na parte superior.

hubspot dashboard

Isso abrirá uma janela pop-up “HubSpot Login”.

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

hubspot login

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

Basta clicar no botão “Continue With This Account” (Continuar com esta conta).

continue with this account hubspot

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

Basta clicar no botão “Connect Website”.

connect website to hubspot

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 “Forms” (Formulários). Agora, basta clicar no botão “Create a Free Form” (Criar um formulário gratuito) no canto superior direito.

create a free form hubspot

Em seguida, você deve selecionar o tipo de formulário e clicar no botão “Next” (Avançar) na parte superior.

Para este tutorial, criaremos um “formulário incorporado”.

Choose a form type

Depois disso, você será levado à 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 “Start” (Iniciar) na parte superior.

Choose a form template

Agora que você está no Form Editor, 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, basta clicar no botão “Submit” (Enviar) na parte superior.

Create a form and click Submit button

Isso abrirá uma janela pop-up “Revisar e publicar”.

Basta rolar a tela para baixo e clicar no botão “Publicar”.

Click Submit button

Depois disso, um pop-up aparecerá na tela. Como esse é um formulário incorporado, será fornecido um shortcode.

Agora, basta clicar no botão “Copy” (Copiar) ao lado do shortcode.

Copy the shortcode

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

Método 2: Criar um formulário da HubSpot usando WPForms

Você também pode criar um formulário da HubSpot usando o WPForms, que vem com um complemento de integração da HubSpot. O WPForms é o mais popular construtor de formulários de arrastar e soltar do WordPress, com mais de 6 milhões de instalações ativas.

Observação: você precisará de pelo menos um plano Elite para acessar o complemento da HubSpot.

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

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 da HubSpot e clicar no botão “Atualizar agora”.

Click Upgrade Now button below HubSpot addon

Isso o levará à sua página “Conta do 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 da 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 “Add New Account” (Adicionar nova conta).

Choose HubSpot for integration

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

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

log into your hubspot account

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

Basta clicar no botão “Continue With This Account” (Continuar com esta conta).

Click Continue With This Account

Depois disso, você verá uma janela pop-up solicitando a conexão do WPForms com o Hubspot.

Clique no botão “Connect App” (Conectar aplicativo) na parte inferior da página.

connect wpforms and hubspot

No painel do WordPress, retorne à tela “Integrations” (Integrações).

Agora você deve ver “Conectado” ao lado da seção HubSpot.

HubSpot marked Connected

Agora, vá para WPForms ” Adicionar novo no painel para criar seu formulário da HubSpot.

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

Select a template for yourself from the WPForms template library

Depois disso, você será levado à interface do WPForms, onde poderá editar o modelo de formulário.

Agora, clique na opção “Marketing” na barra de menus à 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

O WPForms agora solicitará que você insira um apelido para uma conexão.

Você pode escolher o nome que quiser, pois ninguém verá esse nome 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 “Create/Update Contact” (Criar/Atualizar contato) no campo “Action to Perform” (Ação a ser executada).

add action to perform in hubspot

Após selecionar essa opção, várias novas configurações serão exibidas no formulário.

Preencha esses campos adequadamente. Como queremos enviar contatos do seu formulário de geração de leads para o HubSpot, selecionaremos a opção “Criar/atualizar contato”.

Todos esses campos, como os nomes dos clientes potenciais, e-mails e status do lead, serão atualizados no banco de dados da HubSpot.

fill in form 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 queira coletar e organizar em sua conta da HubSpot.

Quando estiver satisfeito, clique no botão “Incorporar” presente na parte superior do construtor de formulários.

embed hubspot form

Isso abrirá o prompt “Incorporar em uma página”.

Se quiser incorporar seu formulário da 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 “Select Existing Page” (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 “Let’s Go”.

Click Let's Go button

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

Basta clicar no botão “Publish” (Publicar), na parte superior do editor de conteúdo, para ativar seu novo formulário.

Click Publish button after embedding the form

É isso aí! Esperamos que você tenha aprendido a criar um formulário da HubSpot no WordPress. Talvez você também queira conferir nosso guia sobre como proteger seus formulários do WordPress com senha e nossa comparação entre o Contact Form 7 e o WPForms para encontrar a melhor opção para seu site.

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

1 comentárioDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

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.