Learn how to add sections to template on Shopify. If you want to customize your Shopify store, showcase products effectively, add interactive elements, or add dynamic content, this step-by-step guide will help you add a customized section to your Shopify store template.
This guide is curated by our Shopify experts, who have worked for hundreds of Shopify stores in customization and setup.
Contact Us to for Any Shopify Help
Now jump to the guide.
Step-by-step guide: How to Add Sections to Template on Shopify?
Step 1: Log into Your Shopify Admin Panel
Log in to your Shopify admin account, and then Go to Online Store > Themes.
Step 2: Customize Your Theme
Now, under the themes section, find the theme you want to edit, and click on the Customize option.
Step 3: Go to the Template
Now that you are in the theme editor, use the dropdown menu at the top to select the template or page, for example, the home page, the product page, the collection page, etc., where you want to add sections.
Step 4: Add Sections
- In the left-hand panel, click on the Add section option.
- Browse through the available sections like Slideshow, Featured Collection, Image with Text, etc.
- Now click on the section you want to add.
- Customize the content and settings of the section according to your requirements.
Step 5: Rearrange Sections
You can rearrange sections by changing the order of sections. For this, simply drag and drop them in the left-hand panel.
Step 6: Save Your Changes
This is the most important step. Once you're satisfied with the changes, click Save at the top right corner.
Step 7: Preview Your Changes
After clicking on the save button, you can now preview your store to see how the new sections look and function.
Customize the Section by Editing Code
If you need more control or want to add custom sections, you can edit the theme's code for this by following the steps below.
- Go to the Online Store > Themes > Actions > Edit Code.
- Add a new section by creating a `.liquid` file under the Sections folder.
- Customize the section code and then include it in your template.
If you are not familiar with code or you are a store owner, then we suggest that you don't change or edit any code on the pages that can make or break store functionalities.
You can hire Shopify expert developers to add the desired sections your store needs.
Use Shopify Theme App Extension to Add Sections to the Template on Shopify
You can also use the Shopify theme app extension to add a section to the template on Shopify. Some apps, like Puco Sections, PageFly landing page builder, Sternify, etc., allow you to add custom sections without touching code.
Additional Tips:
Test responsiveness:
When you add the sections successfully, make sure the new sections look good on both desktop and mobile.
Backup:
Before you start adding sections to the template on Shopify, take a backup of the store. In case anything breaks, you can publish the backup.
Final Words
By following these steps, you can effectively add and customize sections in your Shopify template to create a unique shopping experience for your customers or as per your business requirements. But if you are still having any issues with adding sections to templates on Shopify, you can contact us. We offer Shopify customization services for different types of Shopify stores.