Como herdar parâmetros da URL para o seu formulário embedado
Neste tutorial, mostrarei como herdar parâmetros diretamente da URL para dentro do seu formulário.
Passo 1: 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 e emai
Passo 2: 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.
Passo 3: 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.
Passo 4: 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="seu parâmetros".
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:
Passo 5: 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:
Passo 1: 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 e emai
Passo 2: 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.
Passo 3: 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.
Passo 4: 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="seu parâmetros".
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:
Passo 5: 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:
Atualizado em: 13/01/2025
Obrigado!