# 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="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F9sTRZx3Pirpo3eA8xLsq%2FScreen%20Shot%202024-08-15%20at%201.37.06%20PM.png?alt=media&#x26;token=44c55912-3d15-45e1-bc9f-147b5570a9e7" 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="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FSKzrBAuB9VEZ0OJP9LDW%2FScreen%20Shot%202024-08-15%20at%201.44.44%20PM.png?alt=media&#x26;token=6e13bd2c-407a-4852-8b73-cd90f660150a" alt=""><figcaption><p>Product data <strong>before</strong> updated with Canoa approved field names.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FjYAiEL0BdcEi8BcIpQ9b%2FScreen%20Shot%202024-08-15%20at%201.50.29%20PM.png?alt=media&#x26;token=77d6797a-3074-4232-8d0e-56e286e3d40c" 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="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZTXSmSLEJTb6mHR7nFrX%2FNew%20Toolbar%207.31%20-%20Upload%20icon.png?alt=media&#x26;token=f71af6e0-fc8b-49c1-b571-ef24bdb2ab7e" alt=""><figcaption><p>Upload icon in Canvas</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fw5Fdl9XUJHpJj3spiBk2%2FScreen%20Shot%202024-08-15%20at%201.58.47%20PM.png?alt=media&#x26;token=cec8f154-62f0-4bc9-9526-98fd0776682f" 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="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FFzTww4cJBRlreGOL1AY8%2FScreen%20Shot%202024-08-15%20at%201.59.30%20PM.png?alt=media&#x26;token=a87eb4c1-2e9f-4c73-9fdb-81950711bfb3" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FyHjmkGmGEzCJvztMEfkD%2FScreen%20Shot%202024-08-15%20at%201.59.52%20PM.png?alt=media&#x26;token=c4f22ced-809d-44a6-9cc3-76cd68ed27d2" 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="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FxcV7EwrtsDZDzjCfv58u%2FScreen%20Shot%202024-08-15%20at%202.01.17%20PM.png?alt=media&#x26;token=e38724cb-7c0f-4c0b-be44-628c1c8c68b2" 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="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F1dG8eCqREgjNCFFvV0jN%2FScreen%20Shot%202024-08-15%20at%202.01.46%20PM.png?alt=media&#x26;token=c720f4bd-ca02-46e8-a7e8-0799316eeddb" alt="" width="314"><figcaption><p>Designer Pages product in Canoa's Canvas</p></figcaption></figure>

{% content-ref url="../../design/how-to-create-collages-and-vignettes-for-your-presentations" %}
[how-to-create-collages-and-vignettes-for-your-presentations](https://help.canoa.supply/docs/design/how-to-create-collages-and-vignettes-for-your-presentations)
{% endcontent-ref %}

{% content-ref url="../how-to-create-custom-products" %}
[how-to-create-custom-products](https://help.canoa.supply/docs/collect/how-to-create-custom-products)
{% endcontent-ref %}

{% content-ref url="../../design/how-to-use-the-product-side-panel" %}
[how-to-use-the-product-side-panel](https://help.canoa.supply/docs/design/how-to-use-the-product-side-panel)
{% endcontent-ref %}