Pular para o conteúdo principal

Site avançado: Widgets - Integrações de formulário de contato

Para ampliar o alcance do seu formulário de contato, integre-o ao Google Sheets, Mailchimp, Constant Contact ou a um aplicativo de terceiros usando Webhooks.

Para adicionar integrações, clique com o botão direito do mouse no Formulário de Contato, clique em Editar Conteúdo e, em seguida, na guia Integrações.

Integração com o Google Sheets

Use a integração com o Google Sheets para adicionar instantaneamente os dados de envio do formulário de contato a uma planilha do Google Sheets. Todos os campos de contato do formulário serão preenchidos na planilha, incluindo o registro de data e hora do envio do formulário.

  1. Clique em Planilhas Google e, em seguida, em Fazer login com o Google.
  2. Clique em Permitir para conceder permissão para conectar-se à sua conta do Google. Se o seu computador estiver conectado a várias contas do Google, selecione a conta que deseja conectar neste formulário.
  3. Selecione se deseja adicionar dados a uma planilha existente ou a uma nova.
  4. Selecione a planilha para a qual deseja enviar os dados do formulário. Você pode selecionar a planilha em uma lista ou usar a barra de pesquisa para encontrar uma planilha específica.

Observação:

  • Se você tiver vários formulários no site, poderá conectar cada um a uma planilha diferente, incluindo planilhas em diferentes contas do Google.
  • Você pode conectar vários formulários à mesma planilha. Nesse caso, certifique-se de que os campos e a ordem no formulário sejam idênticos para que as informações enviadas sejam compatíveis.
  • O envio de dados de formulário para uma planilha do Google não impede o download dos dados como um arquivo .csv, nem o recebimento de e-mails de confirmação do envio do formulário.

Integração com o MailChimp

O MailChimp é uma ferramenta para distribuição de campanhas de e-mail, newsletters e outros conteúdos. Com a nova integração de formulário, os proprietários de sites podem gerenciar listas de contatos de clientes em potencial (visitantes do site) coletando endereços de e-mail enviados por meio do formulário e encaminhando-os automaticamente para o MailChimp.

Você precisa ter uma conta no MailChimp. Depois de criar a conta, crie uma lista de e-mails na sua conta do MailChimp onde os dados de contato serão coletados.

  1. Clique em MailChimp e, em seguida, clique em Conectar ao MailChimp.
  2. Faça login com suas credenciais do MailChimp.
  3. Selecione sua lista de contatos do MailChimp no menu suspenso.
  4. Configure os campos do seu formulário. Além do endereço de e-mail, você pode enviar automaticamente os campos de nome e sobrenome para o MailChimp. Você precisa configurar os campos de e-mail, nome e sobrenome dentro do formulário.

Observação:

Os únicos campos que você pode conectar ao MailChimp são Nome, Sobrenome e E-mail. A integração só funcionará se você configurar os campos com exatamente os mesmos nomes no Formulário de Contato. Um campo pode ficar vazio se você selecionar a opção Deixar este campo vazio no menu suspenso.

Dica:

Se você já configurou sua integração com o MailChimp e deseja testar seu formulário com um e-mail de teste, o MailChimp pode bloquear e-mails de teste sem aviso prévio (por exemplo, test@test.com). Para testar sua integração com o MailChimp, recomendamos usar um e-mail real.

Integração de contato constante

Essa integração é semelhante à do MailChimp, mas permite que os proprietários de sites criem listas de e-mail em sua conta do Constant Contact.

Você precisa ter uma conta no Constant Contact. Depois de criar a conta, crie uma lista de e-mails no Constant Contact onde os dados de contato serão coletados.

  1. Clique em Constant Contact e, em seguida, clique em Conectar ao Constant Contact.
  2. Faça login com suas credenciais do Constant Contact.
  3. Selecione sua lista do Constant Contact no menu suspenso.
  4. Configure os campos do seu formulário. Além do endereço de e-mail, você pode enviar automaticamente o nome, sobrenome e número de telefone para o Constant Contact. O usuário precisa configurar os campos de e-mail, nome e sobrenome no formulário de contato. O endereço de e-mail e a mensagem de texto são adicionados por padrão.

