How to add Video Player in Poper?

How to add Video Player in Poper?

Enhance your Poper popups by adding a video player, providing a richer and more engaging user experience. This step-by-step guide will walk you through the process of integrating a video player into your Poper popups.

Steps to Add a Video Player:

Access Poper Dashboard:


Navigate to your Poper dashboard.
Open the popup you want to edit or create a new popup by clicking Add New.

Open Popup Editor:


In the Popup Editor, click on the Add button on the right-hand sidebar.

Add a Box Element:


Select a Box from the list of elements.
This Box can be transformed into a video player.

Configure Background Settings:


Locate the Background Settings in the right-hand sidebar.
Switch to the Video tab and upload your video.

Adjust Video Options:


Enable User can Play/Pause to allow users to control the video.
Configure Autoplay, Muted, and Loop options as needed.
You can also enable Progress bar for your Video on either Top or Bottom of the Box.

Important Considerations:

Autoplay with sound requires user interaction due to browser policies.
Add the video to a later step in the popup sequence to ensure interaction.

Save and Publish:


Save your changes and publish the popup.
Preview and test the popup across different devices and browsers.

By following these instructions, you can seamlessly integrate a video player into your Poper popups, capturing your audience's attention and improving engagement.
    • Related Articles

    • How to add Teaser/Nudges to Popups in Poper?

      Teasers, also known as nudges, are small, non-intrusive popups that encourage users to interact without disrupting their experience. Follow this guide to add and configure teasers in your Poper popups. Steps to Add Teasers/Nudges to Popups Step 1: ...
    • How to Add a Border to Your Popups in Poper

      Customizing your popup with a border can help it stand out on your webpage. Here’s how to add and customize a border for your popup in Poper.ai: 1. Start in the Dashboard: - Log into your Poper.ai account. - Go to the main dashboard and click on "All ...
    • How to Add a Shadow to Your Popups in Poper

      Adding a shadow to your popups can create a sense of depth and make them more visually appealing. Here's a step-by-step guide to add a shadow to your popups in Poper.ai: 1. Open Your Popup List: - Log into your Poper.ai account and access your ...
    • How to Add a Spin Wheel in Poper Popups from Scratch

      While using Spin Wheel templates is recommended for ease, you can also create Spin Wheel popups from scratch in Poper. Follow these steps to set up a Spin Wheel popup. Steps to Add a Spin Wheel in Poper Popups Step 1: Access Your Dashboard Open your ...
    • How to add Custom HTML or embed forms in Poper Popup?

      Elevate your popups with custom HTML elements or seamlessly embed forms to capture valuable data. Here's a step-by-step guide to get you started: How to Add Custom HTML or Embed Forms: Open Popup: Navigate to the Poper editor and open the popup where ...