Com a integração do Webflow da ActiveCampaign, você pode conectar vários sites e formulários do Webflow à sua conta da ActiveCampaign. A integração foi criada para atender tanto clientes com um único site Webflow quanto agências em crescimento que gerenciam várias contas de clientes finais.
Com esta integração, você pode:
- Sincronize e mapeie formulários do Webflow para a ActiveCampaign.
- Incorpore formulários da ActiveCampaign com um clique.
- Crie listas, tags e campos personalizados no Webflow sem sair do seu ambiente.
- Ative o rastreamento avançado de site e eventos com alguns cliques — sem necessidade de código.
- Veja todo o histórico de formulários no registro de contato (somente plano ActiveCampaign Enterprise).
Observação
- Esta é uma integração direta dentro do seu espaço de trabalho do Webflow. A configuração da integração é concluída em cada site do Webflow.
- Esta integração está disponível em todos os planos da ActiveCampaign e Webflow.
- Os clientes ActiveCampaign Enterprise terão acesso a Objetos Personalizados para capturar vários envios de formulário do mesmo contato.
- O mapeamento de campos está disponível quando integrado com um formulário do Webflow.
- O mapeamento de campos não é necessário quando integrado com um formulário da ActiveCampaign.
Conecte sua conta do Webflow à ActiveCampaign
- Na sua conta do Webflow, clique no ícone Apps no menu à esquerda.
- Pesquise por ActiveCampaign na barra de pesquisa no canto superior esquerdo.
- Passe o mouse sobre ActiveCampaign na lista e clique no botão "Instalar" que aparece.
- Depois de instalado, passe o mouse sobre ActiveCampaign na seção "Conectado" e clique em "Iniciar".
- Na janela de login da ActiveCampaign:
- Insira o URL da ActiveCampaign.
- Insira sua chave de API do ActiveCampaign.
- (Opcional) Dê um Nome Amigável para sua conta da ActiveCampaign para identificar contas facilmente no Webflow.
- Clique na caixa de seleção "Adicionar a este site" e a conta da ActiveCampaign conectada será vinculada apenas a este site.
- Clique na caixa de seleção "Adicionar ao espaço de trabalho" e a conta da ActiveCampaign conectada ficará acessível em todos os sites do seu espaço de trabalho do Webflow.
-
Clique em "Entrar."
Sincronize formulários do Webflow com a ActiveCampaign
Sincronizar seu formulário do Webflow permite mapear campos do Webflow para campos da ActiveCampaign, criar novas listas, tags e campos personalizados e recuperar listas, tags e campos existentes. Quando o mapeamento de campos for atualizado, todos os novos envios refletirão as novas regras de mapeamento.
- Na sua conta do Webflow, clique no ícone Apps no menu à esquerda.
- Pesquise por ActiveCampaign na barra de pesquisa no canto superior esquerdo.
- Passe o mouse sobre ActiveCampaign na seção "Conectado" e clique em "Iniciar".
- Clique na conta da ActiveCampaign com a qual você deseja trabalhar.
- Clique em "Sincronizar formulários do Webflow com a ActiveCampaign."
- Clique no formulário do Webflow que você deseja sincronizar e depois clique em "Configurar sincronização de formulário".
- Se houver vários formulários do Webflow no seu site, você pode selecionar manualmente o formulário para o mapeamento de campos clicando em "Selecionar Formulário Manualmente?"
- No menu suspenso "Selecionar lista do ActiveCampaign", selecione uma lista existente ou crie uma nova lista.
- Se você criar uma nova lista, preencha os seguintes campos:
- Nome da Lista
- Descrição
- URL da lista (URL do site da empresa para conformidade legal)
- Mensagem de Lembrete
Depois que a nova lista for criada, ela será selecionada automaticamente no menu suspenso "Selecionar lista do ActiveCampaign".
- Se você criar uma nova lista, preencha os seguintes campos:
- Depois de selecionar uma lista, clique em "Continuar para o mapeamento de campos."
- Revise a configuração de sincronização e depois clique em "Salvar & Ativar Sincronização."
-
Mapeie os campos do Webflow para os campos do ActiveCampaign:
- Sincronize campos adicionais clicando em Adicionar Outro Mapeamento de Campo
- Crie novos campos personalizados da ActiveCampaign clicando em Criar Novo Campo da ActiveCampaign e depois:
- Insira o nome do novo campo personalizado e o tipo de campo.
- Clique em Criar Campo
- Se os tipos de campo não estiverem alinhados, uma mensagem de aviso será exibida. Saiba mais sobre alertas de aviso de tipo de campo.
- No campo "Tags", você pode incluir várias tags existentes ou novas para associar a um contato. Para adicionar tags:
- Tags existentes: você deve digitar o nome completo da tag e depois clicar no nome da tag quando ele aparecer abaixo do campo.
- Novas tags: digite o nome da tag e depois clique em "Criar (nome da tag)".
- Após concluir o mapeamento de campos e a seleção de tags, clique em "Iniciar sincronização".
- Importante: Clique em "Publicar Site Webflow." Publicar seu site tornará a configuração de sincronização ativa para envios de formulário.
- Para editar ou excluir a sincronização do seu formulário, clique em "Ver Todas as Sincronizações".
Alertas de Aviso de Tipo de Campo
| Tipo de Campo (Webflow) | Tipo de Campo (ActiveCampaign) | Alerta |
| Aniversário | Aniversário |
Considere usar um seletor de data no Webflow ou garanta que os usuários insiram as datas como AAAA-MM-DD. Usuários do ActiveCampaign Enterprise: Se a data de aniversário não for inserida no formato AAAA-MM-DD, nenhum registro de objeto personalizado será gravado. |
| Texto Simples | Telefone |
Simples → telefone: a entrada de texto exige que os usuários insiram os dados no formato correto Garanta que os usuários insiram números de telefone válidos |
| Telefone | Telefone |
Insira o número de telefone no formato E.164: + (sinal de Plus), código do país, código de área/Código Nacional de Destino (NDC) e o número de telefone local/Número do Inscrito (SN). Exemplos incluem +15554441234 para os EUA e +442012345678 para o Reino Unido. |
| Texto Simples |
Simples → email: A entrada de texto exige que os usuários insiram dados no formato correto Garanta que os usuários insiram endereços de email válidos |
|
| Telefone |
Tipos de Campo Incompatíveis O campo de email não pode ser mapeado para o campo de telefone Escolha um tipo de campo compatível da ActiveCampaign: email, texto, área de texto |
|
| Plain | Aniversário |
Simples → data: A entrada de texto exige que os usuários insiram os dados no formato correto Considere usar um seletor de data no Webflow ou garanta que os usuários insiram datas como AAAA-MM-DD |
| Caixa de seleção | Aniversário |
Simples → data: A entrada de texto exige que os usuários insiram os dados no formato correto Considere usar um seletor de data no Webflow ou garanta que os usuários insiram datas como AAAA-MM-DD |
Objetos personalizados: registre vários envios de contatos
Disponível no Enterprise.
- Saiba como fazer upgrade da sua conta ActiveCampaign ou entre em contato com nossa equipe de experiência do cliente.
- Para nossos parceiros de agência ou revendedores, entre em contato com seu Gerente de Parceiros.
Se estiver usando um formulário inline da ActiveCampaign:
Você pode adicionar campos de objeto personalizado apenas a formulários inline. Isso permite coletar dados de vários envios de formulário do mesmo contato e, em seguida, exibir e agir com base nessas informações.
Saiba como criar formulários com Objetos Personalizados para configurar isso.
Se estiver usando um formulário do Webflow:
A ActiveCampaign criará automaticamente um registro histórico de cada envio de formulário do mesmo contato na seção de Objeto Personalizado do Webflow no registro do seu contato.
Para encontrar o Objeto Personalizado do Webflow no ActiveCampaign, clique em um registro de contato e depois role para baixo até a seção abaixo da seção de Tags, Lista e Automações:
- Para nomear seu objeto personalizado, atualize a seção de configurações do Formulário no Webflow.
- Para ver uma lista de campos relacionados ao seu formulário do Webflow e seus valores de campo, clique nos três pontos > Detalhes na seção de objeto personalizado do registro de contato, e um painel à direita aparecerá.
Saiba mais sobre como usar dados do seu Objeto Personalizado do Webflow para automatizar acionamentos e personalização de email em nossa visão geral de objetos personalizados.
Use objetos personalizados de contato com automações
Você pode usar objetos personalizados para acionar automações, além de personalizar suas mensagens e criar condições com o criador de segmentos.
Aqui está uma lista de ações de automação que você pode usar para referenciar dados de objetos personalizados.
Você também pode referenciar objetos personalizados ao criar segmentos de lista, pesquisas avançadas, campanhas, pontuações de lead e webhooks. Saiba como usar objetos personalizados com automações.
Incorporar um formulário da ActiveCampaign no Webflow
Você pode pesquisar e incorporar qualquer um dos seus formulários inline, barra flutuante, caixa flutuante ou formulário modal da ActiveCampaign ao seu site Webflow com um clique.
Para clientes ActiveCampaign Enterprise, você pode criar e gerenciar objetos personalizados privados apenas para formulários inline. Saiba mais sobre funcionalidades de objetos personalizados usando um formulário Webflow.
Importante:
- Você não verá uma prévia do seu formulário da ActiveCampaign no seu ambiente Webflow
- Você não precisa mapear seu formulário da ActiveCampaign
- Os envios de formulário serão registrados de acordo com seus campos padrão e personalizados
- Vários envios do mesmo formulário pelo mesmo contato podem ser sobrescritos, a menos que você tenha um Objeto Personalizado configurado para o formulário. Isso está disponível para clientes ActiveCampaign Enterprise
- Se você usar o bloco "Upload de Arquivo" no seu formulário, o arquivo não será sincronizado no seu campo personalizado nem carregado na ActiveCampaign
- Clique em "Publicar site do Webflow." Publicar seu site tornará a configuração de sincronização ativa para envios de formulário
Como incorporar um formulário do ActiveCampaign no Webflow:
- Na sua conta do Webflow, clique no ícone Apps no menu à esquerda.
- Pesquise por ActiveCampaign na barra de pesquisa no canto superior esquerdo.
- Passe o mouse sobre ActiveCampaign na seção "Conectado" e clique em "Iniciar".
- Clique na conta da ActiveCampaign com a qual você deseja trabalhar.
- Clique em "Incorporar formulários do ActiveCampaign no Webflow."
-
Procure o formulário da ActiveCampaign na lista.
- No ambiente Webflow, selecione a seção do seu formulário onde você gostaria que seu formulário fosse incorporado.
- Em seguida, no modal, clique em "Incorporar" ao lado do formulário que você deseja incorporar. Uma mensagem de sucesso verde será exibida no canto superior direito quando o formulário for incorporado.
- Para revisar a posição do formulário depois que ele for incorporado no Webflow, clique no ícone com três linhas horizontais. Você também pode mover o formulário para uma seção diferente a partir desta área no Webflow.
- Importante: Clique em "Publicar site do Webflow."
Ativar o rastreamento de evento da ActiveCampaign
Adicione rastreamento de evento ao seu site Webflow para capturar interações de usuário e acionar automações na ActiveCampaign. Os tipos de eventos disponíveis para rastreamento incluem:
- Clique: Rastreie cliques em imagens, campos, botões etc. para um contato conhecido
- Elemento Visível: Rastreie se um contato conhecido alcançou ou visualizou diferentes seções do site.
- Tempo na Página: Mede a duração em segundos que um contato conhecido passa em uma página específica.
Como configurar o rastreamento de evento da ActiveCampaign no Webflow:
- Na sua conta do Webflow, clique no ícone Apps no menu à esquerda.
- Pesquise por ActiveCampaign na barra de pesquisa no canto superior esquerdo.
- Passe o mouse sobre ActiveCampaign na seção "Conectado" e clique em "Iniciar".
- Clique na conta da ActiveCampaign com a qual você deseja trabalhar.
- Clique em "Ativar rastreamento de evento da ActiveCampaign."
- Para recuperar sua Chave de Evento e ID de Ação, vá para sua conta ActiveCampaign e clique em Website > Rastreamento de site no menu à esquerda. Na seção "Rastreamento de Evento", alterne para a posição ativada:
- Chave do Evento é a informação no campo "Chave do Evento".
- ID da ação: Clique no hiperlink "API de rastreamento de evento". O ID do Act é o número no primeiro marcador.
- No Webflow, insira sua Chave de Evento e ID do Act.
- Clique em "Salvar credenciais." Depois de salvar, seu login será registrado para logins futuros.
Como configurar o rastreamento de evento na sua página do Webflow:
No Webflow, o rastreamento de evento não funciona nas seções de Navegação ou Rodapé.
- Depois que o rastreamento de evento for configurado, no modal de rastreamento de evento, selecione qualquer elemento no Webflow Designer para adicionar rastreamento de evento e monitorar as interações do usuário.
- O modal será atualizado com novas opções baseadas no elemento que você selecionar na última etapa. Selecione um "Tipo de Evento" e um "Evento do ActiveCampaign" para o elemento.
- Para criar um novo evento do ActiveCampaign: Clique em "Criar novo evento do ActiveCampaign", depois digite uma "Descrição do evento" e um "Nome do evento". Eles serão exibidos no registro de atividades do contato:
- "Descrição do Evento" - No exemplo abaixo, a Descrição do Evento é "Este evento me envia para uma segunda página."
-
"Nome do Evento" - No exemplo abaixo, o Nome do Evento é "Button Text."
- Clique em "Criar Evento." O evento recém-criado estará no menu suspenso e visível na seção Rastreamento de Evento da sua conta ActiveCampaign.
- IMPORTANTE: Clique em "Publicar site do Webflow. Publicar seu site tornará a configuração de sincronização ativa para o rastreamento de eventos."
- Para excluir o rastreamento de evento dos elementos, clique no ícone da lixeira.
Rastreamento de evento de tempo na página
Rastrear eventos de Tempo na Página é uma ótima forma de avaliar o engajamento do usuário no seu site. Esta métrica mede a duração que um usuário passa em uma página específica, desde o momento em que a página carrega até ele navegar para outra página ou fechar o navegador. Esses dados são valiosos para profissionais de marketing que buscam otimizar seu site para experiência do usuário e relevância de conteúdo.
Você poderá rastrear o evento no registro de Atividades Recentes no registro do seu contato. O evento também pode acionar uma automação, personalizar emails e ser usado para segmentação.
Para ativar o rastreamento de Tempo na Página, na janela de Rastreamento de Evento, clique no botão de alternância para a posição ligado.
Ativar o rastreamento de site da ActiveCampaign
O rastreamento de site conecta seus processos de marketing e vendas à atividade do seu site. Permite que a ActiveCampaign "veja" e "reaja" em tempo real quando os contatos visitam seu site e visualizam categorias e páginas específicas.
Ative o rastreamento de site em todo o seu site Webflow com um clique, permitindo que você monitore o comportamento dos visitantes e aprimore a automação.
- Na sua conta do Webflow, clique no ícone Apps no menu à esquerda.
- Pesquise por ActiveCampaign na barra de pesquisa no canto superior esquerdo.
- Passe o mouse sobre ActiveCampaign na seção "Conectado" e clique em "Iniciar".
- Clique na conta da ActiveCampaign com a qual você deseja trabalhar.
- Clique em "Ativar rastreamento de site da ActiveCampaign."
- Clique na caixa de seleção ao lado da URL do seu site Webflow para ativar o rastreamento de site para o seu site Webflow.
- Para verificar o status dos seus domínios na lista de permissões: No ActiveCampaign, clique em Website > Rastreamento de Site no menu à esquerda e visualize a seção "Lista de Permissões e Código de Instalação".
- IMPORTANTE: Clique em "Publicar Site Webflow". Publicar seu site tornará a configuração de sincronização ativa para o rastreamento de site.
- Clique em "Desativar rastreamento de site" para remover.
A ActiveCampaign não exibe dados de rastreamento de site anônimos para visitantes anônimos. O rastreamento de site só funciona com contatos conhecidos. Saiba mais sobre como funciona o rastreamento de site.
Desconectar ActiveCampaign do Webflow
- Na sua conta do Webflow, clique no ícone Apps no menu à esquerda.
- Pesquise por ActiveCampaign na barra de pesquisa no canto superior esquerdo.
- Passe o mouse sobre ActiveCampaign na seção "Conectado" e clique em "Iniciar".
-
Clique no ícone da lixeira ao lado da conta da ActiveCampaign na parte inferior do modal de login.
- Para evitar a remoção acidental da sua conta, você terá a opção de continuar sincronizando seu formulário mesmo que sua conta seja removida da tela de login.