Este tutorial enseñará cómo heredar parámetros directamente desde la URL hacia tu formulario, para que se capturen automáticamente al acceder a tu sitio con esos parámetros.
Configuración del formulario y parámetros
- Añade los parámetros deseados a tu formulario.
Primero, necesitas añadir los parámetros que deseas capturar de la URL a tu formulario. Por ejemplo, vamos a usar como ejemplo parámetros como utm_source, utm_medium, utm_campaign, utm_content, utm_term, email, nombre, etc.
☝️ No olvides habilitar el tracking de las UTMs y añadir los campos ocultos (como nombre y email en el ejemplo anterior) antes de pasar los parámetros en la URL.
Inserción (embed) del formulario en el sitio
- Elige la manera de embeber el formulario en tu sitio.
Existen varias maneras de incorporar un formulario a tu sitio, como incorporación directa, pop-up, modal, etc. En este ejemplo, vamos a usar la opción de pop-up.
- Copia el código proporcionado.
Después de elegir la opción de incorporación (pop-up), recibirás un código. Este código será responsable de mostrar el formulario en tu sitio.
Ajuste del código para heredar parámetros
- Sustituye los parámetros en el código
En el código proporcionado, encontrarás una sección donde se especifican los parámetros. Generalmente, esto se hace usando atributos como data-yf-hidden o data-yf-tracking .
Sustituye esos atributos por lo siguiente: data-yf-transitive-search-params="tus parámetros".
Asegúrate de sustituir los parámetros según sea necesario para reflejar aquellos que deseas capturar, y aplícalo en el código de tu sitio como se muestra en el ejemplo de abajo utilizando Elementor:
Uso de parámetros en la URL
- Coloca los parámetros en la URL de tu sitio.
Ahora, cuando incorpores el formulario en tu sitio y alguien acceda con parámetros en la URL, esos parámetros serán heredados automáticamente por el formulario.
Por ejemplo, si la URL de tu sitio es www.tusitio.com/formulario?utm_source=google&utm_medium=cpc&utm_campaign=producto , esos parámetros serán capturados automáticamente por el formulario, como se muestra en el ejemplo de abajo:
Conclusión
Al finalizar, habrás configurado tu formulario y el código de inserción para que los parámetros presentes en la URL se transfieran automáticamente al formulario cuando alguien acceda a tu sitio con esos valores.