This is a recent client project. He wanted to drive traffic to a landing page using his existing email list and wanted to personalize the landing page to make it more appealing. The landing page greeted the visitor by their name. Pretty cool right?
The technique we used was passing the name through the URL. In the email he sent out, he put the funnel’s landing page url and merged in the first name as a query parameter. This is how it looked like in infusionsoft
https://landing.myclientpage.com/quiz?name=~FirstName~
This is how the link turns up after infusionsoft merges the field.
To make this happen, we developed a custom script and you can copy and use it from below.
How to set it up
#1 Set up the code
Quickly copy from here
Add it as a tracking code to the page
Go to “Tracking Code”
Paste the code in “Footer Code”
Close the popup and save the page.
#2 Set up the merge text
Prepare the text heading you want to merge in. This can be a heading, paragraph text. For this example, I am selecting the header that says “Hello There” and make it personalized to merge in visitor’s name.
Replace the text you want to merge with #??
Get the css id of the element.
Once you locate the css id, remove the “#” in the beginning and use it like below
According to the above example, when you load the page it will say “Hello Sahan”
Security note:
The script is developed keeping security in mind to prevent the page from cross-site scripting attacks.
