Adding an HTML Widget in Leadpages
Step 1: Login to Leadpages and open the landing page you want to embed your quiz on.
Step 2: Click “Widgets” from the menu then click <HTML>.
Step 3: Drag “<HTML>” to the desired location on the landing page.
Accessing your Interact Embed Code
Step 1: Open your Interact dashboard and click “Share & Embed” on your quiz you want to add to the Leadpages landing page.
Step 2: Click on “Embed Code” on the left sidebar, and click the “Javascript” tab.
Step 3: Toggle on the buttons for “Auto resize embed to fit quiz content” and “Use custom embed size” then change the width of the dimensions to 1,500.
Step 4: Click “Copy Code” then go back to Leadpages.
Insert and Center the Quiz Code
Step 1: On Leadpages, hover over the HTML widget you added.
Click the pencil icon to edit it.
Step 2: Paste the embed code into the box.
Right after <div, add align="center" so the beginning of the code looks like: <div align=”center” to center the quiz on all devices, regardless of screen size.
Step 8: Click “Save” and then “Preview” to check how it looks.
Step 9: Preview your quiz on the desktop and mobile device settings to ensure your quiz displays correctly.
