É possível preencher previamente os campos de formulário para contatos conhecidos com informações que você já tem em sua conta ActiveCampaign. Para pré-preencher os campos de formulário, você precisa anexar o caminho de URL da página da Web ou formar URL com um parâmetro de consulta.
Importante
- Cada sequência de consulta que você adicionar a um caminho de URL difere com base nos campos que quer preencher automaticamente para um formulário
- Os contatos podem editar as informações que eles vêem pré-preenchidas em um formulário
- Não é possível usar esta solução com landing pages ActiveCampaign. As landing pages não são compatíveis com os parâmetros de consulta
- Não é possível usar essa solução com um formulário de centro de preferência. Os formulários da central de preferência já têm o endereço de email e as inscrições da lista pré-preenchidas
Como funciona
Anexar um caminho de URL com uma sequência de consulta é rápido e fácil. Você só precisa saber qual campo quer preencher previamente um formulário e a tag de personalização correspondente do campo. Após identificar os campos que quer preencher previamente no formulário, você está pronto para criar sua sequência de consulta.
Após adicionar a sequência de consulta à página da Web ou formar URL, os contatos conhecidos que pousarem em sua página verão suas próprias informações pré-preenchidas no formulário.
Como pré-preencher campos de formulário
Esta solução funciona para os seguintes tipos de campo de formulário:
- Entrada de texto
- Ex. fieldname=YourTextHere
- Área de texto
- Ex. fieldname=YourTextHere
- Data
- Ex. fieldname=YYYY-MM-DD
- Data e hora
- Ex. fieldname=YYYY-MM-DD&fieldname_time=HH-MM-SS
- Oculto
Etapa 1: identificar campos de formulário e marcas de personalização
A página Campos em sua conta lista todos os campos de contato padrão e personalizados. Clique em Contatos > Campos no menu esquerdo.
Na página Campos, você verá uma lista de seus campos padrão e personalizados. Cada campo tem uma etiqueta de personalização. Copie a etiqueta de personalização para cada campo que pretende pré-preencher no formulário e, em seguida, cole-a na área de transferência ou noutro ficheiro.
Como exemplo, preencheremos previamente os seguintes campos de formulário: Primeiro nome e Endereço de email. O campo Primeiro nome tem uma tag de personalização de %FIRSTNAME% e o campo de endereços de email tem uma tag de personalização de %EMAIL%.
Etapa 2: criar a cadeia de caracteres de consulta
Em seguida, você precisa criar a cadeia de caracteres de consulta usando o formato abaixo:
?fieldname=%PERSONALIZATION-TAG%
Se você quiser pré-preencher vários campos, então sua sequência de consulta terá esse formato (observe o e "&" entre cada nome de campo):
?fieldname=%PERSONALIZATION-TAG%&fieldname=%PERSONALIZATION-TAG%
Continuando com o exemplo acima, aqui está uma sequência de consulta que irá pré-preencher os campos de primeiro nome e endereço de email em um formulário:
?firstname=%FIRSTNAME%&email=%EMAIL%
Etapa 3: anexar a URL da página da Web ou do formulário com a cadeia de caracteres de consulta
Após criar sua sequência de consultas, você pode adicioná-la ao final da URL da sua página da Web ou formulário.
Webpage URL
- Isso irá pré-preencher campos para qualquer tipo de formulário
- Você precisará trabalhar com seu provedor de host web para adicionar a sequência de consulta ao final do seu caminho de URL de página web na barra de endereços
- Um exemplo de uma página web com uma sequência de consulta pode ser assim:
www.activecampaign.com/support?Nome=%NOME%&email=%EMAIL%
Form URL
- Isso funciona apenas com formas inline
- Você pode adicionar a sequência de consulta ao final do caminho de URL do formulário e compartilhar ou usar a URL do Formulário como quiser. Por exemplo, você pode preencher previamente campos de formulário para um formulário de várias páginas ou adicionar a cadeia de caracteres de consulta ao final do link do formulário ao compartilhar seu formulário
Para recuperar a URL do formulário integrado:
- Na sua conta da ActiveCampaign, clique em "Site".
- Clique em "Editar" para o formulário com o qual você quer trabalhar.
- Clique no botão "Integrar".
-
Clique na aba "Link".
O link do Formulário será mais ou menos assim:https://youracaccountname.activehosted.com/f/213
- Em seguida, adicione a cadeia de caracteres de consulta ao final do link do formulário.
Como exemplo, quero pré-preencher o endereço de email no meu formulária ActiveCampaign. Para isso, eu formataria a URL do formulário assim:
https://youracaccountname.activehosted.com/f/213?email=%EMAIL%
Uma vez que a sequência de consulta é adicionada ao link do seu formulário, você pode compartilhá-la em qualquer lugar que querr.
Avançado: use JavaScript para pré-preencher campos de seleção única e múltipla
Antes de iniciar:
- Isto apenas para usuários avançados
- A Equipe de Experiência do Cliente da ActiveCampaign não pode ajudar a implementar ou solucionar qualquer código que você adicione à sua página web
- Os exemplos abaixo usam o código JavaScript padrão. Existem outras maneiras de escrever este código
Se você estiver confortável em codificar suas próprias soluções, você pode usar o JavaScript para pré-selecionar opções de resposta para campos de seleção e formulários suspensos. Este JavaScript precisa ser adicionado ao código-fonte da sua página web.
Os exemplos mostrados abaixo são para os tipos de menu suspenso e campo de botão de rádio. No entanto, você deve poder usar JavaScript para pré-selecionar opções de resposta para os seguintes tipos de campo:
- Dropdown
- Botão de rádio
- Caixa de seleção
Clique em cada link abaixo para ver exemplos:
Para carregar automaticamente nosso JavaScript uma vez que a página é carregada, usamos o método window.onload:
Para definir a seleção automática em um elemento específico, pesquisamos usando o método document.querySelector() método.
Para selecionar automaticamente um botão de rádio específico na carga da página, inspecione o botão de rádio que quer selecionar automaticamente e observe o atributo valor:
Para selecionar automaticamente o azul, escrevemos nosso JavaScript da seguinte forma:
Para selecionar automaticamente uma opção específica no menu suspenso, contamos a primeira opção a partir de zero:
Para selecionar automaticamente Spaghetti, escrevemos nosso JavaScript assim onde o valor do índice 2 é escrito usando o suporte, [2]:
Uma alternativa, uma maneira mais avançada de selecionar automaticamente um valor suspenso, é escrever uma função personalizada sem reutilizar o método document.querySelector() método:
/**
* Selecione automaticamente o valor da opção no menu suspenso
*
* @param nó {string} O nome de dados do nó para definir a seleção
* @param valor {número} O valor do índice de opção a ser selecionado no carregamento
da página* @return {void}
*/
function setSelectedValue(node, value) {
var elem = document.querySelector(node);
para (var i = 0; i < elem.options.length; i++) {
// Contagem por índice
var nodeIndex = elem.options[i].index;
Selecione a opção pretendida if (nodeIndex == value) {
// Defina a opção
como 'selected'elem.options
[value].selected = true;
retorno;
}
}
}
e chamando-o na carga da página:
window.onload = () => {
/** Selecione a opção "Espaguete" no carregamento da página */
setSelectedValue('[id="food"]', 2);
}