Integrações de Webhooks

Diversos serviços online e em nuvem oferecem integrações por meio de um recurso chamado Webhooks. Os Webhooks enviam notificações para um endereço web específico, chamado URL do endpoint. Você pode conectar o formulário de contato para enviar um evento quando o formulário for enviado.

Para conectar o formulário de contato a outro serviço usando Webhooks, você precisa criar uma URL de endpoint personalizada com o serviço desejado e colá-la no campo de integração de Webhooks no formulário de contato. Depois de adicionar uma URL de Webhook e o formulário ser enviado, uma solicitação POST é enviada ao endpoint com os dados no corpo em formato JSON. Veja a seguir um exemplo dos dados JSON:

{"Data de Envio":"06/02/2016 10:23:54","Título do Formulário":"Fale Conosco","Nome":"John Smith","E-mail":"test@example.com","Telefone":"(555).555.1212","Mensagem":"Envio do Formulário Webhook!"}

Observação:

A data de envio e o título do formulário serão sempre preenchidos automaticamente. Os demais campos (nome_do_campo: valor) são baseados nos campos configurados no formulário.

Todas as informações do campo são definidas como uma string e contidas entre aspas. Por exemplo, 7 é enviado como "7".

Criar uma URL de endpoint

Os endpoints são configurados em serviços de terceiros (por exemplo, Zapier ou Slack) ou em outro servidor que você controla. Esses endpoints são configurados especificamente para receber notificações do Webhook.

Ideias de integração

  • Zapier. Conecte os dados do formulário de contato ao Zapier para possibilidades ilimitadas. Integre-o com praticamente qualquer serviço de nuvem moderno, incluindo CRMs como Salesforce, Sugar CRM, Zoho e muito mais.
  • Slack. Um aplicativo de mensagens robusto ao qual você pode se conectar para receber notificações assim que os dados do formulário forem enviados.
  • Integração personalizada. Crie seus próprios webhooks personalizados para integrar com o formulário de contato. Por exemplo, salve os envios em um banco de dados ou conecte-se a aplicativos personalizados ou serviços de terceiros.

Exemplo de configuração de Webhooks/URLs de endpoint no Slack

  1. No aplicativo Slack, abra o menu suspenso da conta principal e clique em Aplicativos e integrações.
  2. O site do Slack será aberto. No canto superior direito, clique em "Build" (Construir).
  3. Clique em Criar uma integração personalizada.
  4. Selecione Webhooks de Entrada.
  5. Selecione um canal existente ou crie um novo canal onde suas mensagens serão publicadas.
  6. Copie o URL do seu Webhooks.
  7. Ajuste as configurações e opções ao seu gosto e clique em Salvar configurações.
  8. Abra o editor de formulário de conteúdo e cole o URL do seu Webhooks no campo Webhooks.
  9. Clique em Concluído.
    Visualize seu site e envie o formulário de contato para testar a integração.

Você receberá uma mensagem no Slack sempre que seu formulário de contato for enviado.

Anexos de arquivos

É possível anexar arquivos aos formulários criando um campo para isso no formulário de contato. Os links para os arquivos enviados ficam disponíveis no arquivo para download do formulário, bem como em qualquer uma das integrações do formulário, como Webhooks e Planilhas Google.

Observação:

Não há restrições quanto ao tipo de arquivo que pode ser enviado.

Os visitantes do site não poderão enviar arquivos maiores que 10 MB.

  1. Clique em um formulário de contato para abrir o editor de conteúdo.
  2. Na guia Itens do formulário, clique em Adicionar campo e selecione Anexo de arquivo na lista suspensa Tipo de campo.
  3. Para alterar o nome do campo, digite Texto de espaço reservado.
  4. Um link para fazer upload de arquivos foi adicionado ao seu formulário.
Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0