{"id":177,"date":"2026-10-17T14:16:24","date_gmt":"2026-10-17T14:16:24","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=177"},"modified":"2026-10-17T21:05:31","modified_gmt":"2026-10-17T21:05:31","slug":"flipbox-addon-for-elementor-overview","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/flipbox-addon-for-elementor-overview\/","title":{"rendered":"Flipbox Addon for Elementor Overview"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Flipbox Addon for Elementor provides three widgets. Choose one based on whether you need a single hand-built card, cards filled from WordPress content, or a collection of individually configured items.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Open Elementor and find the widget<\/h2>\n\n\n<ol class=\"wp-block-list\"><li>In WordPress, go to <strong>Pages \u2192 All Pages<\/strong> and open the page you want to edit. To start a new page, use <strong>Pages \u2192 Add New<\/strong>.<\/li><li>Select <strong>Edit with Elementor<\/strong>. Wait for the Elementor editor to load.<\/li><li>In the left widget panel, use the search field and type the exact widget name: <strong>Ultimate Flipbox<\/strong>, <strong>Post Flipbox<\/strong>, or <strong>Story Flipbox<\/strong>.<\/li><li>Drag the widget from the panel onto the page canvas, or select it if your Elementor interface supports click-to-add.<\/li><li>Select the widget on the canvas to display its settings in the left panel.<\/li><\/ol>\n\n\n<h2 class=\"wp-block-heading\">Choose the widget<\/h2>\n\n\n<ul class=\"wp-block-list\"><li><strong>Ultimate Flipbox:<\/strong> one card whose front and back content you enter manually.<\/li><li><strong>Post Flipbox:<\/strong> cards populated from a WordPress content query. Use this when the card content should follow selected posts or a supported post type.<\/li><li><strong>Story Flipbox:<\/strong> a collection of manually configured flipbox items.<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Find the widget settings<\/h2>\n\n\n<ul class=\"wp-block-list\"><li>For <strong>Ultimate Flipbox<\/strong>, choose <strong>Content \u2192 Flipbox Content<\/strong> to edit the Front and Back tabs, or <strong>Content \u2192 Layout Settings<\/strong> to find preset and animation controls.<\/li><li>For <strong>Post Flipbox<\/strong>, choose <strong>Content \u2192 Post Settings<\/strong> to configure the content query, <strong>Content \u2192 Post Content<\/strong> for front\/back display options, and <strong>Content \u2192 Layout Settings<\/strong> for layout and animation controls.<\/li><li>For <strong>Story Flipbox<\/strong>, choose <strong>Content \u2192 Flipbox Items<\/strong> to edit items and <strong>Content \u2192 Layout Settings<\/strong> for layout and animation controls.<\/li><li>To style a widget, select its <strong>Style<\/strong> tab and open the relevant section. The source registers sections such as <strong>Container Box Settings<\/strong>, <strong>Title Style<\/strong>, <strong>Description Style<\/strong>, <strong>Icon Style<\/strong>, and <strong>Button Style<\/strong>; carousel widgets also register <strong>Slider Navigation<\/strong>.<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Save and check<\/h2>\n\n\n<ol class=\"wp-block-list\"><li>Preview the page and test the front\/back interaction.<\/li><li>Check that the selected widget displays the intended content source.<\/li><li>Select <strong>Update<\/strong> in Elementor to save your changes.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Screenshot to add:<\/strong> the Elementor widget search results with the three exact Flipbox widget names visible. This is a placeholder, not an actual screenshot.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Continue with <a href=\"\/docs\/flipbox-addon-for-elementor\/create-your-first-flipbox\/\">Create Your First Flipbox<\/a> for a guided single-card setup, or return to <a href=\"\/docs\/flipbox-addon-for-elementor\/flipbox-addon-for-elementor-getting-started\/\">Install and Choose a Widget<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Compare Ultimate Flipbox, Post Flipbox, and Story Flipbox, then follow the exact Elementor navigation path to add the widget and open its controls.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":176,"menu_order":0,"template":"","class_list":["post-177","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":3,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/177\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/177\/revisions\/506"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/176"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}