{"id":11494,"date":"2021-01-17T09:22:44","date_gmt":"2021-01-17T09:22:44","guid":{"rendered":"https:\/\/help.wpmet.com\/?post_type=docs&#038;p=11494"},"modified":"2022-02-06T08:44:38","modified_gmt":"2022-02-06T08:44:38","password":"","slug":"advanced-toggle","status":"publish","type":"docs","link":"https:\/\/wpmet.com\/doc\/advanced-toggle\/","title":{"rendered":"Advanced Toggle"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Getting Started<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Advanced Toggle Widget for Elementor helps you create amazing content boxes that enable your website visitors to switch from one category to another as per their need.&nbsp;You can add any type of widget on different switches to display different contents. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Just follow the step by step process: <\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step-&gt;1: <\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Add Advanced Toggle<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Search for Advanced Toggle<\/li><li>Drag the widget<\/li><li>Drop on the selected area <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Annotation-on-2021-01-17-at-15-45-38-1024x474.png\" alt=\"\" class=\"wp-image-11522\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step-&gt;2<\/strong>:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content style<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Select your desired style<\/li><li>Choose the Navigation Alignment from Let, Center or, Right. The default is the center.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Screenshot_6-1024x478.png\" alt=\"\" class=\"wp-image-11508\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step-&gt;3:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Add any widget <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Select the navigation item to edit its content<\/li><li>Click on the Content Edit icon to add\/edit contents<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Annotation-on-2021-01-17-at-15-03-53-1024x450.png\" alt=\"\" class=\"wp-image-11509\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can drag and drop any widget or you can add from our widget presets <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on the selected icon<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Annotation-on-2021-01-17-at-12-48-13-1024x479.png\" alt=\"\" class=\"wp-image-11502\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to widget presets-&gt; Pricing-&gt; Select your desired style and click insert<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Annotation-on-2021-01-17-at-12-53-57-1024x441.png\" alt=\"\" class=\"wp-image-11503\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Customize content from here-&gt; Click on Update-&gt; Close<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Annotation-on-2021-01-17-at-13-09-46-1024x481.png\" alt=\"\" class=\"wp-image-11504\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step-&gt;4:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customize tab content<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Add any title <\/li><li>Choose background-color <\/li><li>Select Title color <\/li><li>Enable the toggle to open the tab by default<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/help.wpmet.com\/wp-content\/uploads\/2021\/01\/Annotation-on-2021-01-17-at-13-29-07-1024x450.png\" alt=\"\" class=\"wp-image-11505\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Result<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/BBd2_lPgcIXDussL4jpHDGMsA-UqKjAN-acwBcVlEKfMSlIri7Isz-egj7vQWb4HmFH4oEjiEIQDtfQToRfYDgcekLBNZV2eF2iyhV_oIESPLfJVZSWIoDrCIMdh_u6CrMTmE9Jl\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Getting Started The Advanced Toggle Widget for Elementor helps you create amazing content boxes that enable your website visitors to switch from one category to another as per their need.&nbsp;You can add any type of widget on different switches to display different contents. Just follow the step by step process: Step-&gt;1: Add Advanced Toggle Search [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_crdt_document":"","postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"enableOnePageScrollInPage":false,"onePageScrollCss":"","onePageScrollSpeed":1000,"onePageScrollAnimation":"easeInOutQuad","onePageScrollShowDotNavigation":true,"onePageScrollNavigation":"scaleUp","onePageScrollNavigationPosition":"right","onePageScrollNavigationHorizontal":[],"onePageScrollNavigationVertical":[],"onePageScrollNavigationSpacing":[],"onePageScrollNavigationColor":"#00ff0d","onePageScrollNavigationColorHover":"#00ff0d","onePageScrollNavigationColorActive":"#00ff0d","onePageScrollNavigationIcon":[],"onePageScrollNavigationWidth":[],"onePageScrollNavigationWidthHover":[],"onePageScrollNavigationWidthActive":[],"onePageScrollNavigationHeight":[],"onePageScrollNavigationHeightHover":[],"onePageScrollNavigationHeightActive":[],"onePageScrollNavigationBorder":[],"onePageScrollNavigationBorderHover":[],"onePageScrollNavigationBorderActive":[],"onePageScrollNavigationBorderRadius":[],"onePageScrollNavigationBorderRadiusHover":[],"onePageScrollNavigationBorderRadiusActive":[],"onePageScrollNavigationTooltipTypography":[],"onePageScrollNavigationTooltipColor":"#ffffff","onePageScrollNavigationTooltipColorHover":"","onePageScrollNavigationTooltipBgColor":"#00ff0d","onePageScrollNavigationTooltipBgColorHover":"","onePageScrollNavigationTooltipPadding":[],"onePageScrollNavigationTooltipPaddingHover":[],"onePageScrollNavigationTooltipBorderRadius":[],"onePageScrollNavigationTooltipBorderRadiusHover":[],"pageSettingsCustomCss":"","footnotes":""},"doc_category":[194],"doc_tag":[],"knowledge_base":[328],"class_list":["post-11494","docs","type-docs","status-publish","hentry","doc_category-general-widgets","knowledge_base-elementskit"],"year_month":"2026-04","word_count":178,"total_views":"11800","reactions":{"happy":"19","normal":"2","sad":"3"},"author_info":{"name":"Editorial Staff","author_nicename":"editorial-stuff","author_url":"https:\/\/wpmet.com\/author\/editorial-stuff\/"},"doc_category_info":[{"term_name":"ElementsKit General Widgets","term_url":"https:\/\/wpmet.com\/doc\/elementskit\/general-widgets\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"ElementsKit","term_url":"https:\/\/wpmet.com\/doc\/elementskit\/","term_slug":"elementskit"}],"knowledge_base_slug":["elementskit"],"_links":{"self":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/docs\/11494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/comments?post=11494"}],"version-history":[{"count":0,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/docs\/11494\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/media?parent=11494"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/doc_category?post=11494"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/doc_tag?post=11494"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/wpmet.com\/wp-json\/wp\/v2\/knowledge_base?post=11494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}