flip-box-widget
FREE

Elementor Widgets  /  Creative  /  Flip Box

Flip Box Widget for Elementor

Earn attention from your website visitors by adding a Flip Box widget to your Elementor pages which adds a playful interactive hover effect  to your website content. This addon will make your users stay longer on your website and interact.

Layout

Displays Tailored to Your Vision

Effortlessly control your flip box layout with on/off toggles for each element, enabling you to customize the presentation of features like fade overlay, icons, titles, and buttons based on your design preferences and optimization.

Trigger

User-Friendly Interactive Trigger

The Flip Box Trigger feature offers users multiple interaction options, including hover, mouse click, and a trigger button. This provides greater flexibility for users engaging with content on your website, enhancing the overall user experience.

Flip Box Effects

Interactive Animated Flip Boxes for Impact

Select from a variety of interactive effects for your Flip Box, including Flip, Flip Alternate, Slide, Push, Swap, Fade, Zoom In, Zoom Out, and Zoom In/Out. Customize your Flip Box visual experience with these versatile effects to engage your audience in different ways.

Overlay

Enhancing User Focus and Engagement

Activate an overlay on the screen while the flip box is in use to direct users’ attention to important information, ensuring key details are highlighted effectively.

Design

Fine-Tune Your Flip Box Style

Tailor the colors to seamlessly integrate with your site’s aesthetic. Personalize text, icons, fonts, and layout, ensuring the flip box not only complements your design but also functions precisely as per your preferences.

Flip Box Widget Demo

Interactively showcase your content.

Widget Overview

On the front side pane, the widget looks like a regular content box, but when the visitor hovers over the widget it displays the back side with a a awesome transition effect which can contain a call to action button.

Diana Brown
Graphic Designer
"Design is thinking made visual."
Leo Goodman
Developer
"Good written code is poetry for the soul."

Flip Box Demo

Deliver messages in a beautiful way with flip animations.

Flip Left
Nulla non urna mollis, condimentum orci sagittis, eleifend nunc.
Flip Up
Nulla non urna mollis, condimentum orci sagittis, eleifend nunc.
Flip Right
Nulla non urna mollis, condimentum orci sagittis, eleifend nunc.

Full Control

Customize both sides of a flip box with custom title, description and styles.

Tokyo
Japan
Paris
France
Hong Kong
China
Seoul
South Korea

Unlimited Flip Boxes

Customize a flip box look and feel with custom colors & assets.

Soft Drinks
Natural Flavors
Soft drinks may be served cold, over ice cubes, or at room temperature.
Tasty Desserts
Natural Flavors
Soft drinks may be served cold, over ice cubes, or at room temperature.
Quick Snacks
Natural Flavors
A small portion of food generally eaten between meals.

Animated & Responsive

Flip boxes have fully customizable content on the front and back side.

Jessica Lamps
UI/UX Designer
Soft drinks may be served cold, over ice cubes, or at room temperature.
Brian Moore
Content Writer
Soft drinks may be served cold, over ice cubes, or at room temperature.
David Brown
PHP Developer
Soft drinks may be served cold, over ice cubes, or at room temperature.

Animated Flip Boxes Grab Your Viewer’s Attention

Flip boxes allow you to control the color of the backgrounds, title text, body text, icons, icon circles and borders.

Alek Kalinowski
@alekversusworld
Nulla non urna mollis, condimentum orci sagittis, eleifend nunc.
Brian McGowan
@sushioutlaw
Nulla non urna mollis, condimentum orci sagittis, eleifend nunc.
Kyle Cottrell
@kcottrell
Nulla non urna mollis, condimentum orci sagittis, eleifend nunc.

Flip Box Animation Types

Flip boxes have fully customizable animations.

Flip Left
Fill 1Created with Sketch.
Flip Right
Fill 1Created with Sketch.
Flip Up
Fill 1Created with Sketch.
Flip Down
Fill 1Created with Sketch.
Flip Alternative Left
Fill 1Created with Sketch.
Flip Alternative Right
Fill 1Created with Sketch.
Flip Alternative Up
Fill 1Created with Sketch.
Flip Alternative Down
Fill 1Created with Sketch.
Slide Left
Fill 1Created with Sketch.
Slide Right
Fill 1Created with Sketch.
Slide Up
Fill 1Created with Sketch.
Slide Down
Fill 1Created with Sketch.
Push Left
Fill 1Created with Sketch.
Push Right
Fill 1Created with Sketch.
Push Up
Fill 1Created with Sketch.
Push Down
Fill 1Created with Sketch.
Swap Left
Fill 1Created with Sketch.
Swap Right
Fill 1Created with Sketch.
Swap Up
Fill 1Created with Sketch.
Swap Down
Fill 1Created with Sketch.
Fade
Fill 1Created with Sketch.
Zoom In
Fill 1Created with Sketch.
Zoom Out
Fill 1Created with Sketch.
Zoom In/Out
Fill 1Created with Sketch.

Flip Box Trigger

Trigger the flip box with a hover or click

Shopping Cart
Click Me
Payment Method
Click Me
User Settings
Click Me
Coupon Code
Click Me
Fill 1Created with Sketch.
Design is how it works.
Steve Jobs, co-founder of Apple, Inc.
Steve Jobs

Your time is limited, don't waste it living someone else's life.

Background Overlay With Trigger Button

Use the trigger button to let users know that your flip box can be clicked on. Add a background overlay to make your message stand out.