Get Started

This tutorial will guide you through 4-easy-steps to build your first custom Shopify template using the Easy Content Builder app.

The basics

Sections

Sections are editable and reusable modules of content that can be added to your Shopify (OS 2.0) themes. Easy Content Builder lets you add a specific variety of blocks to each section, such as Accordion, Tabs, Before & After, Gallery, Countdown, etc. View our section variation demo.

Templates

Easy Content Builder templates are a collection of sections that can be added to your existing (OS2.0) themes. Once you add a premade template Easy Content Builder provides, you can add your images and copy to fit your brand. You can easily edit, reorder, or remove any section within that template to create your ideal page.

Templates can be assigned to individual product/blog post/page or multiple product/blog post/pages at once.

Premade templates are great for:

1. Get familiar with how pages and sections are built using Easy Content Builder.
2. Editable templates are great for saving time to tailor your theme and keeping consistency between your page types.

Adding your first template

Select the option that best fits your goal:

Template for Multiple pages

Creating a template assigned to multiple pages at once is handy when you want to customize templates for a group of items like Men clothing, Cushions, Rugs, etc.

Create a new template - assigned to multiple pages at once: Read setup guide.

Quickstart:

Watch this overview video to learn how to build a new custom template and assign it to multiple pages - individually or in bulk - using Easy Content Builder.

Template for Single page

Creating a unique template for an individual page is perfect for the Landing page of a new product, About Us, Lookbook pages, etc.

Create a new template - assigned to a single page: Read setup guide.

Quickstart:

Watch this overview video to learn how to build a new template and assign it to an individual page using Easy Content Builder.

Template for Standard pages

Customize your standard pages (Homepage, Collection, etc.): Read setup guide.

Preview your custom template

Steps to preview your products, blog posts or pages with the new custom template:  

1. From your Shopify admin, click Online Store > Themes.
2. Find the theme that you want to edit, and then click Customize.
3. Open the dropdown menu at the top of the page.
4. Use the dropdown menu to select a template.
5. In the sidebar, click Change.
6. Select the product or page you want to preview with the selected template.

Next steps

Manage your templates

• Manage your templates: follow these steps.
• Edit your template: follow these steps.

Set up multiple-column layouts

• Learn how to set up multi-column layouts:

• 1-col boxed layout
• 1-col with Background Image
• 2-col with Flexible Col Width
• 2-col with Blank Sections
• Hierarchical Grids (6 layout options)

We suggest you install the Theme Section Kit to customize your Shopify theme faster. This template contains prebuilt sections (Free and Pro versions) that you can edit, reorder, or hide through your Theme Editor. Preview the Theme Section Kit here.

Custom CSS

• Learn how to customize your Shopify themes with Custom CSS using Easy Content Builder: 5-min video tutorial.

Jump in a little deeper

If you would rather want to learn more about the fundamentals of the Easy Content Builder app:

• Read to understand Clean Template and Pre-built ECB Templates.

Use cases

Browse the pre-built template collections - Product pages, Landing pages, Brand pages, etc. - for inspiration.

• Grid & Layouts:

• Multi-column layout examples: view demo
• Hierarchical Grid examples: view demo
• Collection Grid & Layout examples: view demo

How to create multi-column layouts: view details

• Payment Icons - Trust Badges: view demo
• Promotion - Flash Sales: view demo
• Hero banners:

• Hero Banners examples: view demo

How to create a Hero banner: view details