{"id":23773,"date":"2021-08-17T04:05:24","date_gmt":"2021-08-17T08:05:24","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=23773"},"modified":"2021-11-18T05:33:51","modified_gmt":"2021-11-18T10:33:51","slug":"how-to-create-amp-widgets","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets","title":{"rendered":"How to Insert AMP Widgets in Magento 2"},"content":{"rendered":"\n<p>The <a href=\"\/magento-amp\">Magento 2 AMP extension<\/a> provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide describes two ways of creating AMP widgets: using the <a href=\"#how-to-add-amp-widgets-using-content-widgets-menu\">&#8220;Content&#8221; -&gt; &#8220;Widgets&#8221; Menu<\/a> and <a href=\"#how-to-add-amp-widget-to-cms-pages-blocks\">Adding Widgets to CMS pages\/blocks<\/a>.&nbsp;Both methods allow you to create the following types of AMP widgets:<\/p>\n\n\n\n<ul><li>AMP Catalog New Products List<\/li><li>AMP Category Product Carousel<\/li><li>AMP Newsletter Subscription Form<\/li><li>AMP Slider<\/li><li>AMP Static Banner<\/li><li>AMP Subcategories<\/li><li>AMP Video<\/li><\/ul>\n\n\n\n<h2 id=\"adding-amp-widget-using-the-content-widgets-menu\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v2\/configuration#adding-amp-widget-using-the-content-widgets-menu\"><\/a>How to Add AMP Widgets Using &#8220;Content&#8221; -&gt; &#8220;Widgets&#8221; Menu<\/h2>\n\n\n\n<h3>Adding AMP Widget<\/h3>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>In the main Magento menu, go to <strong>Content<\/strong> -&gt; Elements -&gt; <strong>Widgets<\/strong>.<\/li><li>Above the Widgets grid, click <strong>Add Widget<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg\" alt=\"Magento 2 AMP extension Adding AMP Widgets 1.png\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li><strong>&#8220;Type&#8221;<\/strong>:&nbsp;select the type of AMP widget from a drop-down list.<\/li><li><strong>&#8220;Design Theme&#8221;<\/strong>:&nbsp;choose AMP theme to display widget on. You can select the default AMP Theme One or any <a href=\"\/docs\/magento-amp\/v3\/devguide\/creating-amp-theme\">custom AMP theme<\/a> if you have created one.<\/li><li>Click <strong>Continue<\/strong> to proceed.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"688\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-1.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 2.png\" class=\"wp-image-23778\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-1-300x171.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-1-1024x584.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-1-768x438.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3>Configuring Storefront Properties<\/h3>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Go to the <strong>Store Properties<\/strong> tab.<\/li><li>You have already set the <strong>&#8220;Type&#8221;<\/strong> and <strong>&#8220;Design Package\/Theme&#8221;<\/strong> options in the previous step.<\/li><li><strong>&#8220;Widget Title&#8221;<\/strong>:&nbsp;enter a descriptive title for the widget. This title is visible only from the backend.<\/li><li><strong>&#8220;Assign to Store Views&#8221;<\/strong>:&nbsp;select the store view(s) where the widget will be visible.<\/li><li>(Optional) <strong>&#8220;Sort Order&#8221;<\/strong>:&nbsp;enter a number that determines the order this item appears with others in the same container.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"664\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-2.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 3.png\" class=\"wp-image-23779\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-2-300x165.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-2-1024x564.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-2-768x423.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li><strong>&#8220;Add Layout Update&#8221;<\/strong>:&nbsp;press this button to configure the widget placement.<\/li><li><strong>&#8220;Display On&#8221;<\/strong>:&nbsp;select the pages, categories, or products where you want the widget to appear.<\/li><li>Configure widget layout. Configurations there will differ depending on the selected Display On option.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"378\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-3.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 4.png\" class=\"wp-image-23780\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-3.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-3-300x94.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-3-1024x321.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-3-768x241.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3>Configuring Widget Options<\/h3>\n\n\n\n<p>Depending on the selected widget type, the following Widget Options configurations will differ. In this example, we will show you how to configure the Static Banner widget type.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Switch to the <strong>Widget Options<\/strong> tab.<\/li><li><strong>&#8220;Link Url&#8221;<\/strong>:&nbsp;optionally provide a URL of a widget if you want it to take users to a specific page.<\/li><li><strong>&#8220;Open Link in New Window&#8221;<\/strong>:&nbsp;set the option to <em>Yes<\/em> if you want to open the provided link in a new window.<\/li><li><strong>&#8220;Image&#8221;<\/strong>:&nbsp;click <strong>Choose Image<\/strong> to select the image to be showcased on the widget.<\/li><li><strong>&#8220;Alt&#8221;<\/strong>:&nbsp;specify an alternative text for the selected image.<\/li><li>Set image dimensions.<\/li><li>Click <strong>Save<\/strong> to save the widget.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"660\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-4-1.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 5.png\" class=\"wp-image-23810\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-4-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-4-1-300x164.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-4-1-1024x560.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-4-1-768x420.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<p>The widget will appear in the Widgets grid. <a href=\"\/learn\/how-to-clear-magento-cache\/\" rel=\"nofollow\">Clear Magento cache<\/a> to display the widget on the frontend. <\/p>\n\n\n\n<h2 id=\"adding-amp-widget-on-a-cms-page\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v2\/configuration#adding-amp-widget-on-a-cms-page\"><\/a>How to Add AMP Widget to CMS Pages\/Blocks<\/h2>\n\n\n\n<p>Unlike the &#8220;Content&#8221; &gt; &#8220;Widgets&#8221; Menu, you can display AMP widgets anywhere within the CMS page\/block content. Therefore, this method is more flexible if you add widgets to complex CMS pages and CMS blocks with plenty of elements.<\/p>\n\n\n\n<p>In the following steps, you need to add AMP widgets to the AMP Content field of the needed CMS block or page.<\/p>\n\n\n\n<h3>Adding AMP Widget<\/h3>\n\n\n\n<p>In this example, we will show you how to add AMP widgets to a Homepage. However, you can add AMP widgets to any CMS page or CMS block for AMP following the guide below.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>In the main Magento menu, navigate to <strong>Content<\/strong> -&gt; <strong>Pages<\/strong>.<\/li><li>In the CMS Pages grid, find the needed page where you want to add a widget. Click <strong>Select -&gt; Edit<\/strong> on the corresponding record to edit the CMS page.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"524\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-5.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 6.png\" class=\"wp-image-23782\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-5.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-5-300x130.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-5-1024x445.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-5-768x334.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Scroll down to the <strong>AMP Content<\/strong>&nbsp;section, click where you want to insert a widget and press the&nbsp;<strong>Insert Widget<\/strong>&nbsp;button.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"430\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-13.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 7.png\" class=\"wp-image-24100\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-13.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-13-300x107.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-13-1024x365.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-13-768x274.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3>Configuring Widget Options<\/h3>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li><strong>&#8220;Widget Type&#8221;<\/strong>:&nbsp;select the widget type from the drop-down list.<\/li><li><strong>&#8220;Link Url&#8221;<\/strong>:&nbsp;optionally provide a URL of a widget if you want it to take users to a specific page.<\/li><li><strong>&#8220;Open Link in New Window&#8221;<\/strong>:&nbsp;set the option to <em>Yes<\/em> if you want to open the provided link in a new window.<\/li><li><strong>&#8220;Image&#8221;<\/strong>:&nbsp;click <strong>Choose Image<\/strong> to select the image to be showcased on the widget.<\/li><li><strong>&#8220;Alt&#8221;<\/strong>:&nbsp;specify an alternative text for the selected image.<\/li><li>Set image dimensions.<\/li><li>Click <strong>Insert Widget<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"897\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-7.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 8.png\" class=\"wp-image-23784\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-7.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-7-300x223.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-7-1024x762.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-7-768x571.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Now you can see that the widget code appeared in the AMP content section.<\/li><li>Click <strong>Save<\/strong> to apply all changes made to the Amp Theme Ome Homepage 1.<\/li><li>Click <strong>AMP Validation<\/strong> to check if your CMS page is valid after the changes have been made. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"431\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-14.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 8.png\" class=\"wp-image-24101\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-14.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-14-300x107.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-14-1024x366.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/09\/magento-2-amp-extension-adding-widgets-14-768x274.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3>Checking the Result<\/h3>\n\n\n\n<p>Go to your storefront and check the widget display. <strong>This is how the created widget looks on the Magento 2 frontend<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"825\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-11.png\" alt=\"Magento 2 AMP extension Adding AMP Widgets 12.png\" class=\"wp-image-23788\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-11.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-11-300x205.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-11-1024x700.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-adding-widgets-11-768x525.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Magento 2 AMP extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide describes two ways of creating AMP widgets: using the &#8220;Content&#8221; -&gt; &#8220;Widgets&#8221; Menu and Adding Widgets to CMS pages\/blocks.&nbsp;Both methods allow you to create the following types of AMP widgets: AMP Catalog New &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Insert AMP Widgets in Magento 2&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[330],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Insert AMP Widgets in Magento 2 - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"The Magento 2 AMP extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert AMP Widgets in Magento 2\" \/>\n<meta property=\"og:description\" content=\"The Magento 2 AMP extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-17T08:05:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-18T10:33:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Insert AMP Widgets in Magento 2 - Plumrocket Documentation","description":"The Magento 2 AMP extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets","og_locale":"en_US","og_type":"article","og_title":"How to Insert AMP Widgets in Magento 2","og_description":"The Magento 2 AMP extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide","og_url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets","og_site_name":"Plumrocket Documentation","article_published_time":"2021-08-17T08:05:24+00:00","article_modified_time":"2021-11-18T10:33:51+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg","contentUrl":"\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets","name":"How to Insert AMP Widgets in Magento 2 - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets#primaryimage"},"datePublished":"2021-08-17T08:05:24+00:00","dateModified":"2021-11-18T10:33:51+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"The Magento 2 AMP extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/amp-widgets#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 AMP","item":"https:\/\/plumrocket.com\/magento-amp"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-amp"},{"@type":"ListItem","position":4,"name":"v3","item":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3"},{"@type":"ListItem","position":5,"name":"How-to Guides","item":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides"},{"@type":"ListItem","position":6,"name":"How to Insert AMP Widgets in Magento 2"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23773"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=23773"}],"version-history":[{"count":28,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23773\/revisions"}],"predecessor-version":[{"id":27607,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23773\/revisions\/27607"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=23773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=23773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=23773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}