<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=262721675103356&amp;ev=PageView&amp;noscript=1">

2 min read

Guide to create CMS Blocks in Adobe Commerce (Magento Commerce)

Do you know that you can add reusable and custom content to different areas and pages of your Magento online store easily and efficiently? The “CMS Blocks” are the perfect solution. These are static content blocks that allow you to add text, images, videos, widgets, and more anywhere in your store.

In this article we will show you how useful they are and how you can start creating and using them in your Magento online store.

Content

  • What is a CMS Block?
  • Why should you use CMS Blocks?
  • How to create and use CMS Blocks?

 

What is a CMS Block?

A CMS block in Magento Commerce is a modular unit of reusable content. These blocks are a way to create content that can be added to different pages and areas in an online store. They can be used to add text, images, videos, widgets, and much more.

Why should you use CMS Blocks?

Here are some of the reasons why you should use blocks:

  • Flexibility: Blocks allow you to add and customize content in different areas and pages of the online store. This means that promotional or informational content can be added anywhere in the store.
  • Reuse: Blocks can be created once and reused across multiple pages. This is especially useful for content that appears on multiple store pages, such as a promotional banner.
  • Version Control: Blocks allow you to version control your content, which means you can easily update your content without having to change it on every page it appears on.
  • Personalization: Blocks allow for content customization using the Magento block visual editor. This means that you can easily create content that matches the brand and style of the online store.

How to create and use CMS Blocks?

  1. To create a block you must first go to the section Content > Elements > Blocks:create Blocks_Magento
  2. In this tab you can see the list of the existing blocks, to create a new block just click on the "Add New Block" button:Add New Block_Magento

  3. You must add a title, an identifier, and the content you want to display in your block. Then press the save button and you will have your block created:new block_Magento

  4. Now that you have your block, you must create a page where you can add it to display it. To do this go to the section Content > Elements > Pages:create a page_Magento

  5. In this tab you can see the list of existing pages, to create a new one simply click on the "Add new Page" button:Add new Page_Magento

  6. You must add the title of the page and click on the "Insert Widget" button:Insert Widget_Magento

  7. Select the "CMS Static Block" option:CMS Static Block_Magento

  8. You must select the block you previously created:select the block_Magentoselect block_Magento

  9. Then click on “Insert Widget”:blocks_paso10

  10. The code to display that block will be automatically added to your page:code to display_Magento

  11. You just must save the changes and now you can see the content block you have created:blocks_paso12-1

In this example we simply add a title element to the block, but remember that you can create blocks with much more elaborate content and styles:block-ejemplo-codigoblock-example_Magento

Blocks are a valuable feature in Magento Commerce that allows online store admins to add and customize content flexibly and efficiently. Blocks are easy to create and customize, can be reused across different areas and pages, and allow version control of content. All these factors make blocks a very useful tool to improve the user experience and increase sales of your online store.

Suggested Insights For You

Content personalization in Magento Commerce

Content personalization in Magento Commerce

Magento is a robust eCommerce solution that has consolidated itself as one of the industry leaders and is quickly growing in popularity amongst...

Read More
Step-by-step guide to add a coupon to your store in Adobe Commerce

Step-by-step guide to add a coupon to your store in Adobe Commerce

If you own an online store, you already know how important it is to attract and keep loyal customers. Coupons are a powerful tool for achieving both...

Read More
Value and implementation of sites, stores and views in Adobe Commerce

Value and implementation of sites, stores and views in Adobe Commerce

Through this blog we will learn how to implement and know the importance of a great feature that Magento gives us, which allows us to have different...

Read More

ICX SUBSCRIPTION

Come and be part of the latest specific insights provided by our experts

What’s next?

ARE YOU READY?