{"id":194,"date":"2026-10-17T14:16:25","date_gmt":"2026-10-17T14:16:25","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&p=194"},"modified":"2026-10-17T21:37:16","modified_gmt":"2026-10-17T21:37:16","slug":"create-story-collection","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/create-story-collection\/","title":{"rendered":"Create a Story Flipbox Collection"},"content":{"rendered":"\n

Use the Story Flipbox<\/strong> widget when you want to enter and arrange flip cards manually. Each item has separate Front<\/strong>, Back<\/strong>, and Style<\/strong> tabs. Unlike Post Flipbox, Story Flipbox does not populate cards by querying WordPress posts.<\/p>\n\n\n\n\n

Add Story Flipbox to Elementor<\/h2>\n\n\n
  1. In WordPress, go to Pages \u2192 All Pages<\/strong> and open the page where the cards should appear.<\/li>
  2. Click Edit with Elementor<\/strong>.<\/li>
  3. In the widget panel, search for Story Flipbox<\/strong> and drag it into the intended section or container.<\/li>
  4. Select the widget and open Content \u2192 Flipbox Items<\/strong>. The control is a repeater: each row represents one card, and its label is based on that item’s front-side Title<\/strong>.<\/li>
  5. Expand a row to edit it, or use the repeater’s add-item control to create another card.<\/li><\/ol>\n\n\n\n

    Configure the Front tab<\/h2>\n\n\n
    1. Expand an item in Content \u2192 Flipbox Items<\/strong> and select its Front<\/strong> tab.<\/li>
    2. Enter the card heading in Title<\/strong> and supporting copy in Description<\/strong>. The source defaults for a new repeater item are \u201cDefault Title\u201d and \u201cDefault description text.\u201d<\/li>
    3. Choose an Icon Type<\/strong>: Icon<\/strong>, Icon Image<\/strong>, or Icon Text<\/strong>. The default choice is Icon<\/strong>.<\/li>
    4. Complete the field that appears for the selected type: Icon<\/strong> picker, Icon Image<\/strong> media control, or Icon Text<\/strong> field.<\/li>
    5. Enable Button<\/strong> is off by default on the Front tab. Turn it on only if the front needs a button. When enabled, Button Text<\/strong> appears with the default \u201cClick Here\u201d. The Button URL<\/strong> field has an additional condition: it appears only when Enable Back<\/strong> is off. If the item also has its back enabled, the Front tab’s URL field is hidden by the plugin. The source default URL for a new item is #<\/code> when that field is available.<\/li><\/ol>\n\n\n\n

      Configure the Back tab<\/h2>\n\n\n
      1. Select the item’s Back<\/strong> tab.<\/li>
      2. Enable Back<\/strong> is on by default. Leave it enabled to provide a reverse side, or turn it off to make the item front-only. The back title, description, icon, and button controls depend on the back being enabled.<\/li>
      3. Enter the back-side Title<\/strong> and Description<\/strong>. The new-item defaults are \u201cDefault Title\u201d and \u201cDefault description text.\u201d<\/li>
      4. Choose the back-side Icon Type<\/strong> and complete its matching icon, image, or text control. The control defaults to Icon<\/strong>, though preloaded example items may override that value.<\/li>
      5. Back-side Enable Button<\/strong> is on by default. Leave it on to show a button, or turn it off if the card does not need one. When enabled, set Button Text<\/strong> and Button URL<\/strong>; the field defaults are \u201cClick Here\u201d and #<\/code>.<\/li><\/ol>\n\n\n\n

        Set item-specific colors<\/h2>\n\n\n

        Open the item’s Style<\/strong> tab within Content \u2192 Flipbox Items<\/strong>. These controls affect the selected card rather than every card in the widget.<\/p>\n\n\n