Flip Cards Module For Divi

Description

This plugin adds a Flip Cards module to the Divi Builder. Once activated, the Flip Cards module appears in your module list, allowing you to create engaging flip cards anywhere in your Divi layouts. Customize the flip animation with four directional options—Up, Down, Left, or Right and enhance the visual experience with a 3D flip effect that gives text a floating appearance above the background. The plugin is fully compatible with the Visual Builder and offers extensive customization options for both the front and back of the cards.

In addition to text and image customization, the plugin enables you to add a button on the backside of the flip card, making it interactive and functional. Adjust icons, fonts, and background colors to match your site’s design, and fine-tune the animation’s duration and easing for a smooth, captivating effect. Tailor every aspect of the flip cards to create a more personalized and engaging user experience.

Features

• Flip Direction: Choose from various flip directions—up, down, left, or right—to control how the flip card rotates.
• Icon and Image Options:: Choose between displaying an icon or an image on both the front and back of the flip cards.
• 3D Flip Effect: Enable a 3D effect that makes text appear to float above the background during the flip animation, adding depth.
• Customizable Text: Easily set different titles and body text for the front and back sides of the flip cards.
• Icon Customization: Adjust the icon’s font size and color to match your site’s design.
• Font Customization: Customize the fonts for different elements of the flip cards. You can set distinct fonts for the front of the flip card and the back of the flip card for a highly personalized appearance.
• Button Customization: Add a call-to-action button to the backside of your flip cards. This feature allows you to set custom text and link for the button. You can also style the button to match your site’s design.
• Animation Customization: Customize the duration, and easing for smooth and engaging flip card animations.
• Background Customization: Customize the background color for the front and the back sides of the flip cards.

Useful Links for the Plugin

Divi Flip Cards Demo
How to add flip cards in Divi

More Free Divi Plugins

• Divi Contact Form DB
• Divi Post Carousel Module
• Divi Overlay on Images Module
• Divi Breadcrumbs Module
• Divi Menu Cart
• Divi Breadcrumbs Module
• Divi Image Carousel

Screenshots

FAQ

Where can I access the module?

After you activate the plugin a module should automatically appear in the module list. The name of the module is Flip Cards.

Reviews

Solved my problem perfectly.

rwallis54 August 21, 2024

My flipbox need was fairly basic, just an image on each side of the card. Started with a different plugin, but could never get the spacing to work, especially in mobile views. I spent hours trying to find a solution or alternate. This one worked out of the box, and needed no adjustment other than removing padding. Update: I had one issue with errors displaying on Android device browsers, and the plugin author gave me very prompt and successful assistance. Thank you!

Cool

blockiq June 29, 2023

It works

works as advertised

tokradmin April 18, 2023

It did what I needed.

flip cards

zivcho001 February 3, 2023

Nice plugin

LOVE this module!

lonewolfmedia January 12, 2023

I downloaded this after searching everywhere for a solution and failed at building my own. Its fantastic out of the box! My only feedback would be to update the module to allow the entire front of the flip card to be a photo.

Fab

justforests November 4, 2022

Fab – works beautifully – thank you very much.

Contributors & Developers

Changelog

0.9.4.2

• Fixed warning: optional parameter declared before required parameter.
• Declared icon property to avoid dynamic property creation, which is deprecated.

0.9.4.1

• Fixed new icons added in Divi 4.13 not working when selected in the icon selector

0.9.4

• Fixed issue with border options not working.
• Fixed issue with back icon size not working in the Visual Builder.
• Fixed issue with cards not resizing when images are used in the cards.
• Added links on plugin page
• Added a rating notice

0.9.3

• Added option for 3D effect.
• Added advanced css options.
• Flip card now updates height on browser resize on front end.
• Removed extra around the image in VB.

0.9.2.1

• Fixed shortcodes not working in the body of the cards.

0.9.2

• Added option to add a button on the back body of the flip card.
• Fixed animation speed not working in the Visual Builder.

0.9.1

• Fixed issue with html showing in the body area in the Visual Builder.
• Added option for animation duration and animation timing function.