Flip Box Widget for Elementor

Flip Box Widget for Elementor
FREE

Flip Box Widget for Elementor

Demo
Documentation
Video

A Flip Box widget on your Elementor pages adds a playful interactive hover effect to your website content. This addon will make your users stay longer on your website and interact.

Buy Now
Choose Template
Flip Box with the Team Members
Flip Box with Team Membe...
Flip Box with a Flip Animation
Flip Box with a Flip Ani...
Flip Box with Cities
Flip Box with Cities
Flip Box for Food Types with 3D Text
Flip Box for Food Types
Flip Box for Team Members with Animation
Flip Box for Team Members...
Flip Box for the Portfolio
Flip Box for a Portfolio
Flip Box with a Trigger
Flip Box with a Trigger
Flip Box with a Trigger Button and an Overlay
Flip Box with a Trigger Button...
Loading...
Facebook
X
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

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 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.

Step by Step Tutorial

Learn How It Works?

Learn how to use the Flip Box Widget with this video tutorial. Master each step at your own pace effortlessly.

Flip Box Widget Frequently Asked Questions

What is the Flip Box Widget for Elementor?

The Flip Box Widget for Elementor is a widget available in the Unlimited Elements plugin that lets you create interactive content boxes with a flip animation effect. You can display text, images, and icons on both sides of the box, making it ideal for showcasing features, services, or call-to-action elements in an engaging and unique format.

Is the Flip Box Widget free?

Yes, the Flip Box Widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

How can I install the Flip Box Widget and use it on my Elementor site?

To add the Flip Box Widget to your Elementor site, follow these steps:

  1. Install and activate Unlimited Elements for Elementor.
  2. Go to Unlimited Elements > Widgets in the WordPress Dashboard.
  3. Search for the Flip Box Widget and click "Install."
  4. The widget will now be available in the Elementor editor, ready to be added to any page.
Can I customize the Flip Box animations and effects?

Yes, the Flip Box Widget provides customization options for animations and flipping effects. You can adjust the flip direction, speed, and hover effects, allowing for a unique and engaging design.

Can I add icons, images, and text on both sides of the Flip Box?

Absolutely! The Flip Box Widget allows you to place icons, images, and text on both the front and back sides of the box. This feature is perfect for displaying key information, calls to action, or showcasing services in an interactive format.

Can I use the Flip Box Widget to display call-to-action buttons?

Yes, the Flip Box Widget is ideal for showcasing call-to-action buttons. You can add clickable links or buttons on either side of the box, prompting visitors to engage or explore further content.

Can I apply different flip directions to each Flip Box?

Yes, you can set unique flip directions for each Flip Box. This customization adds visual variety, allowing each box to flip left, right, up, or down, slide, push, swap, fade, zoom in/out and more.

Can I control the flip animation with a click instead of hover?

Yes, you can control the flip animation using a click trigger rather than a hover effect. This option is useful if you want users to interact more directly with the flip box, allowing them to click to reveal additional information on the back side.

Can I add a trigger button to activate the flip animation?

Yes, the Flip Box Widget allows you to add a custom trigger button to control the flip animation. This feature gives users a clear action to click, adding an extra layer of interactivity to the widget.

Is there an option to fade out other cards while hovering over one card?

Yes, the Flip Box Widget provides an option to fade or dim other cards when a user hovers over a specific flip box. This effect highlights the selected card, creating a visually focused experience and drawing attention to the hovered content.