Step 2: Click the \u201cTry for Free\u201d Button <\/h3>\n\n\n\n Select the section you like. Here, we select the Team 3 section.<\/p>\n\n\n\n
Click Try for Free, <\/strong>and <\/strong>you will get a free trial of the section features, working, and preview.<\/p>\n\n\n\n
While using the free trial, you will be redirected to the MIT demo store. Once you purchase the theme, you can use it in your Shopify theme.<\/p>\n\n\n\n
From here, click the Add section <\/strong>and select Meetnashi Team 3.<\/strong><\/p>\n\n\n\n
Step 3: Modify and Save the Section<\/h3>\n\n\n\n Click the Meetnashi Team 3 to explore the customization features. Here, you get 60+ options to craft the section as you want and make it yours.<\/p>\n\n\n
\n
Once you\u2019re done making the changes, save<\/strong> them.<\/p>\n\n\n\nMethod 2: Adding the Team Member Section Using Code<\/h2>\n\n\n\n These are the steps to add a team member section using custom code.<\/p>\n\n\n\n
Step 1: Create a New Section <\/h3>\n\n\n\n From the Shopify admin panel, go to Online store > Themes > \u2026(three dots) > Edit code. <\/strong>Then, from the Sections <\/strong>folder, add a new section and name it team-section.liquid.<\/strong><\/p>\n\n\n\n
Step 2: Paste the Team Member Section Code<\/h3>\n\n\n\n Copy the code below, paste it into the newly created section, and click Save<\/strong>.<\/p>\n\n\n\n{% schema %}\n{\n \"name\": \"Team Section\",\n \"settings\": [\n {\n \"type\": \"text\",\n \"id\": \"section_heading\",\n \"label\": \"Section Heading\",\n \"default\": \"Meet Our Team\"\n }\n ],\n \"blocks\": [\n {\n \"type\": \"team_member\",\n \"name\": \"Team Member\",\n \"settings\": [\n {\n \"type\": \"image_picker\",\n \"id\": \"photo\",\n \"label\": \"Photo\"\n },\n {\n \"type\": \"text\",\n \"id\": \"name\",\n \"label\": \"Name\",\n \"default\": \"John Doe\"\n },\n {\n \"type\": \"text\",\n \"id\": \"role\",\n \"label\": \"Role\",\n \"default\": \"Founder & CEO\"\n },\n {\n \"type\": \"url\",\n \"id\": \"linkedin\",\n \"label\": \"LinkedIn URL\"\n },\n {\n \"type\": \"url\",\n \"id\": \"twitter\",\n \"label\": \"Twitter URL\"\n }\n ]\n }\n ],\n \"presets\": [\n {\n \"name\": \"Team Section\",\n \"category\": \"Custom\"\n }\n ]\n}\n{% endschema %}\n<section class=\"team-section page-width\">\n {% if section.settings.section_heading != blank %}\n <h2 class=\"team-title\">{{ section.settings.section_heading }}<\/h2>\n {% endif %}\n <div class=\"team-grid\">\n {% for block in section.blocks %}\n <div class=\"team-card\">\n {% if block.settings.photo %}\n <img src=\"{{ block.settings.photo | img_url: '400x400' }}\" alt=\"{{ block.settings.name }}\" class=\"team-photo\" \/>\n {% endif %}\n <h3 class=\"team-name\">{{ block.settings.name }}<\/h3>\n <p class=\"team-role\">{{ block.settings.role }}<\/p>\n <div class=\"team-socials\">\n {% if block.settings.linkedin %}\n <a href=\"{{ block.settings.linkedin }}\" target=\"_blank\">LinkedIn<\/a>\n {% endif %}\n {% if block.settings.twitter %}\n <a href=\"{{ block.settings.twitter }}\" target=\"_blank\">Twitter<\/a>\n {% endif %}\n <\/div>\n <\/div>\n {% endfor %}\n <\/div>\n<\/section>\n<style>\n.team-section {\n text-align: center;\n padding: 50px 20px;\n}\n.team-title {\n font-size: 2rem;\n font-weight: bold;\n margin-bottom: 40px;\n}\n.team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 30px;\n}\n.team-card {\n background: #fff;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0px 4px 10px rgba(0,0,0,0.08);\n transition: transform 0.3s ease;\n}\n.team-card:hover {\n transform: translateY(-5px);\n}\n.team-photo {\n width: 120px;\n height: 120px;\n object-fit: cover;\n border-radius: 50%;\n margin-bottom: 15px;\n}\n.team-name {\n font-size: 1.2rem;\n font-weight: 600;\n}\n.team-role {\n font-size: 1rem;\n color: #555;\n margin-bottom: 10px;\n}\n.team-socials a {\n margin: 0 8px;\n text-decoration: none;\n font-size: 0.9rem;\n color: #0073e6;\n}\n.team-socials a:hover {\n text-decoration: underline;\n}\n<\/style>\n<\/pre>\n\n\n\nStep 3: Add the Section to Frontend<\/h3>\n\n\n\n Now again, from the Shopify admin panel, go to Online store > Themes > Customize. <\/strong>From the theme editor, click Add section <\/strong>and select Team section.<\/strong><\/p>\n\n\n\n
Edit the section from the sidebar; very few options are available.<\/p>\n\n\n
\n
Once you are done making the changes, this is how it will look (basic & boring). <\/p>\n\n\n
\n
Why Pick MIT Sections Pro App? <\/h2>\n\n\n\n MIT Sections Pro offers a stunning, customizable team member section. You’re in charge of its design and can adjust templates to match your brand perfectly. <\/p>\n\n\n\n
Even with the free template, you get full control over editing the section to make it your own.<\/p>\n\n\n\n
The app provides over 130+ free and paid sections, including banners, testimonials, and FAQs. Letting you build a professional Shopify store without coding.<\/p>\n\n\n\n
\nAnother template for the team member section is available with higher customization features<\/li>\n\n\n\n No cost for installation, completely free, making it easy for all merchants to tap into advanced customization<\/li>\n\n\n\n Compile these sections anytime, anywhere, with zero coding and easy-to-configure functionalities<\/li>\n\n\n\n Works with all Shopify themes and is crafted to optimize a high page speed for a seamless experience<\/li>\n\n\n\n We don’t lock your access anywhere. You can complete customization control in editing the section (even if you are using the free template)<\/li>\n\n\n\n No need to be stuck with the same section, easy to add\/replace a section with your expanding store<\/li>\n\n\n\n Reasonable pricing for all business sizes (small, medium, large), with a free trial available to ensure store compatibility before commitment<\/li>\n<\/ul>\n\n\n\r\n
\r\n
130+ Shopify Sections<\/span>\r\nYour all-in-one solution to create a professional Shopify store<\/p>\r\nInstall App Now<\/a>\r\n<\/div>\r\n\r\n
\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Showcasing your team is a powerful way to build customer trust and connect on a personal level. In this blog, we have mentioned a quick…<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[787],"tags":[],"class_list":["post-23046","post","type-post","status-publish","format-standard","hentry","category-shopify"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/23046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=23046"}],"version-history":[{"count":7,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/23046\/revisions"}],"predecessor-version":[{"id":23504,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/23046\/revisions\/23504"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=23046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=23046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=23046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Preview](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/app-preview-1024x431.png\")
<\/figure>\n<\/div>\n\n\n![\"Search](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/browse-section-1-1024x573.png\")
<\/figure>\n<\/div>\n\n\n![\"select](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/try-for-free.png\")
<\/figure>\n<\/div>\n\n\n![\"click](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/app-add-section.png\")
<\/figure>\n<\/div>\n\n\n![\"Edit](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/app-edit-section-1024x541.png\")
<\/figure>\n<\/div>\n\n\n![\"Add](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/save-changes-1024x572.png\")
<\/figure>\n\n\n\n![\"code](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/create-section.png\")
<\/figure>\n<\/div>\n\n\n![\"Liquid](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/image-1.png\")
<\/figure>\n\n\n\n![\"theme](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/code-add-section.png\")
<\/figure>\n<\/div>\n\n\n![\"Editing](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/code-edit-section-1024x424.png\")
<\/figure>\n<\/div>\n\n\n![\"Preview](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/10\/code-preview-1024x284.png\")
<\/figure>\n<\/div>\n\n\n![\"MIT](\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/mit-sections-pro.png\")
\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"