> For the complete documentation index, see [llms.txt](https://helpcenter.channable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpcenter.channable.com/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template.md).

# Create and customize your template

Use this guide to create a new image template from scratch in the Image Editor.

This process starts after your feed and image fields are already set up.

Need help with a specific part of the process? Jump to [Related tasks](#related-tasks).

{% stepper %}
{% step %}

### Open a new template

Go to **Feed** → **Rules** → **Image rules**.

In **Create an image rule**, enter a **Rule name**.

Click **Create**.

Open **Select a template** and click **+ New template**.

Enter a name and click **Create**.
{% endstep %}

{% step %}

### Set the canvas

In the editor, click **Settings** on the right side.

Choose the output size for your template.

Set the background color and opacity.

If you want alignment help, enable the grid and turn on snap to grid.

* [Adjust the size and background of an image](/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/adjust-the-size-and-background-of-an-image.md)
* [Use the grid and snap to grid](/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/use-the-grid-and-snap-to-grid.md)
  {% endstep %}

{% step %}

### Add your main image

Click **Image** and choose **Add dynamic image**.

Select the new image object.

Open **Design** and choose the image field you want to use.

Use this for the main product image in the template.

If you need a transparent product image, remove the background first.

* [Remove the background from an image](/manage-improve-product-data/creatives-create-and-edit-images/the-image-editor/remove-the-background-from-an-image.md)
  {% endstep %}

{% step %}

### Add text and shapes

Click **Text** to add a text object.

In **Design**, enter static text, dynamic field values, or a mix of both.

Click **Shape** to add boxes, lines, or arrows.

Use **Design** to style colors, borders, and opacity.

If you want to use your own brand font, upload it first.

* [Upload a custom font](/manage-improve-product-data/creatives-create-and-edit-images/the-image-editor/brand-kit/upload-a-custom-font.md)
  {% endstep %}

{% step %}

### Arrange and save the template

Open **Layers** to manage the order of layers.

Drag layers up or down to place them in front of or behind each other.

You can also rename, hide, lock, or delete layers here.

When the layout looks right, click **Save**.

* [Manage layers](/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/manage-layers.md)
  {% endstep %}

{% step %}

### Add reusable objects when needed

Upload static assets if you want to reuse the same logos, badges, or design objects across templates.

You can also add extra images to your feed when your template needs more than the main product image.

* [Upload static images](/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/upload-static-images.md)
* [Add additional images to your feed with a spreadsheet import](/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/add-dynamic-image/add-additional-images-to-your-feed-with-a-spreadsheet-import.md)
  {% endstep %}
  {% endstepper %}

### Related tasks

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><i class="fa-images">:images:</i></td><td><strong>Image editor basics</strong></td><td>Learn how to use the grid, manage layers, and work with text, image, and shape objects.</td><td><a href="/spaces/u8whzIfip72Kvn3M1bsc/pages/48c4fed0ac3a961c0b4ef40de00ea4b042930406">/spaces/u8whzIfip72Kvn3M1bsc/pages/48c4fed0ac3a961c0b4ef40de00ea4b042930406</a></td></tr><tr><td><i class="fa-crop-simple">:crop-simple:</i></td><td><strong>Adjust the size and background of an image</strong></td><td>Learn how to change the size and color of an image.</td><td><a href="/pages/qq4h4UVCOZZTAsU4rmk5">/pages/qq4h4UVCOZZTAsU4rmk5</a></td></tr><tr><td><i class="fa-image-slash">:image-slash:</i></td><td><strong>Remove the background from an image</strong></td><td>Learn how to use our AI-powered feature to remove the background from an image.</td><td><a href="/pages/738beaba915c4504e0673b27b9ebb83bdf9611db">/pages/738beaba915c4504e0673b27b9ebb83bdf9611db</a></td></tr><tr><td><i class="fa-text">:text:</i></td><td><strong>Upload a custom font</strong></td><td>Learn how to use custom fonts in your image templates.</td><td><a href="/pages/6564f03ab472c660d8a9312359ffd9cc4346adf8">/pages/6564f03ab472c660d8a9312359ffd9cc4346adf8</a></td></tr><tr><td><i class="fa-image-landscape">:image-landscape:</i></td><td><strong>Upload static images</strong></td><td>Learn how to upload static images for use in your image templates.</td><td><a href="/pages/1dbb88279a5094e5bf752ffda70bdeff8a18ecaf">/pages/1dbb88279a5094e5bf752ffda70bdeff8a18ecaf</a></td></tr><tr><td><i class="fa-file-image">:file-image:</i></td><td><strong>Add additional images to your feed with a spreadsheet import</strong></td><td>Learn how to add additional images to your feed with an import.</td><td><a href="/pages/e161d8702d16e47c408d31b3cbdf7a47fc309204">/pages/e161d8702d16e47c408d31b3cbdf7a47fc309204</a></td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://helpcenter.channable.com/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.