Neste tutorial, você aprenderá como herdar parâmetros diretamente da URL para dentro do seu formulário, configurando o formulário e o código de incorporação para capturar automaticamente esses valores quando o usuário acessar a página.
Configuração do formulário e captura de parâmetros
- Adicione os parâmetros desejados ao seu formulário.
Primeiro, você precisa adicionar os parâmetros que deseja capturar do URL para o seu formulário. Por exemplo, nós vamos usar de exemplo parâmetros como utm_source, utm_medium, utm_campaign, utm_content, utm_term, email, nome, etc.
☝️ Não esqueça de habilitar o tracking das UTMs e adicionar os campos ocultos (como nome e email no exemplo anterior) antes de passar os parâmetros na URL.
Incorporação do formulário no site
- Escolha a maneira de embedar o formulário no seu site.
Existem várias maneiras de incorporar um formulário ao seu site, como incorporação direta, pop-up, modal, etc. Neste exemplo, vamos usar a opção de pop-up.
- Copie o código fornecido.
Depois de escolher a opção de incorporação (pop-up), você receberá um código, Este código será responsável por exibir o formulário no seu site.
Ajuste do código para herdar parâmetros da URL
- Substitua os parâmetros no código
No código fornecido, você encontrará uma seção onde os parâmetros são especificados. Geralmente, isso é feito usando atributos como data-yf-hidden ou data-yf-tracking .
Substitua esses atributos pelo seguinte: data-yf-transitive-search-params="seus parâmetros separados por vírgula".
Por exemplo: data-yf-transitive-search-params="utm_source,utm_medium,utm_campaign, utm_content,utm_term,nome,email,telefone"
Certifique-se de substituir os parâmetros conforme necessário para refletir aqueles que você deseja capturar, e aplique no código do seu site como mostrado no exemplo abaixo utilizando o elementor:
Teste com parâmetros na URL
- Coloque os parâmetros na URL do seu site.
Agora, quando você incorporar o formulário no seu site e alguém acessá-lo com parâmetros na URL, esses parâmetros serão herdados automaticamente pelo formulário.
Por exemplo, se a URL do seu site for www.seusite.com/formulario?utm_source=google&utm_medium=cpc&utm_campaign=produto , esses parâmetros serão automaticamente capturados pelo formulário, como mostrado em um exemplo abaixo:
Conclusão
Ao final, você terá o formulário preparado para herdar automaticamente parâmetros presentes na URL, permitindo capturar UTMs e outros dados diretamente no envio do formulário por meio da configuração correta dos campos e do código de incorporação.ail