=== 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: 7.0 Requires PHP: 6.0 Stable tag: 2.1.5 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.5 | 14 June 2026** * Fixed: Review notice formatting and HTML tag rendering. * Tested up to: Elementor 4.1.3 & Elementor Pro 4.1.1 **2.1.4 | 24 May 2026** * Fixed: PHP warning in Flipbox story widget. * Tested up to: Elementor 4.0.9 & Elementor Pro 4.0.4 * Tested up to: WordPress 7.0 **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.