The Story Flipbox widget in Flipbox Addon for Elementor creates a manually curated set of flip cards. Each card is an item in the Flipbox Items repeater, with separate Front, Back, and Style tabs. This section explains how to create the collection, edit individual items, and configure its layout using plugin version 2.1.7.
Create and edit Story Flipbox items
Use these guides to build the collection. Story Flipbox content is entered manually in Elementor; it does not query WordPress posts like the Post Flipbox widget.
- Create a Story Flipbox Collection — add the widget, understand the sample items, and create your own cards.
- Manage Story Flipbox Items — edit front and back text, choose icon types, configure buttons, and customize each item’s colors.
- Configure the Story Collection Layout — choose vertical columns or a horizontal slider, then configure presets, responsive counts, animations, and navigation.
Find the main controls
- In WordPress, go to Pages → All Pages and open the page you want to edit.
- Click Edit with Elementor and add or select the Story Flipbox widget.
- Under Content → Flipbox Items, expand an item to edit its Front, Back, or Style tab.
- Open Content → Layout Settings to choose the overall layout and animation.
- Use the widget’s Style sections, including Container Box Settings, Title Style, Description Style, Icon Style, Button Style, and Slider Navigation, for the overall appearance.
Know the important defaults
In the widget’s repeater field definitions, Enable Back defaults to on, the front-side Enable Button defaults to off, and the back-side Enable Button defaults to on. The widget also loads example items, and those sample items can override individual repeater defaults. Review each existing item before publishing instead of assuming every sample card has identical settings.
Layout Orientation defaults to Vertical, Select Preset defaults to Default, Title Tag defaults to H2, and Animation Type defaults to 3D Flip. A preset can overwrite current settings, so check the warning before applying a different preset.
Save and verify the collection
- Review the title, description, icon type, back-side visibility, and buttons for each item.
- Choose the layout and animation, then check desktop, tablet, and mobile settings.
- Click Elementor’s Update button.
- Preview the saved page and test card order, front/back interaction, button destinations, and any horizontal slider arrows or pagination.
For dynamic content sourced from published WordPress posts, use Post Flipbox and Dynamic Content instead.