---
title: "Importing from InDesign | Customer's Canvas Hub"
canonical: "https://customerscanvas.com/docs/hub/admin-guide/manage-assets/design/import-indesign/"
---

# Importing from InDesign

> Learn how to import design files from InDesign files (IDML) to Customer's Canvas format through the BackOffice application.

So, you have prepared some design files in InDesign for Customer's Canvas, as explained in the [InDesign Templates](https://customerscanvas.com/docs/hub/designers-manual/adobe/indesign.md) article. Let's see what you need to do to import them to Customer's Canvas.

## Prepare your files

Customer's Canvas supports files created in InDesign saved in the IDML format (not INDD!). Also, InDesign files may refer to some files that exist only on your computer - for example, fonts or linked images. 

The easiest way to prepare all the necessary files is the following: 

1. If you are using linked images, consider embedding them into your InDesign file. Importing files with linked images is still possible but requires some additional steps (see further).
2. Instead of just saving the result as an IDML file, create a package, as described in the [How to package IDML files](https://customerscanvas.com/docs/hub/designers-manual/adobe/indesign/saving/how-to-package.md) article.

Once you finish, you have a folder that contains an IDML file, **Fonts** folder, **Links** folder, and a few other files (which are not important for importing a design to Customer's Canvas).

:::warning
Customer's Canvas doesn't support EPS format. If your design file contains embedded EPS images, convert them to any supported image format (for example, SVG or PDF) before creating a package.
:::

## Fonts

Before you start importing an IDML file, ensure that all fonts used in this file are imported to your account at Customer's Canvas. To do so, compare the content of the **Document fonts** folder of the package with the list of fonts in Customer's Canvas. If any of them are missing, upload them as discussed in the [Fonts](https://customerscanvas.com/docs/hub/admin-guide/manage-assets/fonts.md) article.

:::note
Ignore the LST file in the **Document fonts** - it is not a font file.
:::

If you try to import an InDesign file that requires a font that is not available in Customer's Canvas, you will see an error like this: 

![Import fails on missing fonts.](./images/import-no-fonts.png)

## Links

As we suggested above, it is better to embed graphics into your InDesign file before importing it. Embedding helps you to avoid handling links. However, if you still have to work with links, you first need to upload the linked images to Customer's Canvas. 

1. Go to the **Images** section of your Assets.
2. Create the **Links** folder in the root of the images section. 
3. Upload all files from the **Links** folder of your package to this folder.

:::note
The files in the **Links** folder are used only during the import stage. Customer's Canvas automatically embeds these files. Once a design is imported, these files are no longer needed unless you are going to import other files linked to the same images. Feel free to delete the **Links** folder once you have imported all the necessary files.  
:::

## Importing an IDML file

Once all dependencies are added to Customer's Canvas, you can go ahead and import an IDML file. 

1. Go to the **Designs** section of your Assets.
2. Upload a file either by clicking **New** -> **Import** or by dragging them from your computer to the file manager.

You will see the import dialog. When it is successfully completed, you will see a confirmation.

![Import is successfully completed.](./images/import-success.png)

Now, your file is ready. You can open it in the [Template Editor](https://customerscanvas.com/docs/hub/designers-manual/template-editor.md) to see whether everything is correct and [test it in Design Editor](https://customerscanvas.com/docs/hub/designers-manual/template-editor/test-design.md).

If it fails for some reason, you will see an error message. The failure could be due to missing fonts or links, as explained above, but could also be the result of some unexpected problem: 

![Import fails on missing graphics.](./images/import-error.png)

If you encounter this problem, please [contact our support team](https://customerscanvas.com/company/contact) and send the entire package so that we can troubleshoot it.

## Re-importing a designs

Let's assume that you have successfully imported a design. Later, you may decide to make changes in your InDesign file and update it in Customer's Canvas. 

One way to perform this action is to delete the previously imported file and import it again. However, in this case, you will lose the [metadata](https://customerscanvas.com/docs/hub/admin-guide/manage-assets/file-manager.md#asset-metadata) and the asset ID will be changed. If the file is already published, it may break the integration and make this design unavailable on your online store. 

To avoid this issue, you need to update the file as follows: 

1. Select a design you would like to replace.
2. Right-click it and choose **Update file**.
3. Choose an updated IDML file on your computer. 

![Re-importing designs.](./images/update-design.png)

It will re-import the design and update the asset keeping its name, ID and other metadata intact.

## Considerations

There are certain things you need to keep in mind when you are creating Customer's Canvas designs in Adobe InDesign.

### Importing is not the uploading!

We intentionally call this operation **import** rather than **upload**. We use this term because we are not using the IDML file directly. Instead, we are _converting_ it to our own internal ST format. This approach allows you to edit these designs in Customer's Canvas editors and save the result.

This conversion has two important consequences: 

1. If you download the file again, you will get the ST file rather than the original IDML file.

   :::tip
   You can import the ST files back into Customer's Canvas if you like.
   :::

2. Not all of InDesign's features are supported. If Customer's Canvas does not recognize some elements or features, they are discarded.

### What you can expect to be imported

Customer's Canvas recognizes the following elements: 

1. Pages with the bleed and slug settings.
2. Items like images, paths, and text boxes.
3. The most common text formatting features, such as font settings, size, color, etc.
4. Item names. If you are using [markers](https://customerscanvas.com/docs/hub/designers-manual/adobe/markers.md), they will be applied.

Refer to the [InDesign](https://customerscanvas.com/docs/hub/designers-manual/adobe/indesign.md#valid-indesign-templates) section of the Designer's Manual for more details.

### What won't be imported

Currently, certain functionality is not recognized by Customer's Canvas. For example (note, this is not a full list!):

- Tables.
- Color swatches.
- Styles.
- Text spread across several text frames.
- Some advanced text formatting features, such as drop caps, etc.

Also, some features may be partially implemented. For example, not all line styles are supported. 

That's why it is important to verify imported files in the Customer's Canvas editor before publishing these designs. If it does not work as expected, try to simplify them.

### Text engine

Customer's Canvas uses _TextWhizz_, the WYSIWYG text engine, so you can edit text directly on a design. TextWhizz does not support some text features yet, so you may sometimes get a text element during the import that cannot be edited in place.

When you open such designs in the Template Editor, these elements will be displayed like this: 

![Unsupported features in WYSIWYG editing mode](./images/unsupported-text-feature.png)

You won't be able to edit its text by double-clicking the element and editing it on the design, but you can still do so using the **Content** field in the property panel.

If you open such designs in the end-user's Design Editor, the user edits such text in a pop-up box or in the Rich text editor.

The warning displays the reason why the text element cannot be edited in place and, if you want, allows you to fix the problem by removing the text settings that prevent in-place editing. If you would not like to change these settings, you can leave the element as is.