{"id":18275,"date":"2021-06-29T08:13:01","date_gmt":"2021-06-29T08:13:01","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=18275"},"modified":"2021-06-29T11:49:34","modified_gmt":"2021-06-29T11:49:34","slug":"how-to-add-amp-code-through-amp-widget","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-amp-code-through-amp-widget\/","title":{"rendered":"How to add AMP code through AMP widget"},"content":{"rendered":"\n<p>In this tutorial we will show you how to insert Custom AMP Code in your widgets, please do the following:<\/p>\n\n\n\n<ul><li>Once you install and activate our AMP for WP plugin you can see the Custom AMP Code widget available widgets area <\/li><li>You can find this widget on your own site by going to the\u00a0<strong>Appearance -> Widgets<\/strong>\u00a0page in your WordPress admin area.<\/li><li>Choose the Custom AMP Code option and click\u00a0<strong>Add Widget<\/strong> <\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"437\" height=\"496\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/61-1.png\" alt=\"\" class=\"wp-image-18285\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/61-1.png 437w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/61-1-264x300.png 264w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/61-1-44x50.png 44w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/61-1-53x60.png 53w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/61-1-88x100.png 88w\" sizes=\"(max-width: 437px) 100vw, 437px\" \/><\/figure><\/div>\n\n\n\n<ul><li>Fill out the widget\u2019s title and insert your AMP code as shown below the screenshot.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1003\" height=\"608\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58.png\" alt=\"\" class=\"wp-image-18277\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58.png 1003w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58-300x182.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58-768x466.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58-50x30.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58-60x36.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/58-100x61.png 100w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><\/figure>\n\n\n\n<h5>The Output of the AMP code through AMP widget<\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"498\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-1024x498.png\" alt=\"\" class=\"wp-image-18278\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-768x374.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/06\/59.png 1344w\" 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<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>In this tutorial we will show you how to insert Custom AMP Code in your widgets, please do the following: Once you install and activate our AMP for WP plugin you can see the Custom AMP Code widget available widgets area You can find this widget on your own site&#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\/18275"}],"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=18275"}],"version-history":[{"count":5,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18275\/revisions"}],"predecessor-version":[{"id":18286,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18275\/revisions\/18286"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=18275"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=18275"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=18275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}