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:

Atualizado em: 13/01/2025