Custom Shopify sections are the backbone of a modern online store. They make every page editable, letting merchants shape layouts without touching code. Mgroup designs and builds Online Store 2.0 sections tuned for your brand, your conversion patterns, and your team's editor workflow.
Shopify's base themes provide a strong start, but prebuilt blocks can only go so far. Custom sections target your brand, your products, and your conversion patterns — bundles, lookbooks, configurators, comparison tables, and campaign-ready blocks that default themes simply don't ship.
We build the section types that move revenue and brand storytelling: hero / slider, product showcases, FAQ blocks, testimonials, landing modules, and contact forms. Plus campaign-ready blocks — bundles, configurators, comparison tables, image+text storytelling, and split heroes — designed for your store's specific buyer.
Build my section library
Our goal is to make Shopify storefront customization simple for merchants and marketing teams. Every section ships with a clear schema — text, color, alignment, image and video pickers, and links — and connects to product, variant, collection, and shop-level metafields so dynamic content updates without code.
nPerformance is built in: lazy loading, scoped CSS, minimal JS, and no third-party page-builder bloat. Brand and conversion are designed in from day one — every store has its own rhythm and visual story.
Start a section projectThe schema, blocks, app blocks, metafields, and section group concepts that make Mgroup sections editor-friendly, performant, and reusable.
Liquid {% schema %} declares editable settings — text, color, image, link, range. Merchants edit; developers stay out.
Repeatable child elements inside a section. Add, remove, reorder — for slide cards, FAQ items, testimonials, feature lists.
Sections that accept content blocks from installed Shopify apps — reviews, search, upsell — without touching theme code.
Page-level config files defining section order. Merchants reorder sections per template — no redeploy needed.
Custom data on products, variants, collections — size charts, ingredients, B2B tiers — surfaced in section UI without app installs.
The schema you write defines the form merchants see — toggles, dropdowns, color pickers, range sliders. Editor UX matters.
Six production-grade section categories — from homepage heroes to PDP modules, collection merchandising, footer CTAs, app block sections, and reusable libraries. Each one ships with editor controls, schema docs, and CWV-safe markup. Every section is built natively on the Shopify platform (Online Store 2.0). For enterprise and Shopify Plus stores, sections support localization — localized content and market-specific banners managed from one dashboard across multi-store setups.
Hero sliders, featured collections, brand stories, press marquees, newsletter signups, lookbook tiles, and split editorial blocks.
Product stories, ingredient lists, size guides, variant configurators, FAQ blocks, comparison tables — wired to metafields.
Filterable grids, promotional tiles, swatch pickers, sort controls, tabbed collections, lookbook overlays — built for browse-to-PDP CR.
Newsletter signups, value-prop trust bars, sticky CTA bars, FAQ accordions, content footers — the trust signals that close hesitant buyers.
Sections with app block slots — reviews, search, upsell, subscription widgets — apps drop in without theme code edits.
A reusable kit of 10–30 sections, documented, with editor presets — the foundation your team can ship campaigns on for years.
No-commitment scoping call · response within 1 business day
How custom Online Store 2.0 sections by Mgroup compare to default theme sections or third-party page-builder apps (Shogun, PageFly, GemPages) on the metrics that actually matter.
| Criterion | With Mgroup | Page-builder app |
|---|---|---|
| Brand fit | Designed for your store, your buyer | Generic templates shared with thousands |
| Performance impact | Scoped CSS, minimal JS, lazy loaded | 50–200 KB extra JS per page, blocking |
| Core Web Vitals | No measurable hit | 10–30 point Lighthouse drop typical |
| Native editor integration | Edit in Shopify theme editor | Edit in third-party app dashboard |
| Metafields support | Built-in dynamic sources | App-specific, often limited |
| App block support | Yes — reviews, search, subscriptions | Locked to the builder's ecosystem |
| SEO markup | Semantic HTML, schema-ready | Wrapper divs, often non-semantic |
| Monthly cost | One-time build cost | $39–$199/mo recurring forever |
| Vendor lock-in | None — sections live in your theme | Uninstall the app, pages break |
| Library reuse | Single library across all pages | Rebuild each page in the editor |
| Hand-off | Editor training + docs included | Builder's docs only · no Mgroup support |
| Best for | Brands shipping campaigns regularly | One-off landing pages with no resources |
Get a free 30-min section audit — we'll show you which sections leak revenue and what a custom Mgroup library would replace.
Transparent pricing for the three engagement models we use most often. Final quotes depend on section complexity, metafield wiring, and editor preset scope.
One advanced custom section.
3–7 days
Brief a sectionA reusable kit of five sections.
2–4 weeks
Build my section packEditor-ready system across your store.
4–8 weeks · scoped
Plan my full libraryNeed a fixed-price proposal? Share your brief — we'll respond with a scoped quote within 1 business day.
Section libraries we've shipped across every major eCommerce vertical. Each industry has its own merchandising patterns and conversion levers — and our section blueprints reflect that.
Lookbook tiles, editorial hero sliders, variant swatch pickers, size guide modals, sticky cart bars — built for full-bleed photography.
Shade pickers, ingredient lists, before/after sliders, routine bundles, subscription cards — tuned for impulse PDP conversion.
Spec tables, comparison grids, configurator UX, warranty add-on, ERP/CRM-fed sections. Built for considered-purchase journeys.
Build-a-box sections, allergen filters, delivery slot pickers, geo-restricted shipping notices, frequency selectors for subscription DTC.
Tier pricing display, quick reorder, PO checkout, CSV upload, NET 30 terms surfaced via metafields on Shopify B2B.
Editorial collection rows, room-based merchandising, freight-aware shipping callouts, configurator sections, finance integration callouts.
A six-step workflow from consultation to deployment. Every section is designed in Figma, built on OS 2.0, tested on real devices, and documented for editors.
We learn how your team edits, what pages need sections most, and which campaigns are coming up. Output: a prioritized section list.
Figma mockups for each section, mobile-first, tied to your brand system. Edge cases (long titles, missing images, empty fields) designed too.
Sections built on Online Store 2.0 with clear schema, blocks, app block support, and metafield connections. Clean Liquid, scoped CSS, minimal JS.
Cross-browser and real-device QA, Lighthouse and CLS checks, schema validation, and editor walkthrough on staging.
Sections pushed to live, editor training session, and documentation so your team can build pages with the new library day one.
New sections per campaign, refinements based on real CR data, and ongoing library growth as the brand grows.
As a full-cycle Shopify Plus agency, Mgroup has shipped section libraries for fashion, beauty, food and beverage, electronics, supplements, and B2B brands. The patterns are real — built around how merchants actually use the editor.
Talk to a Section BuilderFull theme builds where the section library is part of the system.
Brand identity work applied to the section library — sections that look on-brand by default.
Sections engineered to be CRO-friendly — bundles, trust bars, urgency, sticky CTAs.
Full Shopify store builds where the section library is shipped on day one.
Sections built with semantic markup, schema, and AI-friendly content patterns.
Ongoing section additions and refinements as your campaigns evolve.
Reusable content blocks designed for a specific Shopify store — they slot into any Online Store 2.0 template so merchants can build, reorder, and edit pages without touching code.
Default theme sections serve every merchant. Custom sections target your specific brand, products, and conversion patterns — bundles, lookbooks, comparison tables, configurators, and campaign-ready blocks that default themes can't ship.
Yes — every section we build is OS 2.0 compatible, with schema, blocks, app blocks, and metafields support. They work in the native theme editor and on every template.
Yes — we extend existing themes with new sections, and we also build sections as part of a ground-up theme build.
No — properly built sections use lazy loading, minimal JS, and CSS scoped to the section. They tend to outperform third-party page-builder sections by a wide margin.
Yes — sections can read product, variant, collection, and shop-level metafields. Editors can plug in dynamic content without code.
Consultation, design, prototyping, development on Online Store 2.0, testing, then deployment and editor training. Documented and handed off.
Yes — sections are designed to be reusable across home, collection, product, blog, and content pages.
Yes — Mgroup is a Shopify-focused agency. Every section is built around Shopify's section schema, app blocks, and merchandising controls.
Pricing depends on complexity and the number of sections — a single advanced section, a section library, or a full theme refit. We scope and quote up front.
Our team is specialized in Shopify Section Development and custom theme work, which means faster delivery, fewer bugs, and sections that actually behave correctly inside the Shopify ecosystem.