This tutorial assumes you have reviewed the Web Form Optimizer Basics available here.

In this tutorial I am going to show you how to insert a YouTube video into a Landing Page.  The Button Maker available in the Online Form Builder has an option to launch a dialog with content from another site, centered over the page. The button can be placed anywhere in a Web Form...

Let's get started!

1.  Add a Button Maker widget to a Web Form in the Online Form Builder.  Click the Cube to the left of the widget.  From within the Button Settings click the Dialog radio button.  Change the Button Text, Font Size, Font Color, Top and Bottom Color, Button Width and Height to suit your needs.

2.  Selection of the Dialog radio button reveals some extra settings.  Update the Dialog Title to World's Easiest! From within YouTube click the Embed option and paste the URL (in bold) into the provided textbox .  Update the Dialog Height and Width to match the video dimensions.  For example the YouTube code for this tutorial is:

<iframe width="560" height="315" src="http://www.youtube.com/embed/wPIpyV76nWE" frameborder="0" allowfullscreen></iframe>

3.  Click Save Changes to update the Form design. 

4.   Now let's put this simple 'play' button in a Landing Page.  Click the Form tab.  Click the Web Form Optimizer! bar to launch the tool.  In Step 1 click a pencil to put an Experiment into edit mode and then click Next in the wizard.  In Step 2 click a pencil next to a Landing Page and then click Next in the wizard.  In Step 3 (the final step) select a Location radio button for the 'play' button and deselect the Submit button checkbox.  

Example:

5.  Removing the Submit button from the Web Form changes the Height of the Form.  Click the Form name.  Web Form Optimizer opens up a new browser window or tab with the Form. Wait until the Form is visible. Return to Web Form Optimizer and click the Update icon next to the Height textbox.  Click the Save button in the wizard.

6.  Click the Share tab and click the link to test your Landing Page(s). 

In this Landing Page I selected a right radio button location.  Content in a left or right location is placed in a stackable accordion.  An accordion places Forms in a column, each separated by its Form name.  The center location places each Form name in a Tab from left to right.

When the user clicks our 'play!' button a dialog is centered over the Landing Page, and YouTube downloads the video.  For those interested, I created this video with PowerPoint 2010.  I hope you enjoyed this tutorial!