Articles on: Design

Merge Tags for your poptin - How it works?

You can add dynamic Merge Tags to your poptins from the { } icon in the editing bar of each element.

You can display dynamic text or images that will be pulled from a Class , ID on your page, or even from a UTM parameter in your URL.

For pulling Class just add . before the name of the Class
For ID add # before the name of the ID
For pulling text from the URL, just add ? before the UTM parameter





Then set the Default value that you want to show up if there is no data pulled for the dynamic tag. (fallback)

For example, you can pull the Name of the user and show it in the popup with "Hi {{ name }}" but if there is no name pulled, you can leave the default value blank so it won't say anything after the "Hi". The default value is not relevant to hidden fields, but just to input fields that their content can be inside the popup.

If you want to show images on your popup from your website, you can use the image element to upload an image and use the Merge Tag from the editor. You have to just put the class name of the image. If the class isn't available, the default image from the popup will be shown.





You can show the info the user filled out in your popup on the Thank-you screen using these pre-made merge tags:

(Name, email, phone, message)



You can also pre-filled fields the same way:

and it will look like this for the client, if the URL for example contains:
/?name=Dan&email=danl@yourdomain.com&phone=0526363333



You can pull UTM parameters from the conversion URL:

Add hidden fields, one per UTM you want to pull.



You can name them as the screenshot above (these will be the names of the fields you will see in the email notification)

Then click on the Merge Tags icon on the fields' editing bar



Then fill out the UTM parameters you want to pull and add "?" right before each one



(you can do the same for ?gclid parameter if you use Google Ads)

Click on "Save", and then on "Next" or "Publish Changes".

Details of all the merge tags available:



"curr_year" To show up the current year.

"prev_mon" To show up the previous month.

"curr_mon" To show up the current month.

"next_mon" To show up the next month.

"yest_day" To show up yesterday.

"today_day" To reflect Today's day.

"tomo_day" To reflect tomorrow's day.

"yest_dmy" To show up yesterday's date with the Date - Month - Year format. (25/04/2022)

"**yest_mdy"** To show up yesterday's date with the Month - Date - Year format. (04/25/2022)

"today_dmy" To reflect today's date with the Date - Month - Year format. (26/04/2022)

"today_mdy" To reflect today's date with the Month - Date - Year format. (04/26/2022)

"tomo_dmy" To show up tomorrow's date with the Date - Month - Year format. (27/04/2022)

"tomo_mdy" To show up tomorrow's date with the Month - Date - Year format. (04/27/2022)

"country" Show the visitor's country.

Shopify Tags are special tags to use with the Shopify stores.

shpfy_value:

This tag reflects the Amount / Value of items in the cart. For example 100, the currency is not provided by Shopify so will have to add $ or € by yourself like
${{shpfy_value}}.

Example: Your current cart value is $100

shpfy_count:

Displays the number of items in the cart such as 2 Items or 10 Items in the cart.

Example: Your cart has 5 items.

shpfy_thres:

The amount at which the coupon will activate. For example, if we are giving 10% discount when the cart value is 150. So "shpfy_thres" will return 150.

Example: Displays the coupon threshold before the coupon is activated.

shpfy_gap:

It is the remaining amount that should be added to the cart to activate the coupon. In simple words shpfy_thres - shpfy_value = shpfy_gap . So in our example, it will be 150 - 100 = 50

Updated on: 15/11/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!