Skip to main content
All CollectionsVideo WidgetsSetting Up and customizing video widgets
How to customize the widget design for video popup
How to customize the widget design for video popup

Change the appearance, play button style, text, and settings.

V
Written by Videowise Support
Updated over a week ago

Customize the look and feel of the video popup. In this section, you are able to customize the following:

  • Appearance

  • Play button

  • Text

  • Settings

Appearance

Step 1. Adjust dimensions

  • Width: Set the width of the widget

  • Height: Set the height of the widget

  • Corner Radius: Define the roundness of the widget's corners by specifying the radius

  • Add Border: Enable or disable a border around the widget.

  • Enhance the widget's depth with a drop shadow: light, medium, hard.

  • Position: Specify the widget's position on the screen: Bottom Left, Bottom Right, Margins.

  • Intro animation: set a delay for the widget to appear after the page loads (e.g., 3 seconds). Choose an animation style for the widget's entrance: left to right, right to left, bottom to top.

You can customize the appearance separately for both desktop and mobile versions, ensuring that it looks and functions optimally on all devices.


โ€‹

Click "Save" everytime you're satisfied with your changes or "discard changes" to revert back to the previous saved state.

Play button

Step 2. Choose between Icon Play Button or Text Button

For Icon Button:

  • Icon style: choose from 4 different button styles

  • Size: small, medium, large

  • Position: center, left bottom, left top

  • Button background: choose a background color to make the button stand out.

  • Border: add a solid border around the button.

For Text button:

  • Text style: Input the text to be displayed on the button (e.g., "Play", "Start", "Watch Now").

  • Size: add your px.

  • Position: center, left bottom, left top

  • Button background: choose a background color to make the button stand out.

  • Border: add a solid border around the button.

You can customize the play button separately for both desktop and mobile versions, ensuring that the button looks and functions optimally on all devices.

Click "Save" everytime you're satisfied with your changes or "discard changes" to revert back to the previous saved state.

Text

Step 3. Enable text on top of a widget: Add Text, Size in px, Font (Regular, Bold), and color

Settings

Step 4. Customize various aspects of the widget's behavior and appearance.

Choose Close Button type:

  • Close Button ("x"): close the widget completely.

  • Minimize Button ("-"): minimize the widget, keeping it available for later use without fully closing it.

Enable or disable the video autoplay.

Video Player Type: choose between a full screen video player and a mini video player.

  • Full Screen Video Player: The video player will expand to cover the entire screen, providing an immersive viewing experience.

  • Mini Video Player: The video player will remain in a smaller, more compact size, allowing users to interact with other parts of the page while watching the video.

Enable Button for Permanently Closed: when clicked by a shopper to close the video pop-up, will ensure that the pop-up does not reappear for a certain period of time upon the shopper's return to the page.

Enable "Hide Widget on Scrolling Down": the widget will automatically hide once the user starts scrolling down the page. It will remain hidden even if the user scrolls back up.

Didn't find what you were looking for?

Contact your CSM or get in touch with our support team in chat or by email.

Did this answer your question?