fbpx

Elementor FlipBox Widget For WordPress

Elementor FlipBox

Introducing Elementor FlipBox widget in this post. Flip Box helps to showcase some main key points of your service or product inside a webpage. It’s not available in Free Elementor version. Using Master Addons plugin you able to create awesome flip box in WordPress website.

Before jump into the tutorial section, let’s have a look 3 different flip box demo in one column. To check more demo and download free master addons plugin click on the following link.

Master Addons Flip Box

Add some nice text here.

Adding Flipbox in WordPress

Add Flipbox in your Webpage using Master Addons Flipbox Element. Just drag and Element in your page editor and customize the content.

Master Addons Flip Box

Add some nice text here.

Adding Flipbox in WordPress

Add Flipbox in your Webpage using Master Addons Flipbox Element. Just drag and Element in your page editor and customize the content.

Master Addons Flip Box

Add some nice text here.

Adding Flipbox in WordPress

Add Flipbox in your Webpage using Master Addons Flipbox Element. Just drag and customize it.

In this post I’m going to create a 3 column section and will insert one flipbox inside first column. Following the same way you able to create as much flip box as you prefer for your website.

Just drag and element and you will see the default flipbox which is ready for you to customize.

FlipBox Widget For Elementor

There are Content and Style option available. Inside the content area you able to see Front Box, BackBox, and Action Button.

Elementor FlipBox Content

Front Box: Select a perfect icon, type Title, Select HTML Tag for the Title, And finally select the position where you prefer to place the text and icon. That’s all about the front box option.

Back Box: There are the same options available like front box, but as extra, you will get to write a description in the backbox.

Action Button: Type the button content and paste your Link here. Click on the link option (setting icon) and select if you want to set the link as nofollow and open this in a new tab.

Elementor Flipbox widget

Now let’s navigate to the style area to customize the color and typo. 

In style area there are 4 options available. General, Front Box, Back Box, and Action Button.

Elementor FlipBox Style

General Option: This is the main panel to create different types of flip box. You can select design variation, animation style, Border, Border radius, and flip box height.

Front & Back Box: The function of front and back box is pretty similar. Define background type, color, typography, icon color & size from these two options.

Action Button: Arrange text color, typography, BG color, Border, Border Radius for your back box button.

Elementor Flipbox widget style

That’s all about how to add elementor flipbox widget for WordPress websites. It’s not possible to showcase each flipbox effect inside one post. Feel free to play with all of the elementor flipbox effects yourself.

Posted in News Room