SP Page Builder gets the Flip Box addon that lets you place interactive box-shaped elements on web pages. These boxes animate with several flipping effects on mouse hover. The addon is perfect for those who want some modern and lively content on their websites.

How to Add a Flip Box Addon

When you click on the Flip Box addon, the addon settings panel will open up. You can add a Flip Box addon to your page from the SP Page Builder sidebar. Simply drag the addon from the Addons panel and drop it on the section of the page where you want to add a Flip Box addon.

Flip Box Settings

You can access the addon settings and customize the addon to fit your needs. The Flip Box addon settings come with three different tabs: 

• Front
• Back
• Options

Front

The Front Settings let you change the color and look of the front of your flip box easily. The Front Settings come with the following options:

• Flip Front Text: Add the texts that you want to display on the front side of your flip box.
• Background: Change your flip box’s background color using the background color option.
• Text: Change the color of the text that you have added to your flip box.
• Image: Change the image of the flip box. Simply upload your preferred image from the SP Page Builder’s Media Manager.
• Alignment: Choose how you want to align your flip box’s text from the available options of Right, Middle, and Left.

Back

The Back Settings let you change the color and look of the back of your flip box easily. The Back Settings come with the following options:

• Flip Back Text: Add the texts that you want to display on the back of your flip box.
• Background: Change your flip box’s background color using the background color option.
• Text: Change the color of the text that you have added to your flip box.
• Image: Change the image of the flip box. Simply upload your preferred image from the SP Page Builder’s Media Manager.

Options

The Options give you access to the functionality settings of your flip box addon.

• Flip Behavior: Choose how you want your box to flip. You choose between the option of Flip on Hover (the box flips when hovered over) or Flip on Click (the box flips when clicked).
• Flip Style: Choose from a range of built-in flipping styles consisting of Rotate, Slide, Fade, and 3D styles.
• Flip Direction: You can also choose the flip direction to fit your needs. Choose from the 4 available options on from Y-axis, Bottom, From X-axis, and Right.
• Flip Box Height: This option lets you set the vertical height of your Flip Box addon.