{"id":241,"date":"2025-07-17T09:45:25","date_gmt":"2025-07-17T09:45:25","guid":{"rendered":"https:\/\/wptabs.com\/docs\/?post_type=docs&#038;p=241"},"modified":"2025-07-18T09:33:43","modified_gmt":"2025-07-18T09:33:43","slug":"smart-tabs-with-divi-builder","status":"publish","type":"docs","link":"https:\/\/wptabs.com\/docs\/smart-tabs-with-divi-builder\/","title":{"rendered":"Smart Tabs with Divi Builder\u00a0"},"content":{"rendered":"\n<p>Divi is one of the most popular WordPress themes globally. The built-in Divi Builder is a powerful and easy-to-use visual drag-and-drop WordPress page builder. This doc will guide you on how to easily add a Smart Tabs Showcase to the Divi Builder.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From your WordPress dashboard, go to Pages \u2192 Add New.<\/li>\n\n\n\n<li>Click &#8220;Use Divi Builder&#8221; and then click &#8220;Start Building.&#8221;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-1-1024x430.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-1-1024x430.png 1024w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-1-300x126.png 300w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-1-768x322.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-1-1536x645.png 1536w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-1-2048x860.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add a new one-column row to the section.<\/li>\n\n\n\n<li>From the Insert Module, search for Code.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"636\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-2-1024x636.png\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-2-1024x636.png 1024w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-2-300x186.png 300w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-2-768x477.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-2-1536x954.png 1536w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-2-2048x1272.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the Code module and replace the pre-added texts with your Tabs Shortcode.\u00a0<\/li>\n\n\n\n<li>You will get a preview of the Testimonial Showcase. Click on the Check Mark button to Save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"610\" src=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-3-1024x610.png\" alt=\"\" class=\"wp-image-244\" srcset=\"https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-3-1024x610.png 1024w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-3-300x179.png 300w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-3-768x457.png 768w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-3-1536x915.png 1536w, https:\/\/wptabs.com\/docs\/wp-content\/uploads\/2025\/07\/smart-tabs-with-divi-3-2048x1220.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To publish the page, click the purple dock icon at the bottom of your screen. This will expand the settings bar and provide you with the Publish button.&nbsp;<\/li>\n\n\n\n<li>Then click on Exit Visual Builder from the WordPress admin bar.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"parent":0,"menu_order":37,"template":"","docs_cat":[8],"class_list":["post-241","docs","type-docs","status-publish","hentry","docs_cat-integrations"],"_links":{"self":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":0,"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs\/241\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/media?parent=241"}],"wp:term":[{"taxonomy":"docs_cat","embeddable":true,"href":"https:\/\/wptabs.com\/docs\/wp-json\/wp\/v2\/docs_cat?post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}