> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ecomwize.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Template Gallery

> Browse and use pre-built page templates from the EcomWize template gallery to jumpstart your projects.

The template gallery provides a curated collection of professionally designed landing pages that you can use as starting points for your own projects. Instead of building from scratch, pick a template that matches your goals and customize it.

<Frame caption="The template gallery on the dashboard showing available templates.">
  <img src="https://mintcdn.com/ecomwize/lzHHkkDEjyGaRyRC/images/dashboard-template-gallery.png?fit=max&auto=format&n=lzHHkkDEjyGaRyRC&q=85&s=9e42254259484e39af010801596a0159" width="3432" height="1922" data-path="images/dashboard-template-gallery.png" />
</Frame>

## Accessing the Gallery

The template gallery appears on the dashboard page below your existing pages. It loads automatically and displays available templates in a horizontal carousel.

## Browsing Templates

### Category Filters

Templates are organized into four categories. Use the filter buttons above the carousel to narrow your view:

<CardGroup cols={2}>
  <Card title="Landing Pages">
    General-purpose landing pages for product launches, campaigns, and promotions.
  </Card>

  <Card title="Product Pages">
    Dedicated product showcase pages with detailed product sections and CTAs.
  </Card>

  <Card title="Listicles">
    List-format pages for "Top 10" style content, ingredient breakdowns, and comparison articles.
  </Card>

  <Card title="Advertorials">
    Editorial-style pages designed to blend advertising with informational content.
  </Card>
</CardGroup>

Click **All** to view templates from every category at once.

### Preview Images

Each template card displays:

* **Preview image** -- A screenshot of the template that scrolls on hover, giving you a preview of the full page length.
* **Template title** -- The name of the template.
* **Category label** -- The template's category shown below the title.

<Tip>
  Hover over a template card to see the preview image scroll automatically, revealing the full page design from top to bottom.
</Tip>

## Previewing a Template

Click on any template card to open its full preview in a new browser tab. This shows the complete page rendered with all sections, brand styling, and responsive layouts -- exactly as it would appear to a visitor.

<Frame caption="A template live preview showing the full page design.">
  <img src="https://mintcdn.com/ecomwize/lzHHkkDEjyGaRyRC/images/template-live-preview.png?fit=max&auto=format&n=lzHHkkDEjyGaRyRC&q=85&s=8c2d39eb553b620d2326aa14c238b17b" width="3448" height="1920" data-path="images/template-live-preview.png" />
</Frame>

You can also click the **Preview** button that appears when hovering over a template card.

<Frame caption="Hovering over a template card shows a 'See it live' tooltip along with Generate and Preview buttons.">
  <img src="https://mintcdn.com/ecomwize/lzHHkkDEjyGaRyRC/images/template-see-it-live.png?fit=max&auto=format&n=lzHHkkDEjyGaRyRC&q=85&s=0ecb81667987a280d5be347012f24c9b" width="1008" height="896" data-path="images/template-see-it-live.png" />
</Frame>

## Using a Template

There are two ways to create a page from a template:

### Method 1: Generate from the Gallery

<Steps>
  <Step title="Hover over a template">
    Move your cursor over the template card you want to use.
  </Step>

  <Step title="Click Generate">
    Click the **Generate** button (with the sparkle icon) that appears in the hover overlay. This selects the template and scrolls you back to the page creation form at the top of the dashboard.
  </Step>

  <Step title="Complete the page creation">
    The template information is pre-filled. Add your page name, select a brand style, and create the page. The template's sections and configuration will be duplicated into your new page.
  </Step>
</Steps>

<Frame caption="Hovering over a template card shows Generate and Preview buttons.">
  <img src="https://mintcdn.com/ecomwize/lzHHkkDEjyGaRyRC/images/template-use-template.png?fit=max&auto=format&n=lzHHkkDEjyGaRyRC&q=85&s=0b102e3cdba98184b12f2eb7f805ffde" width="1156" height="1182" data-path="images/template-use-template.png" />
</Frame>

### Method 2: Duplicate from the Preview

<Steps>
  <Step title="Open the template preview">
    Click on the template card to open the full preview in a new tab.
  </Step>

  <Step title="Click Use template">
    If the template allows duplication, click the **Use template** button in the preview header. This creates a copy in your account and redirects you to the builder.
  </Step>
</Steps>

<Note>
  The "Generate" button only appears on templates that have duplication enabled. If a template is view-only, you can preview it but not copy it.
</Note>

## What Happens When You Use a Template

When you generate a page from a template:

1. All sections from the template are copied to your new page.
2. A copy of the template's brand style is created in your account (if applicable).
3. The page starts in **draft** status -- it is not published.
4. Store connections and product links are reset -- you need to configure these yourself.
5. You can immediately start editing, adding, removing, or reordering sections.

<Tip>
  Templates are excellent starting points, but you should always customize them with your own brand style, product data, and content to make them unique to your store.
</Tip>