Skip to main content

How can I iframe a page? - Knowledgebase / Documentation - Deployteq Support

How can I iframe a page?

Authors list

Static Page (Login Page)

If the displayed page does not contain personalised information for example because this is the start of a sign-up campaign, the following information is sufficient to load the correct iframe.

For example:
<iframe src="Place the desired URL here" id="DeployteqFrame" frameborder="no" scrolling="auto" style="width:900px; height:600px;">Your browser does not support i-frames</iframe>

When writing the URL, the entire link must therefore be placed, deployteq.com alone is not sufficient.

How do I retrieve the URL of the page I want to display on my own website?
You will find this within the campagne in which you placed the page. Its URL is in the page/formula object.
Do keep in mind that this URL will be available after the campagne has been saved.
The link is the easiest to copy by clicking the magnifiying glass which will open the link you can copy.


iframe a Personalized page /  update form

When do you need to apply this technique?

This technique is needed when the page has to be personalized shown, this can be in the following situations:

Customer clicks in a received e-mail and via that link comes to a page where it can update e-mail preferences, for example with a confirmation e-mail in a double opt-in campagne.


Which steps are mandatory to set this up?

1. Create an personalized link to the page that needs to be iframed.

2. Set up the receiving  webpage so the correct page will be displayed.


Create an personalised link to the page that needs to be i-framed

In this example we assume that this construction will start from an e-mail, from this e-mail we will goto our own website with a given page that will be hosted from Deployteq.

To forward the customer to your own website and to display a clang page there, you will need to  create a link  in clang that looks similair to this one below:

"https://www.e-village.nl/bijwerken/Deploytequrl={{objectlink name='link' campaignid='121' objectid='4' flowid='0'}}"


Example given above can be divided into three pieces:

The domain of your own website:  https://www.Deployteq.com/bijwerken/ 

The part with the paramater: Deploytequrl= Deploytequrl is the standard value and can be changed, you will read this in the explanation of the receiving webpage


The campagne object link to the web page to be displayed : {{objectlink name='link' campaignid='101' objectid='4' flowid='0'}}  

The last part indicates  the page which page you will display in your  i-frame, you can have this link created for you in the UI of the Deployteq interface.

The creation via the UI can be done in the menu shown below,  the 'insert' button can be found, for example, in text fields in a mail object.

When creating via this link you choose the page in a campagne which you want to show the customer on your website. 

The created code tells Deployteq to which campagne/page the customer needs to go w hen he leaves  the mail by URL, when sending everything between the braces {{ }} is replaced with a unique link for each person, we know by this unique link later or which customer we have to personalize the page.


Setting up the receiving web page so that the correct page will be shown.

Created link mail in CanopyDeploy https://www.deployteq.com/bijwerken/clangurl={{objectlink name='101' campaignid='163' objectid='1' flowid='0'}}

Once the mail has been sent to the customers, this link will no longer look like the one shown above but it will become a clickthrough that may look for example like the one shown below:

https://myclang.com/1/4/65/206/IgzewG1EvRo93Y_jb-yW6I2r-JZ4VZooxKLbN5cG6QbDNrRb3mEyHn_a8f05wMAn


Als de klant er eenmaal op klikt zal in bovenstaande geval de klant doorgewezen worden naar:
https://www.deployteq.com/bijwerken/clangurl=https://myclang.com/3/4/65/206/vmFMArlM0d6yka1BYRWrF_k3gOMpZqi-108iNq3DFPGKFPdyuflJDz3wmPrfU7kf
Deze link heeft dezelfde opbouw als de link aangemaakt in je mail, maar is het laatste deel tussen de accolades vervangen door een Deployteq-url, deze url zorgt ervoor dat Deployteq weet welke pagina getoond moet worden en met de personalisatie van welk klantrecord.

In dit voorbeeld zal de klant op deze webpagina uitkomen: https://www.deployteq.com/bijwerken  hier zal dus webpagina moeten komen op jullie eigen site waarin het Deployteq frame geladen zal moeten worden.


In case above once the customer clicks on it, the customer will be directed to:

https://www.deployteq.com/bijwerken/clangurl=https://myclang.com/3/4/65/206/vmFMArlM0d6yka1BYRWrF_k3gOMpZqi-108iNq3DFPGKFPdyuflJDz3wmPrfU7kf

This link has the same structure as the link created in your mail, but the last part between the braces has been replaced by a Deployteq url, this url ensures that Deployteq knows which page should be displayed and with the personalization of which customer record.

In this example, the customer will arrive at this webpage: https://www.deployteq.com/bijwerken Here will therefore have to be a webpage on your own site in which the Deployteq frame will have to be loaded.


This page has the following tasks:

From the url where the customer has arrived, get the url to be displayed (in the example bold) and place this url as source (src) of the i-frame.

To do this we created an example code that runs this, you can find this code on our supprt portal:  https://portal.deployteq.com/en/downloads/files/edit-forms-in-iframes-zip

Inside this code there is one  rule which should be changed to your own enviroment.

Standard: 

<body onload="getExternalLocation('DeployteqFrame', 'Deployteq_url', 'http://www.deployteq.com/', 'https://mydeployteq.com');">

Alternative:

<script type="text/javascript">
getExternalLocation('DeployteqFrame', 'Deployteq_url', 'http://www.deployteq.com/', 'https://mydeployteq.com');
</script>

There are 4 values within the brackets:

'DeployteqFrame'   the is of the iframe within your page where this page will be iframed.

'Deployteq_url'  The name of the GET-Parameter in which the Deployteq url will be given as italics in the example. 

'http://www.deployteq.com'
'https://mydeployteq.com'


<iframe src="" id="DeployteqFrame" frameborder="no" scrolling="auto" style="width:900px; height:600px;">Your browser does not support i-frames</iframe>

<script type="text/javascript"> getExternalLocation('DeployteqFrame', 'Deployteq_url', 'www.Deployteq.com/AfvangUrlBijOntbrekenParameter', 'Deployteq.com'); </script>

The function needs to run when loading this page,  this function requires the following arguments:

1: The ID of the frame

2: The name of the GET-Parameter where the Deploytequrl is given.

3:The webadres that needs to be shown as GET-Parameter in the i-frame, Deploytequrl is missing. It still shows the https://www.Deployteq.com/"  which should be changed to your own default page.

4: The domain of the update url. This is used to check whether the url of the form actually comes from Deployteq. You may have your own domain for Deployteq URLs. Then you can adjust this argument.

https://www.Deployteq.com/bijwerken/clangurl={{objectlink name='link' campaignid='121' objectid='4' flowid='0'}}

<script type="text/javascript"> getExternalLocation('DeployteqFrame', 'Deployteq_url', 'www.Deployteq.com/AfvangUrlBijOntbrekenParameter', 'Deployteq.com'); </script>

<iframe src="" id="DeployteqFrame" frameborder="no" scrolling="auto" style="width:900px; height:600px;">Uw browser ondersteunt geen i-frames</iframe>