--- title: "Interactive Landing Pages (304)" slug: "interactive-landing-pages-8" updated: 2022-10-13T21:04:53Z published: 2022-10-13T21:04:53Z canonical: "support.lightspeedvt.com/interactive-landing-pages-8" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.lightspeedvt.com/llms.txt > Use this file to discover all available pages before exploring further. # Interactive Landing Pages (304) ## Overview LightSpeed VT Interactive Landing Pages (ILP) offer content creators and subject matter experts new marketing opportunities to share interactive videos outside of the VT system. Build ILP Campaigns to promote events and product deals, gauge audience interests through interactive surveys, generate warm leads, and more. As an admin, you can quickly drop an interactive video in an “auto-generated” Private Labeled page (based on Location Theme), add a message and a Call-to-Action link – all with literally no design work. Need something more custom? Simply switch to the custom template and drop in your HTML code. With rich analytics built-in, monitor and track all visitors, behavior, interactive results and even expand your tracking capabilities further by adding Google Analytics. Read below for more a technical breakdown of creating and managing ILPs: ## My Campaigns The “My Campaigns” dashboard contains a list of all ILPs – both active and inactive – and offer quick access to important information and features. ![201905ILP-My-Campaigns-1024x5762.png](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201905ILP-My-Campaigns-1024x5762.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D)*The My Campaigns management page highlights all active and inactive campaigns* *with quick link access to edit, share and view reports.* **Action Menu** - **Edit:** Select either the Campaign Name or pencil icon to Edit Campaign Details. - **View:** Preview the ILP in a new window/tab. - **Share:** Access Social Sharing, copy Public URL and Embed Code. - **Performance:** View and export Campaign analytics. ## Create New Campaign There are two primary ways to create ILP Campaigns. Outlined below, you will find details to help you determine the best scenario based on your individual needs. ### Video Only (Easy) This is by far the quickest way to get an Interactive (or Standard) Video published for public viewing outside of your VT System. By quick, we mean ***less than 20 seconds!*** 1. **Give your Campaign a Name** – *This will display as the page title in a browser tab and search engine results, as well as for internal reference.* 2. **Select the video you would like** – *Search and Filter by all Standard or Interactive Videos available in your Media Library.* 3. **Preview** 4. Then **Publish** and Share your ILP- That’s it! ![201907ILP-Easy-Mode-stopwatch2.gif](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201907ILP-Easy-Mode-stopwatch2.gif?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D) **Note:** ILP’s created with the Video Only easy mode will be based on the Location Theme you are currently logged in to. ### Standard Campaign Need more than just a video? Selecting Standard Campaign allows you to add Headline Text, Body copy and a Call-to-Action button to drive greater conversions. Below is a general breakdown of the options and features to leverage… #### 1. Campaign ![201907ILP-Panel-01-Campaign2.gif](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201907ILP-Panel-01-Campaign2.gif?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D) - **Campaign Name:** Give your ILP a friendly title for easy reference. - **Internal Description:** Add notes, keywords or important details for reference and search-ability. - **Page Layout** - Select **Theater** for a larger video display and page design based on a selected Private Label Theme. - Select **Code Your Own** for a fully customizable page layout using HTML, CSS and JavaScript. #### 2. Content #### Theater If you select the **Theater** page layout, the following options and features are available: ![201905ILP-Theater-Panel-02-Content-731x10242.png](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201905ILP-Theater-Panel-02-Content-731x10242.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D) - **Headline:** Add a user friendly title to display as your header text. - **Body Content (optional):** You may select to add content above and/or below the Featured Video. Select the option to reveal a WYSIWYG (what you see is what you get) editor to add stylized text, images and links. **Featured Video** - **Video Path:** Select or Paste a Video path from your Media Library. This can be Standard or Interactive Video. - **Poster Image:** Select a backup image to display before a user must initiate a video play. By default, all Standard Videos selected will pre-populate an auto generated thumbnail from the video source, you may choose to override this for your individual marketing needs. - **Require Email Capture:** Enable this to require a user enter their email address to unlock (watch) the video. If a user is an existing VT account holder with recent login activity on the same device, they will not be required to enter an email. ![201905require-email-address2.png](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201905require-email-address2.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D)***Example:*** *A visitor must enter their email address to begin watching the [interactive] video.* - **Autoplay Video:** By default, your video will autoplay muted (adhering to industry/browser standards). Disable this to display the Poster Image with a Play Button overlay. - **Enable Live Voting:** When using an Interactive Video, you can select to show the interactive results in real-time! Visitors to your ILP can see a live percentage based ranking of interactive video selections. ![201905live-voting2.png](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201905live-voting2.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D)***Example:*** *Live Voting based on your videos interactive results.* - **Redirect on Completion:** After a video completes, you can select to auto-redirect the ILP to another custom domain. **Call To Action** - **Button Text:** Add a clear Call to Action to drive visitors through a sales or marketing funnel (i.e. Start Your Free Trial Today!) - **Link:** Add a URL to link visitors from your Call to Action - **Open Link:** Choose to how the Call to Action link should open #### Code Your Own If you select the **Code Your Own** page layout, the following options and features are available: ![201907ILP-Code-Panel-02-Content2.png](https://cdn.document360.io/4b9cf9ed-c1b6-4848-a21b-3a266775c016/Images/Documentation/201907ILP-Code-Panel-02-Content2.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A45%3A32Z&se=2026-10-26T20%3A45%3A32Z&sr=c&sp=r&sig=ggShuA2xxcNMw6pmCWmUMiAMfcOH7PZGc4KmTeB64vc%3D) **Featured Video** - **Video Path:** Select or Paste a Video path from your Media Library. This can be Standard or Interactive Video. - **Poster Image:** Select a backup image to display before a user must initiate a video play. By default, all Standard Videos selected will pre-populate an auto generated thumbnail from the video source, you may choose to override this for your individual marketing needs. - **Require Email Capture:** Enable this to require a user enter their email address to unlock (watch) the video. If a user is an existing VT account holder with recent login activity on the same device, they will not be required to enter an email. - **Autoplay Video:** By default, your video will autoplay muted (adhering to industry/browser standards). Disable this to display the Poster Image with a Play Button overlay. - **Redirect on Completion:** After a video completes, you can select to auto-redirect the ILP to another custom domain. **Custom Content** Add your custom HTML code for a truly unique page layout that meets your marketing and design needs. The Feature Video can be placed anywhere in your design with a simple tag inclusion – such as the following examples: **Default Video Tag:** ```none ``` **Video Tag with Custom Size:** ```none ``` NOTES: In order for the video to display properly across all device/screen sizes, you will need to include the following reference link within your page head (before the closing tag): ```none `
``` ### Using Portrait Videos It’s a heated debated with some, but like it or not, 90% of content tailored for vertical viewing have a higher completion rate over traditional landscape. Portrait videos help create a more immersive experience for mobile users, simply because it’s easier for them to watch your video all the way through. If you are planning or currently running digital ads targeting both desktop and mobile users, cut your work in-half and deliver both interactive experiences with one landing page. Follow the steps below to learn how. #### Mobile Detection To embed your Interactive Videos on the same Landing Page, we’ll need to add a little code to detect the type of device someone is accessing your page from. First, you’ll need access to your page’s ‘Head’ tag, where you’ll copy and paste the following: ``` ``` Next, copy and paste the following wherever your video should display on the page. ``` ``` Lastly, you’ll need to include the following Javascript just below the video snippet (within the body of your page). **Note:** Be sure to update the ‘iframe.src’ fields with the appropriate ILP embed links. ``` ``` *1**Source:** Impact/Mediabrix 2020* ## Live Examples ### Video Only (Easy Mode) | You don’t always need “fluff” to make a good Landing Page. Use interactivity to drive the discussion and nurture the experience. This example showcases just that – your video. | [View Example](https://vt.lightspeedvt.com/share/view.cfm?cmpid=3366&token=66E44B21) | | --- | --- | ### Standard Campaign | Don’t code or have the expertise to “design” a landing page? This Standard campaign example showcases how an ILP inherits your Private Labeled Theme, using only the options and settings available “out-of-the-box”. *No design or technical skills required!* | [View Example](https://vt.lightspeedvt.com/share/view.cfm?cmpid=3379&token=6B72FDAA) | | --- | --- | **Note:** If you’re already signed into your VT System when viewing this page, sign out first to get the full experience. ### Custom “Code Your Own” | This is an example template we built for our 2019 Summit – it includes an interactive video and a Stripe Checkout (payment) widget. Learn more about [**Stripe**](/docs/stripe) and [**Chargify**](/docs/chargify-setup-2) integration. | [View Example](https://vt.lightspeedvt.com/share/view.cfm?aOverride=1&cmpid=3341&token=40798FCE) | | --- | --- |