Popup Builder and Interactions in Bricks Builder

In this video, Thomas from Bricks introduces viewers to two new features introduced in version 1.6: the Pop-up Builder and Interactions in Bricks. He demonstrates how these features work together and provides examples of their functionalities.

Thomas begins by explaining the purpose of pop-ups and their connection to the Pop-up Builder. He showcases a pre-made pop-up template and then proceeds to create a new pop-up from scratch. He emphasizes the importance of triggers for pop-ups and demonstrates how to set up basic interactions to control when a pop-up appears and how to close it.

Next, Thomas delves into the design aspect of pop-ups, showing how to customize their appearance using the Pop-up Builder interface. He covers settings such as pop-up width, background color, and box shadow, providing options for customization.

Thomas also demonstrates how to add a close button to the pop-up template and set up interactions for it, allowing users to close the pop-up explicitly. He explains the significance of setting cursor styles for close buttons to enhance user experience.

Moreover, Thomas explores advanced features such as element conditions and pop-up limits. He shows how element conditions can be used to render pop-ups based on specific criteria, such as user login status. Additionally, he demonstrates how to set a limit on the number of times a pop-up can be shown per page load.

Throughout the video, Thomas provides clear instructions and demonstrates each step using the Bricks interface. He encourages viewers to explore the Bricks Academy articles for more in-depth guidance on using the Pop-up Builder and Interactions features.

Related posts

Bricks – Menu Builder

In the video, the new Menu Builder available in Bricks 1.8 is introduced, consisting of five new elements designed to create customizable, responsive, and accessible navigation menus. These elements include…

View post

Using Scroll Snap in Bricks Builder

The video introduces the scroll snapping feature in Bricks by comparing it to the functionality seen on popular websites like warespoland.com and tesla.com. It demonstrates how to implement scroll snapping…

View post

Echo Tag & ChatGPT Guide for Bricks Builder

The video explains a process for developing custom PHP code in Bricks to display the total number of WooCommerce orders for each logged-in user. It emphasizes the importance of understanding…

View post