Title: Flip Cards Module For Divi Author: learnhowwp Published: May 20, 2020 Last modified: May 24, 2026 --- Search plugins ![](https://ps.w.org/flip-cards-module-divi/assets/banner-772x250.png?rev=2309073) ![](https://ps.w.org/flip-cards-module-divi/assets/icon-256x256.png?rev=2309073) # Flip Cards Module For Divi By [learnhowwp](https://profiles.wordpress.org/themeythemes/) [Download](https://downloads.wordpress.org/plugin/flip-cards-module-divi.0.9.5.zip) * [Details](https://test.wordpress.org/plugins/flip-cards-module-divi/#description) * [Reviews](https://test.wordpress.org/plugins/flip-cards-module-divi/#reviews) * [Development](https://test.wordpress.org/plugins/flip-cards-module-divi/#developers) [Support](https://wordpress.org/support/plugin/flip-cards-module-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](https://www.learnhowwp.com/divi-flip-cards-plugin) [How to add flip cards in Divi](https://www.learnhowwp.com/add-flip-cards-divi/) **More Free Divi Plugins** * [Divi Contact Form DB](https://wordpress.org/plugins/contact-form-db-divi/) * [Divi Post Carousel Module](https://wordpress.org/plugins/post-carousel-divi/) * [Divi Overlay on Images Module](https://wordpress.org/plugins/overlay-image-divi-module/) * [Divi Breadcrumbs Module](https://wordpress.org/plugins/breadcrumbs-divi-module/) * [Divi Menu Cart](https://wordpress.org/plugins/menu-cart-divi/) * [Divi Breadcrumbs Module](https://wordpress.org/plugins/breadcrumbs-divi-module/) * [Divi Image Carousel](https://wordpress.org/plugins/image-carousel-divi/) ## 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. ### Does this plugin work with Divi 5? No. Flip Cards Module For Divi is built for Divi 4 only and is not compatible with Divi 5 at this time. The module uses the Divi 4 Visual Builder and classic module APIs. If your site is running Divi 5, do not rely on this plugin until a Divi 5- compatible release is available. For Divi 4 sites, use Divi 4.13.1 or higher for the best icon picker compatibility. ## Reviews ![](https://secure.gravatar.com/avatar/f9237aad3a8f95d9bb1b3365535211e80986675f9185b8a09da3eec9cfa651bc? s=60&d=retro&r=g) ### 󠀁[Excelente complemento](https://wordpress.org/support/topic/excelente-complemento-91/)󠁿 [Sandro Rojo](https://profiles.wordpress.org/sandro500/) July 1, 2025 Cumple con su cometido, es muy buen plugin para Divi …. Espero que funcione con la versión Divi 5.0 ![](https://secure.gravatar.com/avatar/92a58780339db99c1a2a2822b8267e2c60e1225dfbc785185fc844571bbbc8b5? s=60&d=retro&r=g) ### 󠀁[Super utile](https://wordpress.org/support/topic/super-utile-5/)󠁿 [toffe25](https://profiles.wordpress.org/toffe25/) March 22, 2025 C’est exactement ce que je cherchais à faire sans y arriver. ![](https://secure.gravatar.com/avatar/0c66f64922e6f887dcc8c961d6236f7d1b7b22fa4208f197c5df9d37c0fb0f24? s=60&d=retro&r=g) ### 󠀁[Just perfect!](https://wordpress.org/support/topic/just-perfect-678/)󠁿 [overtone69](https://profiles.wordpress.org/overtone69/) February 4, 2025 A lot of useful parameters! ![](https://secure.gravatar.com/avatar/e9db3430d549fedbbaf12a01aec21fde9967cd20b86cc0f1e08f8b19ea0012b6? s=60&d=retro&r=g) ### 󠀁[Solved my problem perfectly.](https://wordpress.org/support/topic/solved-my-problem-perfectly/)󠁿 [rwallis54](https://profiles.wordpress.org/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! ![](https://secure.gravatar.com/avatar/d4b04184f83d06a00907c6147528f96d4c18587d0c1e532e9d42671543b41370? s=60&d=retro&r=g) ### 󠀁[Cool](https://wordpress.org/support/topic/cool-1258/)󠁿 [blockiq](https://profiles.wordpress.org/blockiq/) June 29, 2023 It works ![](https://secure.gravatar.com/avatar/dcfee915362927964147cb3a21bd9cfebffd943893ccc3ae173fa4394bc2126b? s=60&d=retro&r=g) ### 󠀁[works as advertised](https://wordpress.org/support/topic/works-as-advertised-871/)󠁿 [tokradmin](https://profiles.wordpress.org/tokradmin/) April 18, 2023 It did what I needed. [ Read all 32 reviews ](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/) ## Contributors & Developers “Flip Cards Module For Divi” is open source software. The following people have contributed to this plugin. Contributors * [ learnhowwp ](https://profiles.wordpress.org/themeythemes/) “Flip Cards Module For Divi” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/flip-cards-module-divi/contributors) for their contributions. [Translate “Flip Cards Module For Divi” into your language.](https://translate.wordpress.org/projects/wp-plugins/flip-cards-module-divi) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/flip-cards-module-divi/), check out the [SVN repository](https://plugins.svn.wordpress.org/flip-cards-module-divi/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/flip-cards-module-divi/) by [RSS](https://plugins.trac.wordpress.org/log/flip-cards-module-divi/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.9.5 * Fixed icons displaying as broken characters on the frontend for Flip Cards modules saved before a recent update. * Fixed Visual Builder error when editing older Flip Cards modules that use icons( iconFontWeight). #### 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. ## Meta * Version **0.9.5** * Last updated **1 month ago** * Active installations **3,000+** * WordPress version ** 5.0 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/flip-cards-module-divi/), [Spanish (Chile)](https://cl.wordpress.org/plugins/flip-cards-module-divi/), and [Spanish (Spain)](https://es.wordpress.org/plugins/flip-cards-module-divi/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/flip-cards-module-divi) * Tags * [divi](https://test.wordpress.org/plugins/tags/divi/)[divi module](https://test.wordpress.org/plugins/tags/divi-module/) [flip box](https://test.wordpress.org/plugins/tags/flip-box/)[flip card](https://test.wordpress.org/plugins/tags/flip-card/) * [Advanced View](https://test.wordpress.org/plugins/flip-cards-module-divi/advanced/) ## Ratings 4.9 out of 5 stars. * [ 31 5-star reviews ](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/flip-cards-module-divi/reviews/) ## Contributors * [ learnhowwp ](https://profiles.wordpress.org/themeythemes/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/flip-cards-module-divi/)