{"id":120906,"date":"2023-06-29T17:43:04","date_gmt":"2023-06-29T12:13:04","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=120906"},"modified":"2023-06-30T11:37:05","modified_gmt":"2023-06-30T06:07:05","slug":"add-links-to-tab-title-in-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/add-links-to-tab-title-in-elementor\/","title":{"rendered":"How to Add Links to Tab Title in Elementor?"},"content":{"rendered":"\n<p>Are you looking to add links to your tab title in Elementor? In WordPress, Tabs provide a sleek and organized way to present information and allow users to navigate through content easily. However, at times you may want to link to individual pages from the tab title instead of switching between tabs.<\/p>\n\n\n\n<p>For example, if you want to add a swiper based category listing with Elementor Tab where users can easily navigate between different categories.&nbsp;<\/p>\n\n\n\n<p>With the Tabs\/Tours widget from The Plus Addons for Elementor, you can easily add links to the tab title with swiper effects.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Required Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor FREE Plugin<\/a> installed &amp; activated.<\/li>\n\n\n\n<li>You need to have <a href=\"https:\/\/wordpress.org\/plugins\/the-plus-addons-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Plus Addons for Elementor plugin<\/a> installed and activated.<\/li>\n\n\n\n<li>Make sure the Tabs\/Tours widget is activated, to verify this visit Plus Settings \u2192 and Search of Tabs and activate.<\/li>\n\n\n\n<li>This is a Freemium widget to unlock the extra features, you need the <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\/?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" target=\"_blank\" rel=\"noreferrer noopener\">PRO version of The Plus Addons for Elementor<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Activate the Tabs\/Tours Widget?<\/h2>\n\n\n\n<p>Go to&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The Plus Settings <\/strong>\u2192<strong> Plus widgets&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Search <\/strong>the widget name<strong> <\/strong>and<strong> turn on the toggle <\/strong>then<strong> click Save.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate-1024x481.png\" alt=\"tabs activate\" class=\"wp-image-104397\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate-1024x481.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate-300x141.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate-768x361.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate-1536x722.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate-600x282.png 600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/tabs-activate.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Links in the Tabs\/Tours Title?<\/h2>\n\n\n\n<p>To do this, first, add the Tabs\/Tours widget on the page, and then you have to add an <a href=\"https:\/\/www.w3schools.com\/tags\/tag_a.asp\" target=\"_blank\" rel=\"noreferrer noopener\">HTML anchor tag<\/a> to the tab titles to link to different pages or categories.<\/p>\n\n\n\n<p>For instance, we want to link to a category called WordPress. Open the first tab, we\u2019ll add the title in the Title field with an HTML anchor tag which will link to the WordPress category.<\/p>\n\n\n\n<p>For instance, we want to link to Google from the tab title. Open the first tab, we\u2019ll add the title in the Title field with an HTML anchor tag which will link to Google.&nbsp;&nbsp;<\/p>\n\n\n\n<p>This is how the code should look.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"https:\/\/www.google.com\/\"&gt;Google&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"527\" height=\"1044\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/tabs-tours-title-link.png\" alt=\"tabs tours title link\" class=\"wp-image-120908\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tabs-tours-title-link.png 527w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tabs-tours-title-link-151x300.png 151w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/06\/tabs-tours-title-link-517x1024.png 517w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/figure>\n\n\n\n<p>Just repeat the process to add links to other tab titles.<\/p>\n\n\n\n<p>This way, you can link to any internal page or category as well.<\/p>\n\n\n\n<p>From the <strong>Layout<\/strong> tab, you can turn on the swiper mode to add a swiper effect. You can learn the process from here.<\/p>\n\n\n\n<p>So this is how easily you can add links to tab titles in Elementor.<\/p>\n","protected":false},"author":25,"featured_media":120917,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[527,544],"class_list":["post-120906","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-plus-widgets","docs-tabs-tours"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120906","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\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120906"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120906\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120917"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120906"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}