We’re with you! We're offering 25% Discount Coupon Code: ENJOY25 Buy Now

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

This is Roy and I produce content, Video, Documentation for Master Addons plugin User. Keeping you update through posts, videos is my duty. Also, I provide support for any users to solve their problems.

Get Elementor Pro

convinced enough to purchase

Download Now and Speed up your design skill

Still confused? Try 14 days Free Tiral before Purchase. Don't hesitate, we offer hassle free 30-day money-back guarantee.

Subscribe to our Newsletter

Share via
Share this

Master Addons Demos

Heading

Animated Headlines
Dual Heading
Gradient Headline

Image

Image Hover Effects
Image Hotspot
Filterable Image Gallery
Image Comparison
Gallery Slider
Advanced Image

Content

Advanced Accordion
Tabs
Toggle Content
Team Member
Team Slider
Infobox
Flipbox
Blog
Timeline
Business Hours
Pricing Table
Restrict Content
Dynamic Table

Special Elements

Call to Action
Tooltip
Progress Bar
Progress Bars
Creative Button
Creative Links
News Ticker
Table of Contents
Current Time
Domain Search
Nav Menu
Search
Blockquote
Counter Up
Countdown Timer

Extensions

Particles
Animated Gradient BG
Reading Progress Bar
Background Slider
Custom CSS
Custom JS
Positioning
Container Extras
Mega Menu
Entrance Animation
Transforms
Rellax
Reveal
Header,Footer,Comment
Display Conditions
Dynamic Tags
Floating Effects
Custom Breakpoints
Post/Page Duplicator
Wrapper Link

Contact Form

Contact Form 7
Ninja Form
WP Forms
Gravity Forms
Caldera Forms
weForms