Cómo incluir variables en la URL de la campaña para autocompletar campos del formulario

1. Introducción.

2. Paso a paso.

2.1. Uso manual.

2.2. Uso avanzado (script de incrustación).

3. Otras especificaciones.

4. Contenido relacionado.

1. Introducción.

Si ya tienes identificados a los usuarios que van a participar en tu campañ, por ejemplo, porque la has embebido en tu app o en una zona privada de tu web, puedes hacer que determinados campos del formulario se completen automáticamente al abrirlo.

Los campos que se pueden autocompletar y sus variables correspondientes son:

• Nombre:  first_name
• Apellido:  last_name
• Email:  email

Los parámetros se añaden al final de la URL con el formato ?variable=valor. Si quieres incluir más de uno, sepáralos con &. Por ejemplo: ?first_name=test&email=test@example.com

2. Paso a paso.

2.1. Uso manual.

Si quieres compartir o usar directamente la URL de la campaña con los parámetros, estos son los formatos disponibles según el tipo de URL:

• URL del microsite

  https://www.your-promos.com/pub/ct_demo_coupon_code?email=test@example.com

   

• URL de la landing

  https://www.your-promos.com/widget/promos/ct_demo_coupon_code?email=test@example.com

   

• URL de campaña incrustada (landing)

  https://www.your-promos.com/embed/8b4188c199691fbd3adc5adb173a5996?email=test@example.com

   

• URL de campaña incrustada (formulario)

  https://www.your-promos.com/embed/8b4188c199691fbd3adc5adb173a5996?email=test@example.com&target=form

   

2.2. Uso avanzado (script de incrustación).

Si tienes la campaña embebida en tu web mediante script, tienes dos formas de pasar los parámetros. Los ejemplos muestran cómo incrustar el formulario; para mostrar la landing completa, elimina el parámetro target=form.

Opción A: mediante atributos data- en el div

<div class='ct_embeded'
     data-src='https://www.your-promos.com/embed/8b4188c199691fbd3adc5adb173a5996?target=form'
     data-email="email@example.com"
     data-first-name="Nombre"
     data-last-name="Apellido"
     data-lazy='1'></div>

<script src='https://cdn3.ct-assets.com/assets/ct-embed.js?xxxx...'></script>

Opción B: añadiendo los parámetros en el data-src

<div class='ct_embeded'
     data-src='https://www.your-promos.com/embed/8b4188c199691fbd3adc5adb173a5996?target=form&email=email@example.com&first_name=Nombre&last_name=Apellido'
     data-lazy='1'></div>

<script src='https://cdn3.ct-assets.com/assets/ct-embed.js?xxxx...'></script>

3. Otras especificaciones.

Si necesitas autocompletar otros campos del formulario, contáctanos en help@cool-tabs.com.

4. Contenido relacionado.

Personalización avanzada de una campaña mediante variables.