{"id":15270,"date":"2019-12-09T10:26:30","date_gmt":"2019-12-09T10:26:30","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=15270"},"modified":"2019-12-09T10:36:15","modified_gmt":"2019-12-09T10:36:15","slug":"how-to-integrate-easy-table-of-contents-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-integrate-easy-table-of-contents-in-amp\/","title":{"rendered":"How to integrate Easy Table of Contents in AMP"},"content":{"rendered":"\n<p>The Easy Table of Contents is now compatible with our AMPforWP Plugin.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/easy-table-of-contents\/\">Easy Table of Contents<\/a> is a free WordPress plugin available on the WordPress.org plugin which automatically generate a table of contents for your posts <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>If you are using Easy Table of Contents for your Non- AMP version and the same you want Easy Table of Contents for the AMP version also then you need to purchase our <a href=\"https:\/\/ampforwp.com\/addons\/easy-table-of-contents-for-amp\/\">extension<\/a>.<\/p>\n\n\n\n<ol><li>Download The Easy Table of Contents for AMP extension from the<a href=\"https:\/\/accounts.ampforwp.com\/\">\u00a0account area<\/a><\/li><li>Upload and Activate<\/li><li>Done! The Easy Table of Contents for AMP will be visible on the AMP version of your site.<\/li><\/ol>\n\n\n\n<p>Once you purchase our extension then table of contents works out of the box and your  NON-AMP and  AMP  output will be same<\/p>\n\n\n\n<h4>Non-AMP Output<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"935\" height=\"642\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1.png\" alt=\"\" class=\"wp-image-15278\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1.png 935w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1-300x206.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1-768x527.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1-50x34.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1-60x41.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-1-100x69.png 100w\" sizes=\"(max-width: 935px) 100vw, 935px\" \/><\/figure>\n\n\n\n<h4>AMP Output<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"402\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-1024x402.png\" alt=\"\" class=\"wp-image-15279\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-1024x402.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-300x118.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-768x302.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2-100x39.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/12\/easy-2.png 1258w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n\n\n\n<p><\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Easy Table of Contents is now compatible with our AMPforWP Plugin. The Easy Table of Contents is a free WordPress plugin available on the WordPress.org plugin which automatically generate a table of contents for your posts If you are using Easy Table of Contents for your Non- AMP version&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15270"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=15270"}],"version-history":[{"count":11,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15270\/revisions"}],"predecessor-version":[{"id":15283,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/15270\/revisions\/15283"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=15270"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=15270"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=15270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}