Title: Cool Flipbox &#8211; Shortcode &amp; Gutenberg Block
Author: CoolHappy
Published: <strong>November 17, 2017</strong>
Last modified: February 20, 2026

---

Search plugins

![](https://ps.w.org/flip-boxes/assets/banner-772x250.png?rev=3400421)

![](https://ps.w.org/flip-boxes/assets/icon-256x256.png?rev=3277131)

# Cool Flipbox – Shortcode & Gutenberg Block

 By [CoolHappy](https://profiles.wordpress.org/narinder-singh/)

[Download](https://downloads.wordpress.org/plugin/flip-boxes.2.0.0.zip)

 * [Details](https://pcd.wordpress.org/plugins/flip-boxes/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/flip-boxes/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/flip-boxes/#installation)
 * [Development](https://pcd.wordpress.org/plugins/flip-boxes/#developers)

 [Support](https://wordpress.org/support/plugin/flip-boxes/)

## Description

**[Cool Flipbox](https://coolplugins.net/product/flipboxes/?utm_source=cfb_plugin&utm_medium=readme&utm_campaign=view_plugin&utm_content=top_description)**
is a simple yet powerful plugin that lets you display content in an interactive **“
flip”** style. Visitors can hover or click on a box to flip it and reveal hidden
details.

Whether it’s displaying your **team members, staff, employees**, or any other **
content box**, **Cool Flipbox** is the ideal tool for creating engaging Info Boxes
on your site.

### Key Features

 * **Customizable Design**: You can style flip boxes to perfectly match your website.
   Change background colors, text colors, and fonts.
 * **Add Icons and Images**: Easily insert Font Awesome icons, upload images, or
   include buttons to make your flip boxes more informative and visually appealing.
   For example, use an icon for a service or a profile photo for a team member.
 * **Two-Sided Content**: Each flip box has a front and a back. You can customize
   both sides with different titles, descriptions, and styles. Use the front for
   short highlights and the back for detailed information.
 * **Flexible Layout Options**: Choose how many flip boxes you want to show in a
   row by setting the number of columns. You can also reorder boxes anytime, making
   it easy to arrange your content exactly as you want.
 * **Unlimited Flipboxes**: There’s no limit on how many flip boxes you can create.
   Whether you need a few to showcase services or a whole grid for team members,
   the plugin can handle it.
 * **Clickable Links**: Add links to your flip boxes so users can click through 
   other pages, services, or external websites for more details.
 * **Easy to Use with Gutenberg & Shortcodes**: The plugin comes with a Gutenberg
   block for drag-and-drop editing. If you prefer, you can also use a shortcode 
   to place flip boxes anywhere on your site.

### Check our other cool plugins

 * **[Cool FormKit For Elementor Forms](https://coolplugins.net/cool-formkit-for-elementor-forms/?utm_source=cfb_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=cfkef_check_out)**:
   Add advanced fields and features to your Elementor form widget, like conditional
   fields, range sliders, country code, and more.
 * **[Automatic Translate Addon for Loco Translate](https://locoaddon.com/?utm_source=cfb_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=atlt_check_out)**:
   It is a powerful addon that enhances the functionality of the Loco Translate 
   plugin by enabling the automatic translation of WordPress themes and plugins.
   This addon connects with sources like Google, Yandex, DeepL, or AI-powered sources
   like ChatGPT, Gemini AI and Chrome AI to provide instant and automated translations.
 * **[AutoPoly – AI Translation For Polylang](https://coolplugins.net/product/automatic-translations-for-polylang/?utm_source=cfb_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=atfp_check_out)**:
   This addon duplicates your page or post titles, content, images, galleries, or
   meta fields, and automatically translates them into the selected language. Whether
   you’re using Elementor or Gutenberg, this addon makes the translation process
   easier.
 * **[Timeline Widget For Elementor](https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=cfb_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=twae_check_out)**:
   Showcase your company history, product roadmap, and personal journey in vertical&
   horizontal layout directly inside Elementor.

**Use of 3rd Party Services:** This plugin connects to the Cool Plugins feedback
server only for optional usage data sharing and voluntary feedback submission (for
example, during plugin deactivation). Data is transmitted solely after explicit 
user consent. No hidden tracking is performed, and no frontend visitor or site user
data is collected. For more details, please review our [Data Usage Policy](https://my.coolplugins.net/terms/usage-tracking/),
[TOS](https://my.coolplugins.net/terms/), and [Privacy Policy](https://my.coolplugins.net/terms/privacy-policy/).

## Screenshots

 * [[
 * Flipbox Overview.
 * [[
 * Add Flipbox.
 * [[
 * Flipbox Settings.
 * [[
 * Flipbox Shortcode Generator.

## Installation

### There are 3 ways to install Flip Boxes inside your WordPress website.

 * **Automatically install our plugin via WordPress admin panel**:-
    - Open your WordPress website admin panel and go to Plugins > Click Add New &
      search ‘**Flip Boxes**.
    - Here you will find our plugin. Now click on the install button > After this,
      activate it to use Flip Boxes inside your website.
 * **Install via Zip file**:-
    - In this method, first you need to download our plugin from the WordPress plugins
      directory.
    - Go to https://wordpress.org/plugins/flip-boxes **Flip Boxes**.
    - After this, inside your WP-admin panel, click on Plugins > Add New > Upload
      Button. Now choose the plugin zip file that you just downloaded from the WordPress
      plugins directory & activate it.
 * **Install the plugin via FTP**:-
    - In this method, you also first need to download the plugin zip file from the**
      WordPress plugins directory**.
    - After this, open your FTP manager and go to > wp-content/plugins folder. Here
      you need to upload the extracted version of **flip-boxes** (please remember,
      don’t upload a zip file directly here).
    - After this, you can activate the plugin from the **WP-Admin** panel plugins
      page.

## FAQ

### What is Cool Flipbox?

Cool Flipbox is a WordPress plugin that allows you to create visually appealing 
flip boxes to showcase content interactively. It can be used within Gutenberg via
shortcodes.

### What can I use Cool Flipbox for?

You can use Cool Flipbox to display content such as team members, staff, employees,
or any other information in an engaging flip box format.

### How does Cool Flipbox enhance my website?

Cool Flipbox enhances your website by making content interactive and visually appealing.
It allows visitors to flip boxes to discover messages, creating a seamless and engaging
user experience.

### What customization options are available with Cool Flipbox?

You can customize the look and feel of the flip boxes, including colors, titles,
descriptions, and styling. You can also add font-awesome icons, buttons, images,
and links, and re-order the position of the flip boxes.

### Can I use icons with Cool Flipbox?

Yes, you can easily add font-awesome icons to complement the content in the flip
boxes.

### Is it possible to customize both sides of the flip box?

Yes, you can fully customize both sides of the flip box, including the title, description,
and styling.

### How many flip boxes can I create with Cool Flipbox?

You can create an unlimited number of beautifully designed flip boxes.

### Can I add links to the flip boxes?

Yes, you can add links to other web pages for more detailed information.

### How can I add flip boxes to my website?

You can add flip boxes anywhere on your webpage by using shortcodes and Gutenberg
blocks provided by the Cool Flipbox plugin.

### Can I set the number of columns for the flip boxes?

Yes, you can flexibly set the number of columns for the flip boxes to suit your 
layout needs.

### Is Cool Flipbox easy to use?

Yes, Cool Flipbox is incredibly easy to use and allows you to create and customize
flip boxes with ease.

### How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program.
The Patchstack team help validate, triage and handle any security vulnerabilities.
[Report a security vulnerability.](https://patchstack.com/database/vdp/flip-boxes)

## Reviews

![](https://secure.gravatar.com/avatar/0e3b444215a3c2d85c58b70a293b22b027468602cf053e67fef1101c2e1490ca?
s=60&d=retro&r=g)

### 󠀁[A neat feature for a website](https://wordpress.org/support/topic/a-neat-feature-for-a-website/)󠁿

 [Soulhaven](https://profiles.wordpress.org/soulhaven/) March 11, 2026

As an author, I like that I can give website visitors the experience of looking 
at a cover and flipping the book to read the (short version of) the blurb. The free
version is good enough, although of course that hot pink is hard on the eyes. The
pro version isn’t too expensive, though. Great work, team.

![](https://secure.gravatar.com/avatar/25b353efe869d77ddaedb10bcb4af441dbbc7cd368faf94b4c1dc923a2f99fb4?
s=60&d=retro&r=g)

### 󠀁[very useful](https://wordpress.org/support/topic/very-useful-3621/)󠁿

 [eddierosenthal](https://profiles.wordpress.org/eddierosenthal/) May 19, 2025

Compared to others i tried, this was the most practical, and easy to use.

![](https://secure.gravatar.com/avatar/6235a265cf46826873b23acc602a4906395e3e2de2c2a3596e4e4239331bfbcb?
s=60&d=retro&r=g)

### 󠀁[Good Plugin !](https://wordpress.org/support/topic/good-plugin-7103/)󠁿

 [dexterforu](https://profiles.wordpress.org/dexterforu/) April 12, 2025

Hello I like to say thanks for this plugin ! It will be nice to have Layout with
IMAGE to IMAGE flip ! what I mean is to Have a image in front and backend…

![](https://secure.gravatar.com/avatar/908aa05061eed7b637b1d2298ce64e9f3ae5fa8eee5f30878114bd9f2ffd37ee?
s=60&d=retro&r=g)

### 󠀁[Great plugin to spice up your website](https://wordpress.org/support/topic/great-plugin-to-spice-up-your-website/)󠁿

 [rdhanson117](https://profiles.wordpress.org/rdhanson117/) March 24, 2025

Thank you for making this plugin available.

![](https://secure.gravatar.com/avatar/416073ad79383e35d807d1e6ee5778af5da2a7bf6084183e6bafa2d59c69a81d?
s=60&d=retro&r=g)

### 󠀁[An effective marketing tool](https://wordpress.org/support/topic/an-effective-marketing-tool/)󠁿

 [profi4you](https://profiles.wordpress.org/profi4you/) March 12, 2025

Thank you for an effective marketing tool!

![](https://secure.gravatar.com/avatar/e087cd0fd9bdd32c9b01b672335d63bc8ce97bb37b319d97ee6dbc63449b4c65?
s=60&d=retro&r=g)

### 󠀁[Easy to use](https://wordpress.org/support/topic/easy-to-use-5071/)󠁿

 [peoplesp](https://profiles.wordpress.org/peoplesp/) September 10, 2024

Very pleased with Flipbox, straight forward and easy to use

 [ Read all 103 reviews ](https://wordpress.org/support/plugin/flip-boxes/reviews/)

## Contributors & Developers

“Cool Flipbox – Shortcode & Gutenberg Block” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ CoolHappy ](https://profiles.wordpress.org/narinder-singh/)
 *   [ Satinder Singh ](https://profiles.wordpress.org/satindersingh/)
 *   [ Cool Plugins ](https://profiles.wordpress.org/coolplugins/)

[Translate “Cool Flipbox – Shortcode & Gutenberg Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/flip-boxes)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/flip-boxes/), check
out the [SVN repository](https://plugins.svn.wordpress.org/flip-boxes/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/flip-boxes/) by 
[RSS](https://plugins.trac.wordpress.org/log/flip-boxes/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### Version 2.0.0 | 20 Feb 2026

 * **Improved:** Standardized text domain across plugin.
 * **Fixed:** Fixed issues reported by “Plugin Check” plugin.

#### Version 1.9.9 | 12 Feb 2026

 * **Improved:** Textual Changes.

#### Version 1.9.8 | 04 Feb 2026

 * **Fixed:** Fixed issues reported by “Plugin Check” plugin.

#### Version 1.9.7 | 19 Dec 2025

 * **Improved:** Rating div styling.
 * **Fixed:** Front-end design issue in Layout 6.

#### Version 1.9.6 | 21 Nov 2025

 * **Updated:** Assets updated.

#### Version 1.9.5 | 08 Oct 2025

 * **Fixed:** Nonce validation issue in the deactivation popup.

#### Version 1.9.4 | 07 Oct 2025

 * **Improvements:** Improved the deactivation popup.

#### Version 1.9.3 | 27 Aug 2025

 * **Update:** Plugin and readme links.

#### Version 1.9.2 | 20 Aug 2025

 * **Fixed:** HTML render issue.
 * **Improvements:** security code improvements.

#### Version 1.9.1 | 21 Apr 2025

 * **Fixed:** Review notice render issue.

#### Version 1.9.0 | 19 Apr 2025

 * **Fixed:** Fixed security issue.
 * **Improvements:** code improvements.
 * **Tested up to:** WordPress 6.8.

#### Version 1.8.3 | 23 Jan 2024

 * **Added:** wp_kses_post() function added for full HTML support.

#### Version 1.8.2 | 20 Jan 2024

 * **Added:** wp_kses() function added for HTML support.

#### Version 1.8.1 | 16 Jan 2024

 * **Added:** Flipbox Event Settings: Customize Hover and Click Interactions.
 * **Improvements:** Minor improvements with added escaping for enhanced security.

#### Version 1.8 | 09 Jan 2024

 * **Integrated:** Integrated Cool FlipBox Block For Gutenberg
 * **Added:** Flipbox setting page for changing plugin type (Post Type to Block).
 * **Update:** CMB2 library latest version.
 * **Fixed:** PHP deprecated errors.

#### Version 1.7.1 | 16 Oct 2020

 * **Fixed:** missing file warnings

#### Version 1.7 | 15 Oct 2020

 * **Added:** Integrated and Improved new designs in all layouts.
 * **Fixed:** Feedback from bug
 * **Improved:** Overall plugin code
 * **Fixed:** compatibility issues with WordPress 5.5

#### Version 1.6.2 | 02 Jan 2020

 * **Fixed:** Content formatting issues.

#### Version 1.6.1 | 16 Dec 2019

 * **Added:** Added Security checks
 * **Improvements:** Minor code improvements

#### Version 1.6 | 06 Sep 2019

 * **Added:** Integrate Shortcode Live Preview on the admin side.
 * **Fixed:** Undefined content length bug fixed.
 * **Improvements:** All layouts
 * **Improvements:** Improved CSS
 * **Improvements:** Improved all designs

#### Version :- 1.5

 * **Added:** Integrated feedback on plugin deactivation
 * **Added:** Dynamic Target option for Read More link
 * **Improvements:** Improved CSS
 * **Fixed:** CSS issue in Google Chrome

#### Version :- 1.4

 * **Added:** Integrated six new designs
 * **Fixed:** Fixed responsive issues
 * **Fixed:** Fixed Bootstrap conflict
 * **Fixed:** Created new options for Flipbox Height in Flipbox Settings
 * **Improvements:** Minified CSS and JS files
 * **Improvements:** Added post ID into flip boxes
 * **Fixed:** Fixed link issue in mobile device

#### Version :- 1.3

 * **Updated:** updated CMB2 version and included on a specific page.
 * **Fixed:** Read More link issue in mobile devices
 * **Fixed:** CMB2 (to fix cmb2 color picker issue)
 * **Fixed:** Reset Default Flipbox settings

#### Version 1.2.2

 * **Added:** Fixed Minor issues
 * **Added:** Improved styles.

#### Version 1.2

 * **Added:** Integrated flip box description length settings
 * **Added:** flip box item-based color selection settings.
 * **Added:** Set compatibility with mobile devices and added flip effect on touch
 * **Fixed:** Mobile devices landscape problem
 * **Improvements:** minor CSS improvements.

#### Version 1.0.1

 * After upgrading your installed plugin with the latest version(1.0.1), Please 
   update your flipboxes effect.
 * **Fixed:** Fixed Mobile device flipping problem

#### Version 1.0

–Initial release–

## Meta

 *  Version **2.0.0**
 *  Last updated **1 month ago**
 *  Active installations **5,000+**
 *  WordPress version ** 4.5 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 5.6 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/flip-boxes/)
 * Tags
 * [flipbox](https://pcd.wordpress.org/plugins/tags/flipbox/)[flipbox block](https://pcd.wordpress.org/plugins/tags/flipbox-block/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/flip-boxes/advanced/)

## Ratings

 4.8 out of 5 stars.

 *  [  92 5-star reviews     ](https://wordpress.org/support/plugin/flip-boxes/reviews/?filter=5)
 *  [  4 4-star reviews     ](https://wordpress.org/support/plugin/flip-boxes/reviews/?filter=4)
 *  [  4 3-star reviews     ](https://wordpress.org/support/plugin/flip-boxes/reviews/?filter=3)
 *  [  1 2-star review     ](https://wordpress.org/support/plugin/flip-boxes/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/flip-boxes/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/flip-boxes/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/flip-boxes/reviews/)

## Contributors

 *   [ CoolHappy ](https://profiles.wordpress.org/narinder-singh/)
 *   [ Satinder Singh ](https://profiles.wordpress.org/satindersingh/)
 *   [ Cool Plugins ](https://profiles.wordpress.org/coolplugins/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/flip-boxes/)