{"id":23842,"date":"2021-08-18T08:25:02","date_gmt":"2021-08-18T12:25:02","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=23842"},"modified":"2021-11-18T05:35:16","modified_gmt":"2021-11-18T10:35:16","slug":"how-to-edit-amp-content-for-magento-2-cms-blocks","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks","title":{"rendered":"How to Edit AMP Content for Magento 2 CMS Blocks"},"content":{"rendered":"\n

In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension<\/a>.<\/p>\n\n\n\n

Editing AMP Content for CMS Blocks<\/h2>\n\n\n\n
\n

Step-by-step guide:<\/p>\n\n\n\n

  1. In the main Magento menu, go to Content<\/strong> -> Elements -> Blocks<\/strong>. <\/li>
  2. In the CMS Blocks<\/strong> grid, find the needed block, and click clicking Select<\/strong> -> Edit<\/strong> in the corresponding record.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Editing<\/figure>\n\n\n\n
    \n

    Step-by-step guide:<\/p>\n\n\n\n

    1. In the WYSIWYG editor, you can edit the page\u2019s content that is automatically converted into AMP format. Please note that the AMP Content <\/strong>field below must be empty for the content to be automatically converted. However, JavaScript or other complex elements cannot be converted to AMP format automatically, and you need to replace them with AMP components manually – see the next step. <\/li>
    2. In the AMP Content<\/strong> field, you can enter the AMP content for the CMS page. Make sure to keep the AMP HTML specification and text formatting<\/a> when replacing complex HTML with AMP components.
      Currently, the WYSIWYG editor is not supported in this field, so we recommend using the online       AMP playground<\/a> to write valid AMP HTML code and paste it here. Additionally, check the guide on how to add AMP widgets<\/a> if you want to insert one.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"Editing<\/figure>\n\n\n\n

      Validating CMS Blocks<\/h2>\n\n\n\n

      After making changes to CMS blocks, make sure that the AMP pages where the blocks are displayed are valid. Please follow the guide on how to validate AMP pages<\/a>.<\/p>\n\n\n\n

      \n\n\n\n

      Related page: How to Edit AMP Content for CMS Pages in Magento 2<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

      In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension. Editing AMP Content for CMS Blocks Validating CMS Blocks After making changes to CMS blocks, make sure that the AMP pages where the blocks are displayed are valid. Please follow the guide … <\/p>\n

      Continue reading “How to Edit AMP Content for Magento 2 CMS Blocks”<\/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":"\nHow to Edit AMP Content for Magento 2 CMS Blocks - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension. Editing AMP Content for CMS Blocks\" \/>\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\/cms-blocks\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Edit AMP Content for Magento 2 CMS Blocks\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension. Editing AMP Content for CMS Blocks\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-18T12:25:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-18T10:35:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-editing-cms-blocks-1.png\" \/>\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=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Edit AMP Content for Magento 2 CMS Blocks - Plumrocket Documentation","description":"In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension. Editing AMP Content for CMS Blocks","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\/cms-blocks","og_locale":"en_US","og_type":"article","og_title":"How to Edit AMP Content for Magento 2 CMS Blocks","og_description":"In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension. Editing AMP Content for CMS Blocks","og_url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks","og_site_name":"Plumrocket Documentation","article_published_time":"2021-08-18T12:25:02+00:00","article_modified_time":"2021-11-18T10:35:16+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-editing-cms-blocks-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"2 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\/cms-blocks#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-editing-cms-blocks-1.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-editing-cms-blocks-1.png","width":1206,"height":566},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks","name":"How to Edit AMP Content for Magento 2 CMS Blocks - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks#primaryimage"},"datePublished":"2021-08-18T12:25:02+00:00","dateModified":"2021-11-18T10:35:16+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"In this article, you will learn how to edit AMP content for CMS blocks with the help of the Magento 2 AMP extension. Editing AMP Content for CMS Blocks","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/userguides\/cms-blocks#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 Edit AMP Content for Magento 2 CMS Blocks"}]},{"@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\/23842"}],"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=23842"}],"version-history":[{"count":17,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23842\/revisions"}],"predecessor-version":[{"id":25107,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23842\/revisions\/25107"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=23842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=23842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=23842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}