# Working with Designer Pages

### Step 1: Launch Designer Pages

* Open a folder in **Designer Pages.**
* Select the products you wish to bring into **Canoa**.

### Step 2:  Export Data

* Select `Excel Export`.
* Select `Product Data`. 
* You may want to add additional data before exporting.

<figure><img src="/files/JeCtZI5kL4I0UP7yQlgV" alt=""><figcaption><p>Selected products in a Design Pages folder</p></figcaption></figure>

### Optional\* Step 3: Open a spreadsheet program

* Open the exported CSV in Excel, GoogleSheets, Airtable or your preferred spreadsheet program to update fields to match Canoa’s format. &#x20;

{% hint style="info" %}
**Important note:** Delete Designer Pages **Product ID**. This will cause an error during importing as Canoa gives a Product ID to each product when first imported.
{% endhint %}

* Refer to the [<mark style="color:purple;">**Product Data Template**</mark>](https://docs.google.com/spreadsheets/d/1jBbhwIQ2Jj5Z14_8MdPvxC8uDidg-GK8shcYdoMLFXs/edit?gid=245220932#gid=245220932) for approved fields.

<figure><img src="/files/vypXVjYlhbv0obWWy60N" alt=""><figcaption><p>Product data <strong>before</strong> updated with Canoa approved field names.</p></figcaption></figure>

<figure><img src="/files/AeHOgClIwz8cAG9y0NUi" alt=""><figcaption><p>Highlighted columns have be updated with Canoa approved field names.</p></figcaption></figure>

* Now, download (export) the updated spreadsheet to a CSV file.

### Step 4: Launch Canoa

* Open a Canvas (shown below) or Catalog Pro&#x20;
* Upload the CSV file into Canvas or Catalog Pro.
* Match the fields in the CSV from Designer Pages with the Canoa provided fields. &#x20;

{% hint style="info" %}
If you complete Step 3, the fields will automatically match and populate once imported.
{% endhint %}

<figure><img src="/files/oX7DYKdJE1KNWfjXPn49" alt=""><figcaption><p>Upload icon in Canvas</p></figcaption></figure>

<figure><img src="/files/xn61Rj9z3807Ck0vBNyQ" alt="" width="293"><figcaption><p>Import window in Canvas</p></figcaption></figure>

* Once imported, you will be prompted to add the product cards to the Canvas. &#x20;
* The products will be automatically saved to your Catalog for use time and time again.

<figure><img src="/files/kY6vBq5x3OOdXSIP3VuT" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="/files/G9aMFCZoKtpHEPQm5Kv8" alt="" width="563"><figcaption><p>Newly imported product cards in Canvas</p></figcaption></figure>

Read more about [<mark style="color:purple;">**uploading a CSV file into Canvas**</mark>](https://help.canoa.supply/docs/collect/how-to-create-custom-products#option-2-upload-a-csv-file) here for further assistance.

Read more about [<mark style="color:purple;">**importing CSV files**</mark>](https://help.canoa.supply/docs/collect/catalogs-cms/working-with-catalog-pro/how-to-import-your-product-data) with **Catalog Pro** here.

## How to use your newly collected products in Canvas:

* Add additional product information, images and 2D drawings by `right-clicking` and choosing `View Product Details`.&#x20;
* Search for similar and complementary products with the AI Recommendations icon in the bottom left corner of your Canvas.

<figure><img src="/files/JWWLPpVC2eIJZPN8Cf4i" alt=""><figcaption><p>Click on a product to activate Canoa AI.  Right click to edit product details.</p></figcaption></figure>

* Toggle between the product card view and image view when the product is selected.
* Use all of Canoa’s design tools to start creating your mood board, layout, or presentation.

<figure><img src="/files/CfRzIKd9hzTyrhuPS3sL" alt="" width="314"><figcaption><p>Designer Pages product in Canoa's Canvas</p></figcaption></figure>

{% content-ref url="/pages/PnAuFKvWXLqKiFq6MW25" %}
[How to create collages & vignettes for your presentations](/docs/design/how-to-create-collages-and-vignettes-for-your-presentations.md)
{% endcontent-ref %}

{% content-ref url="/pages/iZWnpw329bKvO3gL0XSs" %}
[How to create Custom Products](/docs/collect/how-to-create-custom-products.md)
{% endcontent-ref %}

{% content-ref url="/pages/v4bFPt4KlP87B8aqkcEa" %}
[How to use the Product Side Panel](/docs/design/how-to-use-the-product-side-panel.md)
{% endcontent-ref %}


---

# Agent Instructions: 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:

```
GET https://help.canoa.supply/docs/collect/integrations-and-compatibility/working-with-designer-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.