To set up a Demo Widget follow these simple steps:
Step 1 - Set up the Layout
Step 2 - Set up the Design (this article)
Step 3 - Set up Automation
Step 4 - Copy Code to Place on the Website
1. Decide if you'd like to include a video in your widget and click the ON or OFF button
2. If you select to keep the video ON, please enter the link to your video to promote this opportunity via the Video URL field.
Note: The video link must be a Youtube link. Upload your video to Youtube, make sure it's set to "Unlisted"
This is what it will look like:
The video is on | With video off |
 |  |
3. Click "Next" to move to the next step:
4. Once again enter the video you created for the second step of the demo following the process outlined above:
This is what it will look like:
The video is on | With video off |
 |  |
5. Click "Next Step" to move to the next step:
6. In the next step choose to turn the Video ON or OFF:
This is what it will look like:
The video is on | With video off |
 |  |
7. Update the Call-To-Action (CTA): the CTA will either go directly to the pop-up with the Optin form, then to the "Thank you page" (default setting), or redirect the button to another landing page or a website of your choice.
8. If you selected the "Redirect" option, make sure to enter the page URL:
NOTE: The Redirect could lead to a dedicated Payment Gateway (Sales Page), any form or calendar link to book a call, and any website or opt-in page as a part of your next step process.
9. If you select to set up the Optin, make sure to EDIT your settings.
10. Clicking Edit will allow you to update the following fields:
 | Hide/Show the Headline |  |
| Hide/Show the Subheadline |  |
 | Select the next step |  |
 | Enable/Disable the 2nd Button |  |
 | Setup the redirect for either button |
You will also be able to change the Design of the PopUp:
 | Change the color of button #1 |
 | Change the color of button #2 |
11. Click "Save" once finished.
12. Change "Design" as you wish for the Demo Widget
 | Change the color of the Demo Widget Text |  |
 | Change the color of the Stand Out text |  |
 | Update the Step Circle Color |  |
 | Change the font color of the Step # |  |
 | Update the color of the arrows |  |
 | Update the color of the button |  |
 | Update the Button text color |  |
 | Change the Button Style |  |
 | Update the Box Background Color |  |
 | Change the Box Style |  |
Note: The design will be updated for all steps of the demo, not just one of the steps.
Step 12 Once you updated the Design, click "Finish"
