=== Flipbox Addon for Elementor ===

Contributors: dragwyb
Tags: flipbox, flip box, flip boxes, elementor flipbox, flip box widget
Plugin URI: https://dragwyb.com/flipbox-all-styles-demos/?utm_source=wpplugin&utm_medium=plugin_uri&utm_campaign=flipbox_demo
Author URI: https://dragwyb.com/?utm_source=wpplugin&utm_medium=author_uri&utm_campaign=flipbox_demo
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.0
Stable tag: 2.1.3
License: GPL2
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Flip Boxes for Elementor – animated, 3D, responsive flip box widgets for posts, custom post types, portfolios, and product showcases.

== Description ==

The **Flipbox Addon for Elementor** is the easiest way to design modern, animated **flip boxes** (also called **flip cards** or **content flip boxes**) directly inside Elementor.

Flip boxes allow you to show content on the front side, then flip to reveal more details on the back. This makes them ideal for **feature highlights, services, blog posts, portfolios, WooCommerce products, and storytelling layouts**.

With this addon, you can add unlimited **flip boxes** with **12 animation styles, 4 preset templates, responsive layouts, gradients, overlays, and 3D effects** – all without writing code.

== Live Demo ==

Explore live examples of the **Flipbox Addon for Elementor** in action:

🔗 [Flipbox Demo Page](https://dragwyb.com/flipbox-all-styles-demos/?utm_source=wpplugin&utm_medium=readme&utm_campaign=flipbox_demo)

👉 **Check out our other plugin:** [Click To Chat](https://wordpress.org/plugins/dragwyb-click-to-chat/) – The easiest way to let your customers connect with you via WhatsApp and other chat platforms.

### 🎯 Widget Highlights (Flip Box Widgets Included)

- 🔄 **Post Flipbox Widget**: Display dynamic content like blog posts, custom post types, or WooCommerce products inside animated flip boxes.
- 📖 **Story Flipbox Widget**: Create interactive storytelling with multiple flip boxes in a single section – perfect for portfolios, galleries, timelines, or product showcases.
- 🧩 **Basic Flipbox Widget**: Easily add a single **flip box card** with title, description, and icon – great for services, callouts, and promotions.

Each flip box widget comes with:
- ✅ **12 Flip Animations**: Flip, Flip Classic, Diagonal Flip, Cube, Fold, Door, Fade, Zoom, Slide, Skew, Fill Reveal, Curtain
- 🎨 **4 Pre-designed Presets**: Default, Simple, Bold, Clean
- 🔧 **Extensive Styling Options**: Backgrounds, gradients, overlays, borders, icons, 3D depth, and more
- 📱 **Responsive Layouts**: Horizontal carousels, vertical grids, and fully mobile-ready design

Quickly build engaging flip box content blocks that grab attention – no coding required.

== Key Features ==

- **3 Unique Flipbox Widgets**: Post Flipbox, Story Flipbox, and Basic Flipbox Widgets.
- **Horizontal & Vertical Layouts**: Display flip boxes in sliders or grid-based formats.
- **12 Built-in Animation Effects**: Flip, Flip Classic, Diagonal Flip, Cube, Fold, Door, Fade, Zoom, Slide, Skew, Fill Reveal, Curtain.
- **4 Ready-to-use Preset Styles**: Default, Simple, Bold, Clean.
- **Custom Content Display**: Add images, titles, icons, descriptions, and buttons.
- **3D Animation & Flip Direction**: Control depth, flip direction (left, right, top, bottom), and duration.
- **Customizable Interactions**: Choose between hover or click-based flip triggers.
- **Responsive & Touch Friendly**: Seamless performance across devices.
- **Lightweight & Optimized Code**: Built for speed and performance.
- **Developer Friendly**: Clean code structure and hooks for extensibility.

👉 [View Live Demo](https://dragwyb.com/flipbox-all-styles-demos/?utm_source=wpplugin&utm_medium=readme&utm_campaign=flipbox_demo)

== Installation ==

**From WordPress Plugin Directory:**

1. Go to your WordPress dashboard → **Plugins** → **Add New**
2. Search for **Flipbox Addon for Elementor**
3. Click **Install Now**
4. Activate the plugin after installation

**Manual Upload:**

1. Download the latest ZIP file
2. Go to **Plugins** → **Add New** → **Upload Plugin**
3. Upload the ZIP file and click **Install Now**
4. Activate the plugin

---

== Screenshots ==

1. Overview of all Flipbox Widgets
2. Story Flipbox Demo – Multiple flip boxes in a horizontal layout
3. Post Flipbox Demo – Blog posts with dynamic content
4. Basic Flipbox Demo – A single promotional flip box
5. Animation Preview – Flip, Zoom, Slide, Curtain effects

---

== Frequently Asked Questions ==

= Is this plugin free? =
Yes, the **Flipbox Addon for Elementor** is completely free to use.

= Do I need Elementor to use this plugin? =
Yes, this plugin requires the Elementor page builder to function properly.

= What is a Flip Box? =
A **flip box** (or flip card) is an animated box that flips on hover or click to reveal hidden content on the back.

= Can I use text or images instead of an icon in a flip box? =
Yes, you can replace the icon with either text or an image.

= Can I disable or enable the title on the front and back sides? =
Yes, you can choose to show or hide the title on both the front and back sides of the flip box.

= Can I use Click or Hover to trigger the flip? =
Yes, you can choose between Click or Hover interaction to trigger the flip.

= Can I change the animation transition duration? =
Yes, the flip box animation timing and transition duration are fully customizable.

= Can I use a background image or gradient instead of a solid color? =
Yes, you can add a background image, gradient, or overlay on both sides of the flip box.

= Can I fully customize the flip box? =
Absolutely! The flip box is fully customizable. You can:
- Show or hide the title, description, icon, and button (front and back)
- Add links and style buttons
- Customize the title tags (H1-H6)
- Style borders, backgrounds, icons, spacing, and overlays
- Choose between Click or Hover interaction to trigger the flip
- Change animation direction and type (Flip, Slide, Fade, Zoom, Curtain)
- Enable 3D flip depth control
- Start designing faster with 4 pre-built templates (Default, Simple, Bold, Clean)

= Can I create flip boxes in a vertical grid or horizontal carousel layout? =
Yes, vertical grid and horizontal carousel layouts are supported. Horizontal layouts are available in the Post Flipbox and Story Flipbox widgets.

= What animation styles are available? =
You can choose from 12 animation styles: Flip, Flip Classic, Diagonal Flip, Cube, Fold, Door, Fade, Zoom, Slide, Skew, Fill Reveal, Curtain.

= What is the difference between the three flip box widgets? =
- **Basic Flipbox Widget**: For single, simple flip boxes with minimal content.
- **Post Flipbox Widget**: Displays dynamic blog posts or custom content.
- **Story Flipbox Widget**: Lets you add multiple flip boxes in one widget for storytelling or product showcases.

= Can I use a flip box as a static card? =
Yes, by disabling the back side, you can use the widget as a static card.

---

== Changelog ==

**2.1.3 | 02 May 2026**

* Fixed: Click event not working. 

**2.1.2 | 14 April 2026**

* Improved: Enhanced button link & button attributes sanitization.

**2.1.1 | 13 April 2026**

* Fixed: Fixed title & description width issue.
* Fixed: Cube animation overflow issue.

**2.1.0 | 11 April 2026**

* Added: New animation styles: Flip Classic, Diagonal Flip, Cube, Fold, Door, Skew and Fill Reveal
* Added: Width control for title and description.
* Added: Static Front Side setting (If enabled, the front side will remain static while the back side animates over it).
* Added: Custom Icon option, Size and Color control for Navigation Arrows and Pagination in Horizontal Flipbox.
* Tested up to: Elementor 4.0.1 & Elementor Pro 4.0.1

**2.0.8 | 25 February 2026**

* Fixed: Slide animation slide issue on editor.

**2.0.7 | 15 February 2026**

* Fixed: PCP plugin reported errors.
* Fixed: Preset style setting not workings.

**2.0.6 | 13 December 2025**

* Tested up to: Elementor 3.33.4 & Elementor Pro 3.33.2
* Tested up to: WordPress 6.9

**2.0.5 | 16 September 2025**

* Tested up to: Elementor 3.32.1 & Elementor Pro 3.32.0

**2.0.4 | 16 August 2025**

* Tested up to: Elementor 3.31.2 & Elementor Pro 3.31.2

**2.0.3 | 17 June 2025**

* Added: Click or Hover-based flip box trigger option
* Added: Review notice in Elementor editor

**2.0.2 | 06 April 2025**

* Fixed: Flipbox widget not loading in Elementor editor

**2.0.1 | 30 March 2025**

* Added: Background image overlay option in Basic & Post Flipbox widgets
* Improved: Plugin name updated to "Flipbox Addon for Elementor"
* Improved: Feedback and review prompt
* Tested up to: WordPress 6.7.2, Elementor 3.28.1

**2.0.0 | 10 March 2025**

* Added: Post Flipbox Widget
* Added: Story Flipbox Widget
* Added: Basic Flipbox Widget
* Added: Background gradients, image overlays
* Added: Border radius and icon styling
* Added: 3D animation control, flip direction setting
* Improved: UI and preset style clarity
* Improved: Simplified element positioning controls

**1.0.6 | 21 December 2024**

* Fixed: JavaScript error in horizontal swiper
* Fixed: Styling issues with new Elementor version

**1.0.5 | 08 November 2024**

* Improved: Security enhancements

**1.0.4 | 05 November 2024**

* Improved: Code security and validation

**1.0.3 | 13 October 2024**

* Added: Review prompt and feedback form

**1.0.2 | 07 October 2024**

* Added: New preset styles
* Added: Curtain animation
* Improved: Transition logic and timing

**1.0.1 | 05 October 2024**

* Added: Horizontal layout support
* Added: Slider gap and per-view control
* Fixed: Textdomain issue
* Improved: Default styling and animations

**1.0.0 | 02 October 2024**

* Initial release

---

== Recommended Plugins ==

If you find this plugin helpful, you might also like our other tools:

* 💬 **[Click To Chat](https://wordpress.org/plugins/dragwyb-click-to-chat/)** – Connect with your website visitors instantly through WhatsApp, Telegram, and other chat platforms.

== Acknowledgements ==

Thanks to the Elementor team for their exceptional builder and to the WordPress community for continued inspiration and support.

== License ==

This plugin is licensed under the GPL2 license. See the LICENSE file for more details.