How to Call Block in Page Builder in Magento 2 – Complete Step-wise Method
Blocks in Magento 2 help you deliver a consistent frontend experience to the customers. Store owners can reuse the same block to render the same content at multiple places . In this post, I will share a complete step-wise method to call block in Page Builder in Magento 2.
Since the Magento 2.4.3 version, Adobe has introduced a native Page Builder in the platform. It helps easily create pages with drag-and-drop functionality. It supports adding layouts, elements, media, and content types, such as static and dynamic blocks. All these units can be further customized by configuring margin, height, width, padding, etc.
This drag-and-drop functionality makes it easier for store owners to create pages without any coding expertise. If you are a Magento 2 store owner, just getting started with Page Builder, read this blog post to learn to call block in Page Builder in Magento 2.
But before that, ensure you’ve created the block you want to call in Page Builder. You can do that by following these steps:
- In the Magento 2 admin panel, navigate to Content > Elements > Blocks.
- Click Add New Block
- Enter the required details, and click Save.
Now, we can call this newly created Block in Page Builder.
Let’s see how to do that…
Method to Call Block in Page Builder in Magento 2
In the Page Builder, follow these steps to call a block:
- In the left panel, expand the Add Content section. Drag the Block and drop it to the desired position on the page.
- Now, hover over the empty block, and click the settings icon to configure it.
- Select the appropriate Block that you want to call, configure the advanced settings, and click Save.
& you’ve successfully called Block in Page Builder in Magento 2. 😃
This was the easiest and preferred method to call Block in Page Builder in Magento 2. Alternatively, if you’re working on Magento customization, you can call CMS static block in the .phtml file.
Thank you for reading till the end.
If you face any issues following the above steps, feel free to comment. I would be happy to help you!
Do the good karma—share this helpful tutorial with your friends via social media 😇
Sanjay Jethva
Sanjay is the co-founder and CTO of Meetanshi with hands-on expertise with Magento since 2011. He specializes in complex development, integrations, extensions, and customizations. Sanjay is one the top 50 contributor to the Magento community and is recognized by Adobe.
His passion for Magento 2 and Shopify solutions has made him a trusted source for businesses seeking to optimize their online stores. He loves sharing technical solutions related to Magento 2 & Shopify.
Prev
Learn Different Types of Shopify Order Status & Their Meaning
35+ Chatbot Statistics That Need Your Immediate Attention
Next