FlipEm — WordPress 3D Flip Cards (Shortcodes, Widget, Live Generator)

FlipEm adds configurable 3D flip cards to WordPress content via shortcodes and a sidebar widget. It also includes a visual generator to build, preview, and copy shortcodes quickly.

Core features

• • Shortcodes + widget: Place flip cards inside posts/pages or in sidebars using the same rendering engine.

• • Per-card configuration: Control behavior per card (flip direction, timing, layout, colors, and backgrounds) instead of relying only on global defaults.

• • Interaction modes: Hover, click, button-triggered, and auto-flip (with start delay and interval).

• • Fully customizable faces: Front and back support rich content (links, images, and nested shortcodes).

• • Background depth controls: Separate front/back background images with repeat, size, and position options.

Visual workflow

• • Live generator: Edit settings, preview in real time, and copy the generated shortcode.

• • Usability details: Organized controls, tooltips, color pickers, WYSIWYG editing, sticky preview, and copy feedback.

Implementation notes

• • Shared renderer: One rendering layer for shortcode and widget output.

• • Conditional asset loading: Loads scripts/styles only when cards are present.

What it’s for

FlipEm helps turn static content into interactive components, while keeping implementation consistent and manageable—useful for design-heavy pages and repeatable card layouts without writing custom code for each instance.