widget Categorias: Negócios
Use o widget Contact Form para adicionar um formulário da Web ao seu site. O widget Contact Form permite que o senhor forneça aos visitantes uma variedade de áreas de entrada: texto específico, menu suspenso, botões de opção, caixas de seleção, data, hora, e-mail e números de telefone. Você pode usar o formulário para receber boletins informativos por e-mail, perguntas de clientes ou simplesmente para obter feedback dos visitantes do seu site.
Atenção
Não recomendamos duplicar formulários de contato, pois o formulário duplicado pode ter problemas.
Modifique os campos existentes clicando no nome do campo na lista.
Para adicionar novos campos, clique em Adicionar campo.
Depois de clicar em um campo existente ou adicionar um novo campo, configurações adicionais aparecerão. Muitas configurações dependerão do tipo de campo selecionado.
Nota
Nos botões de rádio e nas caixas de seleção, você pode adicionar imagens para exibir as opções. As imagens não aparecerão no e-mail recebido dos envios do formulário, mas a etiqueta selecionada aparecerá (mesmo se estiver oculta no site).
-
A maioria dos tipos de campo terá as seguintes opções:
-
Campo obrigatório. Se um campo obrigatório for deixado em branco, ao tentar enviar o formulário, uma caixa vermelha aparecerá ao redor dele. Embora atualmente não haja um indicador adicionado (por exemplo, um asterisco), um pode ser adicionado manualmente ao rótulo do campo ou ao espaço reservado.
-
Inicie uma nova linha neste campo.
-
Tamanho do campo. Personalize a largura do campo.
-
-
Nos botões de rádio e nas caixas de seleção, você pode adicionar imagens para exibir as opções. As imagens não aparecerão no e-mail recebido dos envios do formulário, mas a etiqueta selecionada aparecerá (mesmo se estiver oculta no site).
-
Campo de horário: o botão Usar relógio de 24 horas afeta apenas o horário exibido nos envios; o formato do seletor de horário que os visitantes do site verão dependerá das configurações do navegador.
-
Campo de anexo de arquivo:
-
O nome do arquivo não deve incluir um espaço ao ser carregado.
-
O limite de tamanho do arquivo anexado é 10 MB.
-
Somente um arquivo pode ser carregado por campo de anexo de arquivo (se vários arquivos precisarem ser carregados, será necessário incluir um campo para cada um).
-
São aceitos os seguintes formatos de arquivo: .pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg e .rar, além de todos os formatos de arquivo de vídeo.
-
-
Campo de número de telefone: O campo Número de telefone verificará a validação para garantir que as condições de formatação sejam atendidas; caso contrário, aparecerá um erro com uma mensagem. As condições são pelo menos um número e nenhum caractere inválido. Além dos números, os caracteres válidos são espaços, mais sinais (+), traços (-) e pontos (.).
A validação reCAPTCHA já vem nos novos formulários como padrão. Assim, o formulário fica protegido contra spammers, dando agilidade ao processo de envio de formulários a os visitantes do site.
Selecione uma posição para o reCAPTCHA.
Selecione se o reCAPTCHA virá no formulário como ícone ou como texto.
Nota
O reCAPTCHA não pode ser desativado.
Digite o título do formulário. Para ocultar o título do formulário, clique no ícone de olho ().
Nota
Se você alterar o título do formulário, o título só mudará após uma nova resposta ser enviada. Para alterar rapidamente o nome do formulário, sugerimos enviar uma resposta de teste e aguardar alguns minutos até que o formulário seja atualizado.
Para definir o endereço de e-mail e o assunto para receber as respostas do formulário, clique em Nova notificação de envio.
Certifique-se de inserir o endereço de e-mail no campo Os envios do formulário serão enviados para receber uma cópia das informações enviadas.
Se os envios do formulário estiverem vazios, o e-mail principal na biblioteca de conteúdo será usado. Se esse e-mail não existir, o proprietário da conta será usado como destinatário padrão do envio. Todas as respostas vão para a página de respostas do formulário.
Clique em Ações após o envio para configurar o seguinte:
-
Obrigado e mensagens de erro. Use o Editor de Rich Text para adicionar cor, ênfase (negrito, itálico e sublinhado) e marcadores para adicionar texto às caixas.
-
Configurações de redirecionamento. Você pode redirecionar para uma página do seu site ou para um site externo.
-
Configurações de e-mail: uma resposta automática, por padrão, será enviada ao remetente do formulário junto com uma cópia do envio (desde que o endereço de e-mail fornecido seja válido). Quando ativada, há configurações adicionais listadas abaixo.
-
Resposta automática ao remetente do formulário. Por padrão, uma resposta automática será enviada ao remetente do formulário (desde que o endereço de e-mail fornecido seja válido). Para desativar isso, desative a opção Responder automaticamente ao remetente do formulário.
-
Nome do formulário. Você também pode definir o nome do formulário (o nome digitado aqui será exibido no campo “De” do e-mail enviado). Se a configuração de Resposta automática estiver desativada, essa configuração não estará disponível.
-
Linha de assunto do e-mail. Se a configuração de Resposta automática estiver desativada, essa configuração não estará disponível.
-
Mensagem de e-mail. Se a configuração de Resposta automática estiver desativada, essa configuração não estará disponível.
-
Inclua uma cópia da resposta do formulário do remetente no e-mail. Isso está ativado por padrão. Desmarque a caixa para desativá-la. Se a configuração de Resposta automática estiver desativada, essa configuração não estará disponível.
-
Na guia Integração, envie dados de envio bem-sucedidos para um serviço terceirizado. Para obter mais informações, consulte a seção abaixo, Integrações de formulários de contato (opções adicionais de configuração).
Para ampliar o alcance do seu Formulário de Contato, integre-o a várias soluções de terceiros.
Para adicionar uma integração, na área de conteúdo, clique na guia Integrações.
Nota
Não oferecemos mais o Mailchimp ou o Constant Contact como integrações de formulários de contato. Se você já os instalou, eles ainda estarão disponíveis para o seu site.
Use a integração com o Planilhas Google para adicionar instantaneamente dados de envio de formulário de contato a uma planilha no Planilhas Google. Todos os campos de contato no formulário serão preenchidos na planilha, incluindo um horário de quando o formulário foi enviado.
-
Clique em Planilhas Google e clique em Fazer login com o Google.
-
Clique em Permitir para conceder permissões para se conectar à sua conta do Google. Se seu computador estiver conectado a várias contas do Google, selecione a conta que você gostaria de conectar a este formulário.
-
Escolha se deseja adicionar dados a uma planilha existente ou a uma nova planilha.
-
Selecione a planilha para a qual deseja enviar os dados do formulário. Você pode selecionar a planilha de uma lista ou usar a barra de pesquisa para encontrar uma planilha específica.
Nota
-
Se você tiver vários formulários no site, poderá conectar cada um deles a uma planilha diferente, incluindo planilhas em diferentes contas do Google.
-
É possível também conectar dois formulários a uma mesma planilha. Nesse caso, verifique se os campos e a ordem do formulário são idênticos para enquadrar as informações enviadas.
-
Enviar dados de formulário a uma planilha do Google não impede que você baixe os dados como arquivo .csv nem que receba e-mails de envio de formulário.
Vários serviços on-line e de nuvem oferecem integrações por meio de um caminho chamados webhooks. Os webhooks enviam avisos a endereços web específicos chamados de URL de endpoint. É possível conectar o formulário de contato para envio de eventos quando o formulário de contato for enviado.
Para conectar o formulário de contato a outro serviço usando webhooks, você precisa criar um URL de endpoint personalizado com o serviço desejado e colá-lo no campo de integração do Webhooks no formulário de contato. Depois de adicionar um URL de webhook, e o formulário for enviado, uma solicitação de POST é enviada para o endpoint com os dados no corpo no formato JSON. Um exemplo de dados JSON que serão enviados:
{" Data de envio ": " 06/02/2016 10:23:54 ", " Título do formulário ": " Entre em contato conosco ", " Nome ": " John Smith ", " E-mail ": " test@example.com ", " Telefone ": " (555) .555.1212 ", " Mensagem ": " Webhook Envio do formulário! "}
Nota
A data de envio e o título do formulário sempre serão fornecidos. Os outros campos (field_name: value) 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 "
.
Os endpoints são configurados em serviços externos (Como Zapier ou Slack) ou em outro servidor que você controlar. Esses endpoints são especificamente configurados para receber notificações do Webhook.
-
Slack. Um aplicativo de mensagens robusto que você pode 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.
-
No aplicativo Slack, abra o menu suspenso da conta principal e clique em Aplicativos & Integrações.
-
O site do Slack é aberto. No canto superior direito, clique em Criar.
-
Clique em Fazer uma integração personalizada.
-
Selecione Webhooks de entrada.
-
Selecione um canal ou crie um novo canal onde suas mensagens serão postadas.
-
Copie o URL do seu Webhooks.
-
Ajuste as configurações e as opções de acordo com sua preferência e clique em Salvar configurações.
-
Abra o editor do formulário de conteúdo e cole o URL de webhooks no campo de webhooks.
-
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 toda vez que seu formulário de contato for enviado.
O conector Hubspot foi projetado para integrar perfeitamente seus projetos de web design aos poderosos recursos de CRM da Hubspot. Nosso conector é a ponte entre as atividades do seu site e o gerenciamento do relacionamento com o cliente.
Observe que o Hubspot é um aplicativo e precisará ser gerenciado por meio da loja de aplicativos após a instalação.
Esse conector foi desenvolvido para integrar seus projetos de web design aos poderosos recursos de automação de marketing do Mailchimp, estabelecendo uma conexão essencial entre as atividades do seu site e as estratégias de marketing por e-mail.
Observe que o MailChimp é um aplicativo e precisará ser gerenciado por meio da loja de aplicativos após a instalação.
Nota
Não oferecemos mais o Mailchimp ou o Constant Contact como integrações de formulários de contato. Se você já os instalou, eles ainda estarão disponíveis para o seu site.
O conector ActiveCampaign foi criado para integrar seus projetos de web design aos robustos recursos de automação e marketing por e-mail da ActiveCampaign, estabelecendo uma ligação crucial entre as atividades do seu site e estratégias sofisticadas de marketing.
Observe que a ActiveCampaign é um aplicativo e precisará ser gerenciada por meio da loja de aplicativos após a instalação.
O Automation Builder é a porta de entrada para a integração perfeita entre o Website Builder e uma infinidade de plataformas de marketing e CRM. Esse poderoso tool permite o fluxo de dados bidirecional, possibilitando não apenas a transferência de dados do seu Website Builder para plataformas como MailChimp e ActiveCampaign, mas também vice-versa. Ele foi projetado para aumentar a flexibilidade e a eficiência, simplificando fluxos de trabalho complexos em vários serviços.
Observe que o Automation Builder é um aplicativo e precisará ser gerenciado por meio da loja de aplicativos após a instalação.
Layout
Na guia Layout:
-
Clique no ícone de layout para selecionar um design de layout para o formulário de contato.
-
Para alterar o alinhamento do formulário, clique em Esquerda ou Direita.
Item
Na guia Item:
-
Para fazer edições no estilo e no texto do campo, clique em Campos.
-
Para editar o estilo e o texto do botão, clique em Botão. Para voltar ao estilo do tema, clique no botão Reverter para o tema.
Frame
Na guia Quadro:
-
Para fazer edições no estilo do quadro, clique em Estilo do quadro. Você pode alterar o plano de fundo adicionando uma cor ou imagem.
-
Para alterar o estilo do texto do título, clique em Título do formulário.
-
Para alterar o estilo do texto da notificação de envio, clique em Mensagem de envio
Você pode conectar o endereço de e-mail à biblioteca de conteúdo ou a um campo de e-mail nas coleções. Além disso, você pode adicionar campos de cobrança, como ID do apartamento ou nome do membro da equipe, ao assunto do e-mail ou como campos externos enviados no formulário. Esses campos adicionais estarão disponíveis não apenas no e-mail do formulário, mas também ao acessar os dados de respostas do formulário na guia Visão geral do site no Painel do Site. Para mais casos de uso, consulte a Visão geral do produto . Para obter mais informações sobre dados conectados, consulte Dados conectados.
Nota
Só é possível em páginas dinâmicas
Para adicionar dados vinculados a um formulário de contato:
-
Clique com o botão direito do mouse no widget e clique em Connect to Data (Conectar aos dados).
-
Selecione o endereço de e-mail no menu suspenso Conectar e-mail .
-
(Opcional) Selecione campos adicionais que você deseja incluir no e-mail do formulário de contato.
-
(Opcional) Clique em Editar conteúdo e faça as alterações necessárias no conteúdo. Todas as alterações serão sincronizadas com sua biblioteca de conteúdo.
-
Clique em Concluído.
Há alguns lugares onde as respostas podem ser acessadas: no Painel do Site, no editor e no próprio formulário.
Nota
Os envios de formulários enviados a partir do link de pré-visualização ou da pré-visualização no site serão entregues ao destinatário designado (ou ao proprietário da conta, caso o destinatário não tenha sido designado). No entanto, eles não aparecerão nas respostas do site nem serão incluídos na exportação de CSV.
Para navegar até as respostas do formulário no painel do site:
-
Na lista de sites, clique no ícone de três pontos () ao lado do site em que o formulário aparece, clique em Painel do site e selecione Resposta do formulário (localizado na barra lateral de opções, em Visão geral do site).
-
Para exportar as respostas, clique em Exportar para CSV no canto superior direito da seção Respostas do formulário.
-
Para gerenciar respostas, clique em Gerenciar respostas.
-
A página Respostas do Formulário é aberta e permite que você remova qualquer resposta de qualquer formulário no site. Você pode pesquisar respostas relevantes na caixa de pesquisa Pesquisar respostas. Certifique-se de pesquisar o nome, a frase ou os caracteres exatos.
-
Clique na guia do formulário relevante para abrir uma tabela que traz:
-
A data do envio da resposta do formulário.
-
A entrada de cada um dos campos do formulário.
-
A opção de excluir a resposta do formulário.
-
-
Para exportar as respostas do formulário no formato CSV, clique em Exportar para CSV no canto superior direito da seção Respostas do formulário. Observe que esse botão só estará visível se o formulário tiver respostas no site ativo.
Para navegar até as respostas do formulário no editor:
-
Clique em SEO & Settings e, em seguida, clique em Manage Form Responses (Gerenciar respostas de formulário).
-
A tela Respostas do Formulário é aberta e permite que você remova qualquer resposta a qualquer formulário no site. Você pode pesquisar respostas relevantes na caixa de pesquisa Pesquisar respostas. Certifique-se de pesquisar o nome, a frase ou os caracteres exatos.
-
Clique na guia do formulário relevante para abrir uma tabela que traz:
-
A data do envio da resposta do formulário.
-
A entrada de cada um dos campos do formulário.
-
A opção de excluir a resposta do formulário.
-
Para responder ao envio do formulário de contato de um cliente diretamente do seu e-mail, basta clicar em Reply to Customer (Responder ao cliente ) no e-mail que o senhor recebe do Website Builder. Isso preencherá automaticamente o endereço de e-mail do remetente no campo " a ", permitindo que você responda diretamente. Observe que, se o cliente fornecer vários endereços de e-mail, somente o primeiro será usado.
Nota
Ao responder dessa forma, o e-mail pode ser marcado como spam, dependendo do e-mail e das configurações do remetente. Para ajudar a garantir que o remetente receba sua resposta, considere copiar o endereço de e-mail e enviar um novo e-mail.
Para obter o consentimento de seus visitantes após o envio do formulário de contato, adicione um novo campo ao seu formulário de contato e selecione Opt-In ou Free Text como o tipo de campo.
Opt-in versus texto livre
O campo Opt-in deve ser verificado pelo remetente antes que o formulário possa ser enviado. Esse campo também inclui o texto padrão, que diz: Ao marcar, eu concordo em compartilhar as respostas do meu formulário.
Por outro lado, o campo de texto livre exibe somente a notificação desejada. Como um campo multiuso, ele não inclui nenhum texto padrão ou sugerido.
Para adicionar um campo opcional ou de texto livre:
Nota
Se o destinatário do envio estiver vazio, o e-mail principal na biblioteca de conteúdo será usado. Se esse e-mail não existir, o proprietário da conta será usado como destinatário padrão do envio. Todas as respostas vão para a página de respostas do formulário.
Se o senhor não conseguir receber os envios de formulários que estão sendo enviados usando o widget Formulário de contato, provavelmente é porque nosso e-mail está sendo filtrado como spam no seu servidor de e-mail.
Se o senhor não receber e-mails do Website Builder, verifique sua pasta de spam. Se você ainda não vê o e-mail, certifique-se de colocar na lista de permissões os endereços IP 167.89.22.215, 149,72.216,48, 149,72,184,31, 149.72.166.161 e 149.72.162.205 nas configurações do seu provedor de e-mail.
Dicas adicionais de solução de problemas:
-
Verifique as respostas do formulário para garantir que o formulário de contato esteja funcionando. Você pode clicar no formulário de contato e clicar nas respostas do formulário para baixá-lo.
-
Verifique se o e-mail é válido. Se você digitar vários e-mails, lembre-se de usar uma vírgula entre e-mails (sem espaços) para separá-los.
-
Verifique sua pasta de spam.
-
Verifique as configurações do filtro de e-mail e da lista de negação para garantir que elas não estejam sendo bloqueadas.
-
Adicione no-reply@multiscreensite.com à sua lista de permissões de e-mail.
-
Crie uma nova página e insira seu formulário de contato para ver se funciona.
-
Desative scripts personalizados do seu site nas configurações do site.
Nota
Se o seu formulário de contato ainda não funcionar após a execução da lista de verificação de solução de problemas, entre em contato com o seu provedor de e-mail para saber por que nossos envios de e-mail do formulário de contato não estão sendo recebidos.
Se estiver funcionando em outra página do seu site móvel, mas não na página em que deveria funcionar, isso geralmente significa que há um script personalizado interferindo no funcionamento do seu formulário de contato. Redefina a página ou verifique o HTML do cabeçalho da página e do site para ver se há scripts personalizados que possam estar causando esse problema.
Há uma configuração ativada por padrão que enviará um e-mail automático junto com uma cópia do envio.
Para gerenciar essa configuração:
Para obter mais informações sobre ações após os envios, consulte Ações após o envio.