Video Elements

How to Add Video Popup in Bricks Builder Using BricksFly

Estimated reading: 2 minutes 7 views

Video Popup Element allows you to add an interactive video button to your Bricks Builder page. When clicked, the selected video opens in a popup, while the button appearance and animation effects can be customized as needed.

Requirement 

Make sure you have installed:

  • Bricks Theme 
  • BricksFly Pro
Add bricks theme
Adding bricksfly pro

Activate Video Popup in BricksFly

  1. Go to your WordPress Dashboard. 
  2. Click on BricksFly. 
  3. Head to the Elements tab. 
  4. Under Video, toggle On Video Popup.
Activate video popup

Step 1: Customize the Video Popup Button

Video pop up button configuration

Button Text: Sets the text displayed on the video popup button, such as Play Video or Watch Now. In this example, no button text is included, but you can add suitable text as needed.

Icon: Selects the icon displayed inside or beside the button text. For this example, a Play button icon is added.

Icon Size: Controls the width and height of the button icon. For this example, the icon size is set to 32. You can change it to any value that suits your design.

Icon Spacing: Adjusts the space between the icon and the button text. By default, it is set to Normal, but you can select a different option based on your layout.

Active Ripple: Enables or disables the animated ripple effect around the video button to draw visitors’ attention. For this example, the setting is disabled, but you can enable it if needed.

Active Spinner: Enables or disables a rotating animation around the video button. In this example, Active Spinner is enabled.

Spinner Image: Allows you to upload or select the image used for the rotating spinner effect. In this example, an image URL is added to display a custom spinner image.

Spinner image link

Alignment: Controls the horizontal position of the video button, such as left, center, or right. For this example, Center is selected.

Step 2: Add the Video

Video Link: Sets the URL of the video that opens in the popup when visitors click the button. Add a supported video link, such as a YouTube or Vimeo URL. For this example, no video link is added, but you can enter any valid video URL.

Video link add option

Final Result

Share this Doc

How to Add Video Popup in Bricks Builder Using BricksFly

Or copy link

CONTENTS