{"id":104152,"date":"2023-02-07T17:32:22","date_gmt":"2023-02-07T12:02:22","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&amp;p=104152"},"modified":"2023-02-07T17:32:22","modified_gmt":"2023-02-07T12:02:22","slug":"anchor-link-to-elementor-switcher-template","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/anchor-link-to-elementor-switcher-template\/","title":{"rendered":"How to set an anchor link to a Switcher Template in Elementor?"},"content":{"rendered":"\n<p>If you want to send users directly to a Switcher item without them having to click on the toggle manually, you can do that by simply using anchor links with the <strong>Unique ID<\/strong> feature of The Plus Addons for Elementor Switcher widget.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Switcher widget, <a href=\"\/docs\/switcher-elementor-widget-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This widget is a part of The Plus Addons for Elementor, make sure its installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/switcher?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Let\u2019s see by an example &#8211;<\/p>\n\n\n\n<p>Suppose you are showing a monthly pricing table in Content 1 and a yearly pricing table in Content 2 of the Switcher widget on your pricing page, and you want to send users directly to the yearly pricing table section.<\/p>\n\n\n\n<p>To do this, go to the <strong>Content 2<\/strong> tab and add an ID in the <strong>Unique ID <\/strong>field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"268\" height=\"648\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-id.png\" alt=\"switcher id\" class=\"wp-image-104153\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-id.png 268w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-id-124x300.png 124w\" sizes=\"(max-width: 268px) 100vw, 268px\" \/><\/figure>\n\n\n\n<p>Now let\u2019s say we will send users directly from the home page to the yearly pricing table section on the pricing page.<\/p>\n\n\n\n<p>Let\u2019s add a button widget on the homepage, and in the Link field, we will add the page URL followed by the id with <strong>#<\/strong> tag like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"268\" height=\"580\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/button-link.png\" alt=\"button link\" class=\"wp-image-104154\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/button-link.png 268w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/button-link-139x300.png 139w\" sizes=\"(max-width: 268px) 100vw, 268px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Because the page is in the same domain, we are using a relative path (\/pricing\/), but if you are linking from a different domain, you have to use the full URL (https:\/\/www.domainname.com\/pricing\/).<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>Now if someone clicks on that button from the homepage, they will directly go to the yearly pricing table section on the pricing page with the toggle on for the yearly pricing.<\/p>\n\n\n\n<p>Also check, <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/connect-carousel-remote-with-elementor-switcher\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to connect a Carousel Remote with Switcher in Elementor<\/a>.<\/p>\n","protected":false},"author":16,"featured_media":104380,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[527,545],"class_list":["post-104152","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-plus-widgets","docs-switcher"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=104152"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104152\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104380"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=104152"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=104152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}