The Flip Box is a user interface module commonly used in web design and development. It provides an interactive “before and after” effect to make content more engaging and visually appealing.
Typically, a flip box consists of two sides or panels, often referred to as the front and back. The front side usually displays a teaser or summary of the content, while the back side reveals the full or expanded content.
Flip Box Module in UABB
The main purpose of the flip box module is to add interactivity and enhance the user experience. It can be used to showcase product comparisons, image galleries, pricing tables, portfolio items, and other types of content where a side-by-side comparison or revealing effect is desired.
How to add the Flip Box module
This module requires Ultimate Addons for Beaver Builder installed and activated on your WordPress website.
- Go to Ultimate Addons for Beaver Builder modules library
- Search in the search bar for “Flip Box”
- Drag and drop the “Flip Box” module to any page.
Flip Box Front Settings
- Image Type: Choose or Upload any custom icon or image to display on the front panel of the flip box.
- Title on Front: Type the title for the front panel of the flip box.
- Description: Type description to display on the front panel of the flip box.
- Front Styles: Set the background color or image
- Border: Set the border radius of the flip box.
Flip Box Back Settings
- Image Type: Choose or Upload any custom icon or image to display on the back panel of the flip box.
- Title on Back: Type the title for the back panel of the flip box.
- Description: Type description to display on the back panel of the flip box.
- Front Styles: Set the background color or image
- Border: Set the border radius of the flip box.
- Button: Show/ hide button