How to embed an Intercept on my website?

Intercept surveys can be embedded on the website in two ways:

1. When a partial page is loaded (Single page applications/React Applications)

To embed an Intercept on your website, go to the intercept and follow the steps given below:

• Copy the code next to the Preview button

• Paste the code in the HTML tag of your website right before the closing body tag of the first page which will load completely
• Then call the loadSettings() function from the place you want to invoke the intercept survey
• Also, complete the code add targeting rules on the QuestionPro website as shown in the below screenshot

2. When a full page is loaded (the page you put the script on should load completely for intercept surveys to render)

To embed an Intercept on your website, go to the intercept and follow the steps given below:

• Copy the code next to the Preview button

• Paste the code in the HTML tag of your website right before the closing body tag of every page where you want the Intercept to appear
• Complete the code add targeting rules on the QuestionPro website as shown in the below screenshot

To map any specific segment with the intercepts and collect the responses for that segment, you need to pass the segment code in the intercept script embedded.

Here's the example: window.QPROSurvey = {};window.QPROSurvey.settings = {inID : "abc", segmentCode : "S1"};https://questionpro.com

In the above script, replace the value of segment code 'S1' with the values of segment for which you want to collect the responses.