Responsive flip boxes for engaging content

Flipbox – Awesomes Flip Boxes Image Overlay Pro is a WordPress add-on for presenting information and promotional content through interactive flip boxes and image overlays. A box can display an information-focused front, then reveal a call-to-action section when a visitor hovers over it. This makes the format useful for product details, service highlights, feature summaries, promotional panels, and other content that benefits from a compact two-sided presentation.

The plugin combines the role of an information box and a call-to-action block. Content on both sides can be customized with text, images, videos, icons, buttons, maps, web links, and icon lists. You can use these components to create cards that explain an offering first and provide a next step on the reverse side.

Design flexibility and animation

Flipbox Pro includes 29 unique templates with more than 50 effects and unlimited background colors. Several flip animations are available, and animation speed can be set using pure CSS3 effects. The content works with responsive display, including resizing images, videos, titles, and descriptions for mobile devices and tablets.

• Create image hover effects and scrolling animation.
• Use circle or square image shapes and personalize their presentation.
• Add two or more items with different options for cycling through them.
• Choose from different box types and adjust the content for each side.
• Use backgrounds, media, links, text, icons, buttons, and maps in the design.

These options support a range of layouts, from simple image cards to richer information panels. You can use flip boxes to organize product information, introduce services, present feature comparisons, or guide users toward a linked page.

WordPress and page-builder integration

The plugin can be added as a widget or plugin, included in a theme with a PHP function, or embedded with a shortcode. It also supports adding flip boxes in page builders, including Visual Composer through a Visual Composer ID. Drag-and-drop styling options provide flexibility when arranging card-related content in a page-building process.

For a post or page, the supplied shortcode format is [oxilab_flip_box id="1"]. Templates and PHP-based theme integration provide additional ways to display the configured flip box within a website. This allows the same type of content to be placed in standard WordPress content, builder layouts, widgets, or theme locations.

Practical workflow

1. Choose a template or box type that suits the content.
2. Add the front and back information, including text, images, icons, links, or other supported elements.
3. Set the image shape, colors, animation style, and animation speed.
4. Place the flip box in a post, page, widget, page builder, or theme template.
5. Review the layout on desktop, mobile, and tablet shows.

Installation

Install the Pro version in WordPress through the usual plugin installation workflow. If the free version is already installed, the supplied instructions recommend deleting it before installing the Pro version. After installation, configure a flip box, publish it, and add it using the shortcode, widget, page-builder option, or theme integration method that matches your site.