EComposer Templates

EComposer Templates are fully designed page structures that provide a complete starting point. They are intended for users who want to launch pages quickly with minimal customization.

Instead of building a layout block-by-block from scratch, you can instantly import a template and easily modify its content, images, colors, and branding to match your store identity.

To help you seamlessly navigate our massive design library, EComposer features an intelligent filtering system, personalized asset management, and a comprehensive template preview dashboard.

1. AI Suggest Template

When you create a new page in EComposer, we will open the Template Library and automatically suggest 3 to 5 of the best templates tailored to your store. These recommendations appear at the top of the list with an “AI Suggest” badge.

This feature saves you time browsing and helps you quickly find high-converting layouts that match your store’s niche. Suggestions are based on templates that match your niche, have high download rates, and fit the specific page type you are currently building (e.g., Homepage, Product Page).

The recommendations are based on the store information you provide in App Settings → AI Settings, including your Store name, Store tagline, Store description, and Store niche. If you have provided your store information in AI Settings, EComposer uses it to understand your store and suggest templates that better match your brand, content, and business niche.

For example, a fashion store with a description focused on women’s clothing may receive template suggestions designed for fashion and apparel stores.

And scroll down to pick your store niche. Click Save settings to save changes.

If you haven’t provided the required store information, EComposer will show a niche selection popup when you create a new template. Select the niche that best matches your store and click the “Show suggestions” button. EComposer will use it to recommend relevant templates.

Note: Note: The template suggestions are recommendations based on the information you provide. You can still choose and customize any available template based on your needs.

Note: Note: If you skip this step, AI suggestions won’t display, and you will see all the Prebuilt EComposer templates list instead.

You can click over any suggested template to see a tooltip explaining why it was recommended for your store.

If a recommendation isn’t a good fit for you, click “Not relevant?” to help the AI learn and improve future suggestions.

You can update your store information anytime in the App Settings > AI Settings.

You can also clear the niche anytime you want.

2. Template Filtering

When you first open the Template Library, you are greeted with an intuitive dashboard designed to narrow down hundreds of choices into the exact design you need within seconds. Filter them will help you choose your desired layout faster.

2.1 Search

The Search Bar allows you to bypass categories and look for specific design elements or seasonal events. Typing keywords like “Black Friday”, “Fashion”, or “Countdown” will instantly surface relevant templates containing those specific keywords or design themes.

2.2. Template Filter

You can filter template based on business objectives, layout needs, or pricing plan.

• Page Type: Categorizes templates by their explicit business function (e.g., Homepage, Product Page, About Us, Coming Soon). This ensures your page layout aligns with the customer’s shopping journey. This option is available under the Pages tab only.

• Industry: (Available under the Pages tab only) Filters templates by business niches (e.g., Fashion, Beauty, Electronics, Food & Drink). Each industry features pre-optimized visual structures tailored to that specific audience’s buying behavior.

• Section Categories: Filter by specific element like Collection Banner, Cart Items, Contact Form,etc. This option is available under the Section tab only.

• VIP Templates: Filters premium, high-converting layouts reserved exclusively for users on Paid Plans.

• Free Templates: Displays completely free layouts available to everyone (including Free Plan users) with zero added costs.

2.3 Structural Classification

Pages (Full Layouts): Provides the complete structure of an entire webpage (e.g., Homepage, Landing Page, Product Page). Selecting this tab unlocks deeper, page-specific filters like Page Type and Industry.

Sections (Design Blocks): Provides isolated layout segments (e.g., Hero Banners, Testimonials, FAQ accordions, Team grids).

Note: When switching to the Sections tab, the Industry filter automatically disappears. This is intentional, as section blocks are highly versatile and designed to be mix-and-matched across any business niche without industry restrictions. The Section Category will be shown instead.

Themes: Show the Top-rated Shopify themes fully compatible with EComposer in style, layout.

Note: These themes work separately with EComposer. You can’t edit the theme page by using EComposer’s editor

My Templates: Show the template that is built by you via EComposer’s editor and has been saved to library before

My Favorites: Show all the template that has been added to the favorite by you to view later.

2.4. Sort by

The Sort by dropdown is a powerful tool to discover market trends and fresh designs. You can sort the library by:

• Newest: Displays the latest cutting-edge designs freshly added by our design team.
• Most Downloaded: The most popular and frequently installed templates in EComposer all the time.
• Trending: Showcases the most frequently installed and highly rated templates by the EComposer community over a short period.

3. In-Depth Template View

Hovering over or clicking a specific template card opens a dedicated detail panel. Before committing to an installation, you can inspect the template using these functions:

• Live Preview: Launches an interactive, responsive preview. You can toggle between Desktop, Tablet, and Mobile viewports to test layouts, animations, and text readability before importing.

• Install Count: Displays a live counter of how many times the template has been used. A high install count serves as social proof, indicating a highly trusted, popular, and optimized layout.

• Add to my favorites: An action to add your desired template to favorites, you can view and use it whenever you want without finding it again.

• Insert: A single-click button that fetches the template data and injects the complete layout structure directly into your active EComposer Editor session.

There’re 2 options to choose how you want to insert the template:
+ Insert the template under current layout in the editor. If this option is untick, the template will be overwritten the current layout.
+ Keep the default templates’s typography. If not, the site style setting from EComposer or Theme setting will be used instead.

Note: Images in the template are for preview only, please replace to your images.

4. Pro-Tips & Best Practices (Value-Add for Customers)

To maximize the potential of EComposer’s template ecosystem and accelerate your development workflow, keep these expert strategies in mind:

• The Hybrid Design Strategy: Combining Pages and Sections Don’t limit yourself to using just one template. Expert SaaS store builders often import a Page Template to establish the core layout of their homepage, then jump into the Sections tab to pull in a specialized “Limited-Time Flash Sale” banner or an “Interactive Comparison Table” from an entirely different set. Mixing and matching makes your store unique and highly functional.

• Adopt a Mobile-First Mindset: Over 70% of e-commerce traffic originates from smartphones. When previewing a template, always spend a few moments auditing its Mobile View. Ensure your text isn’t overwhelming, images aren’t awkwardly cropped, and your “Add to Cart” buttons remain easily tappable on smaller screens.

• Choose Curation Over Color: Don’t discard a template just because you don’t like its colors or fonts. Colors, typography, and imagery can be universally altered in one click via EComposer’s Global Settings. Instead, choose a template based on its structural blueprint, focus on whether the placement of banners, value propositions, and Call-to-Action (CTA) buttons matches your conversion goals.