{"id":17154,"date":"2023-10-24T14:53:30","date_gmt":"2023-10-24T09:23:30","guid":{"rendered":"https:\/\/aureatelabs.com\/?p=17154"},"modified":"2025-02-14T14:38:16","modified_gmt":"2025-02-14T09:08:16","slug":"shopify-section-blocks","status":"publish","type":"post","link":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/","title":{"rendered":"Shopify Section Blocks: Free Tools for Store Customization"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Store designing is the most important phase for any <a href=\"https:\/\/aureatelabs.com\/blog\/ecommerce-business-how-far-have-we-come-and-what-is-the-future\/\" target=\"_blank\" rel=\"noopener\">eCommerce business<\/a>. It&#8217;s because the storefront helps online shoppers decide whether to trust the store or not. To make store designing and customization more interesting and efficient, Shopify has upgraded its theme editor with the <strong>Shopify Section and blocks<\/strong>. Here, we\u2019ll learn more about the sections &amp; blocks and also see how to add dynamic content to the theme templates using the \u201cShopify Section Blocks\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Basically, Shopify themes come with a default layout. You just need to fill in the right content and add the links for navigation. But with the help of Shopify sections and blocks, you can personalize the theme layout to match your desired storefront.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s dig more into the topic to understand the right use of the Shopify Sections and blocks to improve the user experience.&nbsp;<\/p>\n\n\n\n<h2 id='introduction-to-shopify-section'  id=\"boomdevs_1\" class=\"wp-block-heading\" id=\"htoc-introduction-to-shopify-section\">Introduction to Shopify Section<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Shopify Section gives you access to a specific area in the theme template with some customization options. A theme template (of any page) is a collection of one or more sections that allow you to design the layout of an entire page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When customizing any section, you have control over various settings and input options like text box, image picker, custom HTML, and so on. Shopify offers different types of sections like slideshow, collage, featured products, and many more.<\/p>\n\n\n\n<h3 id='shopify-section-blocks'  id=\"boomdevs_2\" class=\"wp-block-heading\" id=\"htoc-shopify-section-blocks\">Shopify Section Blocks<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, these sections are made up of multiple small components known as \u201cBlocks\u201d. Based on the type of section we create, we can add different types of blocks inside the section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see which in-built sections and blocks are available in the <a href=\"https:\/\/aureatelabs.com\/blog\/shopify-theme-customization-tutorial\/\" target=\"_blank\" rel=\"noopener\">Shopify theme to customize<\/a> the page template.<\/p>\n\n\n\n<h2 id='types-of-shopify-sections-blocks'  id=\"boomdevs_3\" class=\"wp-block-heading\" id=\"htoc-types-of-shopify-sections-amp-blocks\">Types of Shopify Sections &amp; Blocks<\/h2>\n\n\n\n<h4 id='announcement-bar'  id=\"boomdevs_4\" class=\"wp-block-heading\" id=\"htoc-announcement-bar\">Announcement bar<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This section lets you add important information that you want to highlight about your store. You can use the announcement bar section to show the latest news, upcoming events, or ongoing sale.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can add up to <strong>12 announcement blocks<\/strong> to your theme and also control which announcement to show on a specific page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-33-1024x495.png\" alt=\"Announcement bar\n\" class=\"wp-image-17187\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-33-1024x495.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-33-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-33-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-33-1536x743.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-33.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='header'  id=\"boomdevs_5\" class=\"wp-block-heading\" id=\"htoc-header\">Header<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The header section lets you customize the header portion of your <a href=\"https:\/\/aureatelabs.com\/guide\/build-ecommerce-website-from-scratch\/\" target=\"_blank\" rel=\"noopener\">eCommerce website<\/a>. This section includes your business name or logo, menu bar, and various customization options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-1-6-1024x493.png\" alt=\"Header\n\" class=\"wp-image-17155\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-1-6-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-1-6-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-1-6-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-1-6-1536x739.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-1-6.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The announcement bar and Header sections display on the top of every page. You cannot hide or change its position in your theme.<\/p>\n\n\n\n<h4 id='footer'  id=\"boomdevs_6\" class=\"wp-block-heading\" id=\"htoc-footer\">Footer<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The footer section is visible at the bottom of every page on your site. Here you can show important page links, social media links, payment icons, newsletter signup, and many more. This section allows you to add various Shopify section blocks such as image, menu, and text.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-2-5-1024x495.png\" alt=\"Footer\" class=\"wp-image-17156\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-2-5-1024x495.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-2-5-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-2-5-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-2-5-1536x743.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-2-5.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='blog-posts'  id=\"boomdevs_7\" class=\"wp-block-heading\" id=\"htoc-blog-posts\">Blog posts<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This section helps you to display a list of blog posts or articles in a row. If you have different blog post categories, then you have to select the one that you want to show in this section. You can also set the number of posts to display in the section. The maximum number of posts is 4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-3-5-1024x493.png\" alt=\"Blog posts\" class=\"wp-image-17157\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-3-5-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-3-5-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-3-5-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-3-5-1536x739.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-3-5.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='collage'  id=\"boomdevs_8\" class=\"wp-block-heading\" id=\"htoc-collage\">Collage<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Collage is all you need to have a beautiful multimedia representation in your store. This section allows you to make a collage of any 3 blocks from image, video, product, or collection. You can also use multiple images or multiple collections in a single collage whatever suits your requirements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-4-5-1024x496.png\" alt=\"Collage\" class=\"wp-image-17158\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-4-5-1024x496.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-4-5-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-4-5-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-4-5-1536x744.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-4-5.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='collapsible-content'  id=\"boomdevs_9\" class=\"wp-block-heading\" id=\"htoc-collapsible-content\">Collapsible content<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This section helps you to organize your content in multiple collapsible tabs (also known as \u201caccordion tabs\u201d). The Collapsible content lets you add rows of content that can be collapsed and expanded and a banner image to support the content.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section is mainly used for showing product information or the FAQ section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-5-5-1024x495.png\" alt=\"Collapsible content\" class=\"wp-image-17159\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-5-5-1024x495.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-5-5-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-5-5-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-5-5-1536x743.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-5-5.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='collection-list'  id=\"boomdevs_10\" class=\"wp-block-heading\" id=\"htoc-collection-list\">Collection list<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can use the collection list section when you wish to show or highlight multiple collections at once. This section lets you add a list of collections up to 16 to display as the Shopify section blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-6-4-1024x497.png\" alt=\"Collection list\" class=\"wp-image-17160\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-6-4-1024x497.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-6-4-300x146.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-6-4-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-6-4-1536x745.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-6-4.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='contact-form'  id=\"boomdevs_11\" class=\"wp-block-heading\" id=\"htoc-contact-form\">Contact form<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Using this section you can allow your users to reach you quickly. The contact form is basically found on the \u201cContact Us\u201d page. But thanks to the <a href=\"https:\/\/aureatelabs.com\/blog\/shopify-online-store-2-0\/\" target=\"_blank\" rel=\"noopener\">Online Store 2.0<\/a> features, you can now add the contact form section anywhere in your theme.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This form has fields like Name, Email, Phone Number, and Comment or Message. All the data submitted by the site visitors will be sent to your \u201cSender\u201d email address of your Shopify admin.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-7-4-1024x492.png\" alt=\"Contact form\" class=\"wp-image-17161\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-7-4-1024x492.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-7-4-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-7-4-768x369.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-7-4-1536x738.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-7-4.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='custom-liquid'  id=\"boomdevs_12\" class=\"wp-block-heading\" id=\"htoc-custom-liquid\">Custom Liquid<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to create a custom section inside your theme, the Custom Liquid section can help you. This section allows you to add liquid code or HTML to your theme template and extend your theme with additional features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example: Here I have added a countdown timer to the <a href=\"https:\/\/aureatelabs.com\/blog\/7-ways-to-impress-visitors-through-your-homepage\/\" target=\"_blank\" rel=\"noopener\">Homepage<\/a> to notify the visitors about the Sale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-8-3-1024x496.png\" alt=\"Custom Liquid\" class=\"wp-image-17162\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-8-3-1024x496.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-8-3-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-8-3-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-8-3-1536x744.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-8-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='email-signup-banner'  id=\"boomdevs_13\" class=\"wp-block-heading\" id=\"htoc-email-signup-banner\">Email signup banner<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Email signup banner is available in the Password page template of your theme. This section allows your customers to enter their email addresses and create customer accounts. Therefore, they will be notified when your store gets open.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This section is by default added to the Password page. Go to the password template to customize it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-9-3-1024x496.png\" alt=\"Email signup banner\" class=\"wp-image-17163\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-9-3-1024x496.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-9-3-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-9-3-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-9-3-1536x744.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-9-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='email-signup'  id=\"boomdevs_14\" class=\"wp-block-heading\" id=\"htoc-email-signup\">Email Signup<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Email signup section helps you to ask your visitors to subscribe to your newsletter or other emails for the latest updates or promotions. You can add this section anywhere in your store theme.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-10-3-1024x497.png\" alt=\"Email signup\" class=\"wp-image-17164\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-10-3-1024x497.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-10-3-300x146.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-10-3-768x373.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-10-3-1536x746.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-10-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='featured-product'  id=\"boomdevs_15\" class=\"wp-block-heading\" id=\"htoc-featured-product\">Featured product<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The featured product section offers a great way to highlight or promote a specific product or service anywhere on your theme. When you add this section, you need to select a product that you want to show as a featured product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-11-3-1024x494.png\" alt=\"Featured product\" class=\"wp-image-17165\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-11-3-1024x494.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-11-3-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-11-3-768x371.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-11-3-1536x741.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-11-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='featured-collection'  id=\"boomdevs_16\" class=\"wp-block-heading\" id=\"htoc-featured-collection\">Featured collection<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to highlight a specific <a href=\"https:\/\/aureatelabs.com\/guide\/ecommerce-ux-audit-checklist\/category-page-best-practices\/\" target=\"_blank\" rel=\"noopener\">product category or collection<\/a> on a page, this section is all you need to add to your theme template. Here you need to select a collection you want to show as a featured collection. You can also specify the number of products you want to show and customize the product grids.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-12-3-1024x493.png\" alt=\"Featured collection\" class=\"wp-image-17166\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-12-3-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-12-3-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-12-3-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-12-3-1536x739.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-12-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='image-banner'  id=\"boomdevs_17\" class=\"wp-block-heading\" id=\"htoc-image-banner\">Image banner<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">With the image banner section, you can place an attractive banner anywhere on your page. This section helps you to add a banner with up to 2 images, text, and up to 2 CTA buttons.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-13-2-1024x493.png\" alt=\"Image banner\" class=\"wp-image-17167\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-13-2-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-13-2-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-13-2-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-13-2-1536x740.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-13-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id='image-with-text'  id=\"boomdevs_18\" class=\"wp-block-heading\" id=\"htoc-image-with-text\">Image with text<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Image with text &#8211; A better way to highlight your brand, product category, or other services. This section lets you create an image with a text block that contains an optional CTA button.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-14-2-1024x494.png\" alt=\"Image with text\" class=\"wp-image-17168\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-14-2-1024x494.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-14-2-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-14-2-768x371.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-14-2-1536x741.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-14-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='multicolumn'  id=\"boomdevs_19\" class=\"wp-block-heading\" id=\"htoc-multicolumn\">Multicolumn<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The multicolumn section helps you add \u201cWhy Choose Us\u201d, \u201cOur Core Values\u201d or other highlights about your brand. Here you can add multiple content blocks (columns) to the section.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each block lets you add an image, text, and an optional link. Therefore, you can add the content as per you want to show the content blocks.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-15-2-1024x493.png\" alt=\"Multicolumn\" class=\"wp-image-17169\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-15-2-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-15-2-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-15-2-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-15-2-1536x740.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-15-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='page'  id=\"boomdevs_20\" class=\"wp-block-heading\" id=\"htoc-page\">Page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The page section allows you to add custom page content anywhere in your theme template. If you want to add a page such as FAQ, Pricing table, or Size chart as a section in your template, you just need to pick the existing page in this page section.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-16-1-1024x493.png\" alt=\"Page section\" class=\"wp-image-17170\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-16-1-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-16-1-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-16-1-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-16-1-1536x740.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-16-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='rich-text'  id=\"boomdevs_21\" class=\"wp-block-heading\" id=\"htoc-rich-text\">Rich text<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The rich text section offers a better way to tell about your store with a heading, paragraph, and an optional CTA button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the Heading block, you can add the title of the section. With the Text block, you can describe your brand. You can also use the button block to redirect the user to another page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-17-1-1024x492.png\" alt=\"Rich text\" class=\"wp-image-17171\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-17-1-1024x492.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-17-1-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-17-1-768x369.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-17-1-1536x738.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-17-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='slideshow'  id=\"boomdevs_22\" class=\"wp-block-heading\" id=\"htoc-slideshow\">Slideshow<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Mostly we have seen a slideshow on the header of the home page. But, if you wish to add multiple slideshows to your page, this can be done using the slideshow section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the \u201cSlide\u201d block you can add many images to your slideshow with an option to show banner text and CTA button on each slide.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-18-1-1024x492.png\" alt=\"Slideshow\" class=\"wp-image-17172\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-18-1-1024x492.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-18-1-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-18-1-768x369.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-18-1-1536x738.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-18-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 id='video'  id=\"boomdevs_23\" class=\"wp-block-heading\" id=\"htoc-video\">Video<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Adding a video to your page is the easiest way to grab the shopper&#8217;s attention. With the help of this section, you can place a full-width video on your theme template.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You just need to provide a video URL (from YouTube or Vimeo) and select the cover image for the video section.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-19-1-1024x493.png\" alt=\"Video\" class=\"wp-image-17173\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-19-1-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-19-1-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-19-1-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-19-1-1536x740.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-19-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is how you can easily build your storefront with the optimal use of Shopify section blocks. After getting a brief idea about the sections and their blocks, let\u2019s learn how to customize them.<\/p>\n\n\n\n<h2 id='customize-your-store-with-shopify-section-blocks'  id=\"boomdevs_24\" class=\"wp-block-heading\" id=\"htoc-customize-your-store-with-shopify-section-amp-blocks\">Customize your store with Shopify Section &amp; Blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Customizing the theme is fun with Shopify. And with the rise of Online Store 2.0, Shopify merchants have more control over every section and block. As a result, they can get better store designs with less effort.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you feel you are not made for store designing or are too busy with other business operations to design your online store, we are here to help hold your back. You can hire our Shopify experts for your <a href=\"https:\/\/aureatelabs.com\/blog\/shopify-customization-with-2-0\/\" target=\"_blank\" rel=\"noopener\">Shopify store customization<\/a> and save your time and effort for the more important tasks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong>Before adding any section or block in your theme, make sure you are customizing the right template. You can simply choose the theme template using the dropdown menu (at the top) in the theme editor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-20-1-1024x495.png\" alt=\"Customizing the theme\" class=\"wp-image-17174\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-20-1-1024x495.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-20-1-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-20-1-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-20-1-1536x743.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-20-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Now let\u2019s check how to create a section in your theme template.&nbsp;<\/p>\n\n\n\n<h3 id='how-to-add-a-section-in-shopify'  id=\"boomdevs_25\" class=\"wp-block-heading\" id=\"htoc-how-to-add-a-section-in-shopify\">How to add a section in Shopify?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s say we are on the product default template and want to add a new section to highlight the key features of the product. Here, we shall use the \u201cmulticolumn\u201d section to achieve this.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps to create a section in the Shopify theme:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1: <\/strong>Scroll down to the end of the sections &amp; block area (left on the theme editor) and click on Add section.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-21-1-1024x493.png\" alt=\"Add section\" class=\"wp-image-17175\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-21-1-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-21-1-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-21-1-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-21-1-1536x740.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-21-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2: <\/strong>Select the section from the options you want to add to the template. Here we\u2019ll select the \u201cMulticolumn\u201d from the list of sections.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-22-1-1024x473.png\" alt=\"Multicolumn\" class=\"wp-image-17176\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-22-1-1024x473.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-22-1-300x139.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-22-1-768x355.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-22-1-1536x709.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-22-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">You can also use the \u201csearch\u201d option to find the section if you cannot find the section in the list.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every time you add a new section, you can find it above the footer section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: <\/strong>Move the new section anywhere between the \u201cHeader\u201d and \u201cFooter\u201d sections using the drag and drop feature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-23-1-1024x475.png\" alt=\"add extra blocks\" class=\"wp-image-17177\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-23-1-1024x475.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-23-1-300x139.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-23-1-768x356.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-23-1-1536x712.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-23-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now you are free to customize the newly added section with the options available for the theme section. You may also need to <strong>add extra blocks<\/strong> to fill the section with enough amount of information or content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see how to add blocks in the theme section.<\/p>\n\n\n\n<h3 id='how-to-add-a-block-in-shopify'  id=\"boomdevs_26\" class=\"wp-block-heading\" id=\"htoc-how-to-add-a-block-in-shopify\">How to add a block in Shopify?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the product template, we can see there is a default section named \u201cProduct Information\u201d. It already has many blocks added by default. But it still offers an option to add a new block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now we shall add a new block for product reviews in the product information section.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps to create a block in the Shopify theme:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> In a section, click on <strong>Add block<\/strong>. This will open a list of various types of blocks.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/screenshot.png\" alt=\"Add block\" class=\"wp-image-17188\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/screenshot.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/screenshot-300x130.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/screenshot-768x333.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2: <\/strong>Select a <strong>block <\/strong>from the option. We shall use the \u201cProduct rating\u201d block here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Same as the section search option, you can use the \u201cblock search\u201d option. You can find the new block added at the bottom of the section.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: <\/strong>Move the new block within the section using drag and drop. We shall place the \u201cProduct rating\u201d block next to the product title.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-24-1-1024x474.png\" alt=\"Product rating\" class=\"wp-image-17178\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-24-1-1024x474.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-24-1-300x139.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-24-1-768x356.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-24-1-1536x711.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-24-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4: <\/strong>Now fill the block with the required data.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5: <\/strong>Once the block is prepared with the content, save the change.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This way you can add as many blocks to the section as you want (based on the maximum blocks limit).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also remove the sections or blocks that are no longer needed in your theme template. Let\u2019s see how to do that.<\/p>\n\n\n\n<h3 id='how-to-remove-a-section-or-block'  id=\"boomdevs_27\" class=\"wp-block-heading\" id=\"htoc-how-to-remove-a-section-or-block\">How to remove a section or block?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s say the product default template has an \u201cImage with text\u201d section which is not required now. So we can either hide it or remove it from the template. You can simply hide the Shopify section and blocks by clicking on the eye icon beside the section or block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps to remove a section or block in Shopify:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1: <\/strong>In the Shopify theme template, click on the section or block that you want to permanently delete.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Click on the <strong>Remove Section<\/strong> or <strong>Remove block<\/strong> button that appears at the bottom of the side panel of the theme editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: <\/strong>Save the changes.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how you can customize your store design with the help of Shopify section blocks.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What if we could show different content based on the different products or collections using these sections or blocks? The good news is that showing dynamic content is possible by connecting the <strong>Shopify metafields<\/strong> with the section &amp; blocks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see how to do that!<\/p>\n\n\n\n<h2 id='display-dynamic-content-using-shopify-sections-blocks'  id=\"boomdevs_28\" class=\"wp-block-heading\" id=\"htoc-display-dynamic-content-using-shopify-sections-amp-blocks\">Display Dynamic Content using Shopify Sections &amp; Blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you enter data directly in the template using the theme editor, it remains static for all the <a href=\"https:\/\/aureatelabs.com\/blog\/shopify-product-page\/\" target=\"_blank\" rel=\"noopener\">product pages<\/a> or collections.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, suppose you want to show expected shipping days on the <a href=\"https:\/\/aureatelabs.com\/guide\/build-ecommerce-website-from-scratch\/product-page-optimization\/\" target=\"_blank\" rel=\"noopener\">product page<\/a> that should vary based on the different products. But if you add this directly to the product template, it will show the same data for all the products.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, to show dynamic data on your store, you can use the metafields with the sections or blocks.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Shopify offers different <strong>types of metafields<\/strong> to hold custom data for various parts of your online store. For example, the product metafields are used to store data about the products, the variant metafields are used to store information about the product variants, and so on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For showing these metafields data on your storefront, first, you need to create them. This includes:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/help.shopify.com\/en\/manual\/metafields\/metafield-definitions\" target=\"_blank\" rel=\"noreferrer noopener\">Defining the Shopify metafields<\/a> you need to create for, i.e. products, collections, variants, customers orders.<\/li>\n\n\n\n<li><a href=\"https:\/\/help.shopify.com\/en\/manual\/metafields\/adding-values-to-metafields#next-steps-after-adding-values-to-metafields\" target=\"_blank\" rel=\"noreferrer noopener\">Adding values to the metafields<\/a> from the Shopify store admin.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">After this, you can connect the metafield to the section or block to show the dynamic data on your online store. Let\u2019s see how to do that with step by step guide.<\/p>\n\n\n\n<h3 id='connecting-the-metafields-to-shopify-section-blocks'  id=\"boomdevs_29\" class=\"wp-block-heading\" id=\"htoc-connecting-the-metafields-to-shopify-section-blocks\"><strong>Connecting the Metafields to Shopify Section Blocks<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here let\u2019s consider that we have created a product metafield that holds the \u201cEstimate shipping days\u201d for the products as shown below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"891\" height=\"654\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-25-1.png\" alt=\"Estimate shipping days\" class=\"wp-image-17179\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-25-1.png 891w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-25-1-300x220.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-25-1-768x564.png 768w\" sizes=\"auto, (max-width: 891px) 100vw, 891px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Also, we have added values to this metafield for different products.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-26-1-1024x516.png\" alt=\"product metafield\" class=\"wp-image-17180\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-26-1-1024x516.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-26-1-300x151.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-26-1-768x387.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-26-1.png 1043w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Now we\u2019ll link this product metafield (Estimate shipping days) to our <a data-wpil=\"url\" data-wpil=\"url\" data-wpil=\"url\" href=\"https:\/\/aureatelabs.com\/blog\/best-shopify-2-0-themes\/\" target=\"_blank\" rel=\"noopener\">Shopify 2.0 themes<\/a> using the <strong>dynamic sources<\/strong> feature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Follow the steps below to show the dynamic data on your online store:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Open the theme editor from your Shopify store admin.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-27-1-1024x584.png\" alt=\"theme editor \" class=\"wp-image-17181\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-27-1-1024x584.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-27-1-300x171.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-27-1-768x438.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-27-1.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Open the template (from the dropdown menu), in which you want to connect the metafield. Here, we will select the \u201cproduct\u201d default template.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-28-1-1024x493.png\" alt=\"product\" class=\"wp-image-17182\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-28-1-1024x493.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-28-1-300x144.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-28-1-768x370.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-28-1-1536x739.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-28-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: <\/strong>Add a section or block to add the dynamic content source using metafield. We\u2019ll add a text block in the \u201cProduct Information\u201d section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> Move the newly added block or section where you want to show the metafield data. We\u2019ll place the text block below the quantity picker.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-29-1-1024x497.png\" alt=\"text block\" class=\"wp-image-17183\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-29-1-1024x497.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-29-1-300x146.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-29-1-768x373.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-29-1-1536x746.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-29-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Step 5:&nbsp; Click on the dynamic source icon to connect the block or section with the metafield.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-30-1-1024x495.png\" alt=\"dynamic source icon\" class=\"wp-image-17184\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-30-1-1024x495.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-30-1-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-30-1-768x371.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-30-1-1536x742.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-30-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6: <\/strong>Select the metafield you want to insert the metafield value to the Shopify section or blocks. Here, we\u2019ll select the \u201cEstimate shipping days\u201d that we recently created.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-31-1024x497.png\" alt=\"Estimate shipping days\" class=\"wp-image-17185\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-31-1024x497.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-31-300x146.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-31-768x373.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-31-1536x746.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-31.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7: <\/strong>Click on the \u201cInsert\u201d button after selecting the metafield.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8: <\/strong>Add supporting content or customize the section or block to represent the metafield value in a better way.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-32-1024x496.png\" alt=\"Add supporting content \" class=\"wp-image-17186\" srcset=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-32-1024x496.png 1024w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-32-300x145.png 300w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-32-768x372.png 768w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-32-1536x744.png 1536w, https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/pasted-image-0-32.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 9: <\/strong>Save the changes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it. This is how we can show different content using the metafield with Shopify section blocks.<\/p>\n\n\n\n<h2 id='conclusion'  id=\"boomdevs_30\" class=\"wp-block-heading\" id=\"htoc-conclusion\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here we learned about the <strong>Shopify sections and blocks<\/strong> in detail. Shopify gives you more control over theme customization by allowing the sections and blocks in the entire theme. As a result, you can easily now achieve the storefront that you dreamed of.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hope this guide helped you understand how to customize the online store using the Shopify section blocks. For more information, you can explore our other blogs or <a href=\"https:\/\/aureatelabs.com\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">ask us directly<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Store designing is the most important phase for any eCommerce business. It&#8217;s because the storefront helps online shoppers decide whether to trust the store or not. To make store designing&#8230;<\/p>\n","protected":false},"author":42,"featured_media":20902,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[75],"tags":[76],"magento-tutorials":[],"hyva-tutorials":[],"class_list":["post-17154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","tag-shopify"],"nelio_popups_active_popup":"","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Shopify Section Blocks: Free Tools for Store Customization<\/title>\n<meta name=\"description\" content=\"Shopify 2.0 offers different types of sections &amp; blocks. Learn how to customize the online store using the Shopify section 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:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shopify Section Blocks: Free Tools for Store Customization\" \/>\n<meta property=\"og:description\" content=\"Shopify 2.0 offers different types of sections &amp; blocks. Learn how to customize the online store using the Shopify section blocks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Aureate Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aureate.labs\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-24T09:23:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-14T09:08:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"326\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sagarika Das\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Shopify Section Blocks: Free Tools for Store Customization\" \/>\n<meta name=\"twitter:description\" content=\"Shopify 2.0 offers different types of sections &amp; blocks. Learn how to customize the online store using the Shopify section blocks.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@aureate_labs\" \/>\n<meta name=\"twitter:site\" content=\"@aureate_labs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sagarika Das\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shopify Section Blocks: Free Tools for Store Customization","description":"Shopify 2.0 offers different types of sections & blocks. Learn how to customize the online store using the Shopify section 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:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/","og_locale":"en_GB","og_type":"article","og_title":"Shopify Section Blocks: Free Tools for Store Customization","og_description":"Shopify 2.0 offers different types of sections & blocks. Learn how to customize the online store using the Shopify section blocks.","og_url":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/","og_site_name":"Aureate Labs","article_publisher":"https:\/\/www.facebook.com\/aureate.labs","article_published_time":"2023-10-24T09:23:30+00:00","article_modified_time":"2025-02-14T09:08:16+00:00","og_image":[{"width":1020,"height":326,"url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg","type":"image\/jpeg"}],"author":"Sagarika Das","twitter_card":"summary_large_image","twitter_title":"Shopify Section Blocks: Free Tools for Store Customization","twitter_description":"Shopify 2.0 offers different types of sections & blocks. Learn how to customize the online store using the Shopify section blocks.","twitter_image":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg","twitter_creator":"@aureate_labs","twitter_site":"@aureate_labs","twitter_misc":{"Written by":"Sagarika Das"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#article","isPartOf":{"@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/"},"author":{"name":"Sagarika Das","@id":"https:\/\/aureatelabs.com\/#\/schema\/person\/6f1ce879b1467051310878d0f6552ec9"},"headline":"Shopify Section Blocks: Free Tools for Store Customization","datePublished":"2023-10-24T09:23:30+00:00","dateModified":"2025-02-14T09:08:16+00:00","mainEntityOfPage":{"@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/"},"wordCount":2655,"commentCount":0,"publisher":{"@id":"https:\/\/aureatelabs.com\/#organization"},"image":{"@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg","keywords":["Shopify"],"articleSection":["Shopify"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/","url":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/","name":"Shopify Section Blocks: Free Tools for Store Customization","isPartOf":{"@id":"https:\/\/aureatelabs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#primaryimage"},"image":{"@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg","datePublished":"2023-10-24T09:23:30+00:00","dateModified":"2025-02-14T09:08:16+00:00","description":"Shopify 2.0 offers different types of sections & blocks. Learn how to customize the online store using the Shopify section blocks.","breadcrumb":{"@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#primaryimage","url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg","contentUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/2023\/11\/Shopify-Section-Blocks-_-Free-Tools-for-Store-Customization-1.jpg","width":1020,"height":326,"caption":"Shopify Section Blocks"},{"@type":"BreadcrumbList","@id":"https:\/\/aureatelabs.com\/blog\/shopify-section-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aureatelabs.com\/"},{"@type":"ListItem","position":2,"name":"Shopify Section Blocks: Free Tools for Store Customization"}]},{"@type":"WebSite","@id":"https:\/\/aureatelabs.com\/#website","url":"https:\/\/aureatelabs.com\/","name":"Aureate Labs","description":"Building experience-driven, content-driven and customer-centric commerce for upbeat and modern B2C &amp; D2c brands","publisher":{"@id":"https:\/\/aureatelabs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aureatelabs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/aureatelabs.com\/#organization","name":"Aureate Labs","url":"https:\/\/aureatelabs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aureatelabs.com\/#\/schema\/logo\/image\/","url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/Aureate-Labs-Logo.svg","contentUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/Aureate-Labs-Logo.svg","width":1,"height":1,"caption":"Aureate Labs"},"image":{"@id":"https:\/\/aureatelabs.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/aureate.labs","https:\/\/x.com\/aureate_labs","https:\/\/www.linkedin.com\/company\/aureate-labs\/","https:\/\/www.youtube.com\/channel\/UC-gHzpwI_CrXplSquIPjppQ\/","https:\/\/www.instagram.com\/aureate_labs\/"]},{"@type":"Person","@id":"https:\/\/aureatelabs.com\/#\/schema\/person\/6f1ce879b1467051310878d0f6552ec9","name":"Sagarika Das","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/b49f6e312b5a4e9ffac7897091e0a46464bf7cc8dc2c59c8a17ecac38e01e29d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b49f6e312b5a4e9ffac7897091e0a46464bf7cc8dc2c59c8a17ecac38e01e29d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b49f6e312b5a4e9ffac7897091e0a46464bf7cc8dc2c59c8a17ecac38e01e29d?s=96&d=mm&r=g","caption":"Sagarika Das"},"description":"Sagarika Das is a Content Marketing Manager at Aureate Labs who turns SEO, SaaS, and storytelling into content that builds authority and drives results. From long-form blogs to strategic brand growth, she creates content that ranks, connects, and delivers real value."}]}},"_links":{"self":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/posts\/17154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/comments?post=17154"}],"version-history":[{"count":0,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/posts\/17154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/media\/20902"}],"wp:attachment":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/media?parent=17154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/categories?post=17154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/tags?post=17154"},{"taxonomy":"magento-tutorials","embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/magento-tutorials?post=17154"},{"taxonomy":"hyva-tutorials","embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/hyva-tutorials?post=17154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}