How to add variables in the campaign URL to autocomplete entry form fields

1. Introduction.

2. Step by step.

2.1. Manual use.

2.2. Advanced use (embed script).

3. Other specifications.

4. Related content.

1. Introduction.

If you already have your users identified —for example, because you have embedded the campaign in your app or in a private area of your website—, you can have certain form fields filled in automatically when the form is opened.

The fields that can be autocompleted and their corresponding variables are:

• First name: first_name
• Last name_ last_name
• Email: email

Parameters are added to the end of the URL using the format ?variable=value. To include more than one, separate them with &. For example: ?first_name=test&email=test@example.com

2. Step by step.

2.1. Manual use.

If you want to share or use the campaign URL directly with the parameters, here are the available formats depending on the URL type:

• Microsite URL

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

   

• Landing URL

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

   

• Embedded campaign URL (landing)

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

   

• Embedded campaign URL (form)

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

   

2.2. Advanced use (embed script).

If you have the campaign embedded in your website using a script, there are two ways to pass the parameters. The examples below show how to embed the form; to show the full landing instead, remove the target=form parameter.

Option A: using data- attributes in the div

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

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

Option B: adding the parameters in the data-src

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

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

3. Other specifications.

If you need to autocomplete other form fields, contact us at help@cool-tabs.com.

4. Related content.

Advanced customization of a campaign using variables.