How to Create a Video Popup
With Bouncezap you can create Video Popups with ease! Just follow these few and easy steps.
1.Create New Campaign
2.Create your Fullscreen Campaign
3.Design your Fullscreen Campaign
4.Activate your Fullscreen Campaign
Also, if you haven’t reviewed the general process for creating a campaign, we encourage you to check out our Creating Your First Campaign (attach link) documentation.
You will find our video walkthrough below, followed by our step-by-step guide.
_____________________________________________________________________________
Step 1 – Create New Campaign
When already logged in and after selecting the site where you want the popups to appear, next will be setting up your goal. Bouncezap gives their customers variety of options to choose from. For this guide, select “Canvas”.
______________________________________________________________________________
Step 2 – Create a New Fullscreen Campaign
After creating a new campaign and your goal already set-up, select “Light Box” from the Banner Style Selection as shown below:
Note: You can use Canvas for all of our campaign types! While this guide walks you through creating a Light Box Canvas campaign. The same steps can be followed when creating any other campaign type.
_______________________________________________________________________________
Step 3 – Design your LightBox Campaign
The next step is to design your popup according to your preference. On this guide, Canvas gave you the full authority to make your own campaign, showing your artistic side. You can fully customize your popup by changing entrance effect, overlay background, customize html and adding custom CSS.
To configure the appearance of your Canvas campaign there are two important fields:
1.) Canvas Custom HTML
This is where you’ll place any HTML, Javascript, shortcodes or other embed codes (like a Facebook page widget) to be displayed in your campaign. This field is located in the Optin panel of the campaign builder.
At this point, you have 3 options:
1. Code It Yourself: If you are a savvy coder, you can place custom HTML and JavaScript in the Canvas Custom HTML field and you can place your custom CSS in the Custom CSS field.
2. Use a Shortcode: Certain platforms, like WordPress, allow you to use another plugin’s from creator around your site by using a shortcode.
3. Use Embeddable Code: You can also input code generated by another tool.
2. ) Custom CSS
This is where you’ll place any CSS styles you want to apply to your Canvas campaign. To guide you, please see below photo.
When you are finished, be sure to click “Save and Next” your campaign and congratulations, you’re all done building your campaign!
________________________________________________________________________________
Step 4 – Activate your LightBox Canvas Campaign
After a new campaign created, it’s inactive by default.
Once you’re done designing and configuring your campaign, hover over the power icon and click on it to activate as displayed below.
Once your campaign is live you’ll see this status reflected in the status bar.
NOTE: Power icon will turn into GREEN if it is activated and RED if it is not.