{"id":2081,"date":"2022-09-30T12:49:36","date_gmt":"2022-09-30T12:49:36","guid":{"rendered":"https:\/\/tocwp.com\/docs\/?post_type=ht_kb&#038;p=2081"},"modified":"2025-11-25T08:06:53","modified_gmt":"2025-11-25T08:06:53","slug":"how-you-can-add-toc-in-elementor-using-elementor-widget","status":"publish","type":"ht_kb","link":"https:\/\/tocwp.com\/docs\/knowledge-base\/how-you-can-add-toc-in-elementor-using-elementor-widget\/","title":{"rendered":"How you can add Easy Table Of Conetns in Elementor using Elementor Widget."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this tutorial, we will show you how you can add the TOC using an Elementor widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First you need to upgrade to the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/tocwp.com\/pricing\/\" target=\"_blank\">Easy Table Of Contents PRO<\/a>&nbsp;and then follow the steps below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Activate the license key that you have received after the purchase.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Go to the page\/post on which you want to add the Easy TOC and open the page in <strong>&#8220;Edit with Elementor&#8221;<\/strong> mode.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-1024x479.png\" alt=\"\" class=\"wp-image-2085\" srcset=\"https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-1024x479.png 1024w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-300x140.png 300w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-768x359.png 768w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-50x23.png 50w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-1536x718.png 1536w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-60x28.png 60w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2-100x47.png 100w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_1-2.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> After opening the page in edit mode you will find the block section on the left side of the window in which you can search for the <strong>&#8220;Easy TOC&#8221;<\/strong> block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-1024x471.png\" alt=\"\" class=\"wp-image-2086\" srcset=\"https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-1024x471.png 1024w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-300x138.png 300w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-768x353.png 768w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-50x23.png 50w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-1536x706.png 1536w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-60x28.png 60w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2-100x46.png 100w, https:\/\/tocwp.com\/docs\/wp-content\/uploads\/2022\/09\/Screenshot_2-2.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> Now you can now drag and drop the Easy TOC block where you want to place and show the Table Of Contents.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will show you how you can add the TOC using an Elementor widget. First you need to upgrade to the&nbsp;Easy Table Of Contents PRO&nbsp;and then follow the steps below. Step 1: Activate the license key that you have received after the purchase. Step 2: Go to&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[6],"ht-kb-tag":[],"class_list":["post-2081","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-premium"],"_links":{"self":[{"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/2081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/comments?post=2081"}],"version-history":[{"count":6,"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/2081\/revisions"}],"predecessor-version":[{"id":2584,"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/2081\/revisions\/2584"}],"wp:attachment":[{"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/media?parent=2081"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=2081"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/tocwp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=2081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}