> This is part 1 of 2 of the full documentation (pages 1–100 of 118).
> The content is paginated: fetch every part to see all of it.
> Next part: https://help.canoa.supply/docs/llms-full.txt/1
> Page index: https://help.canoa.supply/docs/llms.txt

# 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
This site has an agentic ask interface you may use to query the documentation dynamically by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.canoa.supply/docs/index.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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

---

# Getting Started

Tips, tricks, how-to's and more to easily get started.

Welcome to Canoa's Help Docs, your go-to resource for learning & support.

Explore our guides and tutorials to quickly get familiar with designing on Canoa. We're excited for you to discover all that you can do. If you have any feedback you'd like to share, please do so by emailing us at [<mark style="color:purple;">**support@canoa.supply**</mark>](mailto:support@canoa.supply).

{% hint style="info" %}
If you don't yet have an account, you can create a free one by going to [<mark style="color:purple;">**https://www.canoa.supply/pricing**</mark>](https://www.canoa.supply/pricing)
{% endhint %}

### Quick Links

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td></td><td>Canoa.Supply</td><td></td><td><a href="https://www.canoa.supply/">https://www.canoa.supply/</a></td><td><a href="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZEt1uLaxuMaR9KkrWlJ0%2FScreenshot%202024-07-22%20at%203.47.26%E2%80%AFPM.png?alt=media&amp;token=17e1bf7d-dca9-4140-9951-9b6b985e896f">Screenshot 2024-07-22 at 3.47.26 PM.png</a></td></tr><tr><td></td><td>Designing with Canvas</td><td></td><td><a href="/docs/design/how-to-create-collages-and-vignettes-for-your-presentations">How to create collages &amp; vignettes for your presentations</a></td><td><a href="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FLp67W0iwKrGpFPxQsrsV%2FScreenshot%202024-07-22%20at%203.49.16%E2%80%AFPM.png?alt=media&amp;token=edeae9b6-9736-447c-8db3-1e9e2a0093b8">Screenshot 2024-07-22 at 3.49.16 PM.png</a></td></tr><tr><td></td><td>Working with Catalogs</td><td></td><td><a href="/docs/collect/my-catalog">My Catalog</a></td><td><a href="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FA5TneSN7zfWVyRHLlQqw%2FScreenshot%202024-07-22%20at%203.50.47%E2%80%AFPM.png?alt=media&amp;token=0de7bceb-7c98-4f6e-a014-d9215026b2c7">Screenshot 2024-07-22 at 3.50.47 PM.png</a></td></tr><tr><td>Keyboard Shortcuts</td><td></td><td></td><td><a href="/docs/getting-started/keyboard-shortcuts">Keyboard Shortcuts</a></td><td><a href="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FnxPzaCyrhEXpNf12mY72%2FScreenshot%202024-07-22%20at%203.51.54%E2%80%AFPM.png?alt=media&amp;token=46f3013b-a324-43eb-8693-653ebe6771f6">Screenshot 2024-07-22 at 3.51.54 PM.png</a></td></tr><tr><td>Canoa University</td><td>Camp Canoa</td><td></td><td><a href="/docs/support/canoa-university">Canoa University</a></td><td><a href="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FKo4HVJSib9PsCcKOTK3r%2FScreenshot%202024-07-22%20at%203.53.06%E2%80%AFPM.png?alt=media&amp;token=aa2ac19c-a4a3-4d53-a5b2-765d88012b8e">Screenshot 2024-07-22 at 3.53.06 PM.png</a></td></tr><tr><td>Support</td><td>FAQs</td><td></td><td><a href="/docs/support">Support</a></td><td><a href="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fj1CRzjwKUaa9a0cZut7V%2FScreenshot%202024-07-22%20at%203.54.06%E2%80%AFPM.png?alt=media&amp;token=8fa0cc80-d960-4090-9e34-5bb5f7f0584d">Screenshot 2024-07-22 at 3.54.06 PM.png</a></td></tr></tbody></table>


# What is Canoa?

We empower the interior design community to discover, design, and collaborate, all from one web-based tool.

{% embed url="<https://www.youtube.com/watch?v=OpHWRw10AnA>" %}

[<mark style="color:purple;">**Canoa**</mark>](https://www.canoa.supply) was built for designers, by designers. We had a simple idea. What if interior designers, dealers, furniture brands and clients could create and deliver better, more sustainable spaces as a team from start to finish... all in one connected workflow? We've created a series of tools to do just that.

Canoa isn't a deck, a doc or a downloaded software. It's a web-based tool built for the way you want to design spaces: freely, responsibly, and together. Unleash your ideas in an infinite collaborative canvas. Make responsible decisions with limitless product data and industry-first AI tools to assist your discovery. And bring your friends along the way.

## The canvas

With the launch of [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas), designers can now bring their ideas to life in an infinite mood board, assisted by industry-first AI built specifically for interior designers called Canoa AI. Discover new products from our ever-growing catalog of new and second life furniture and accessories, and access real-time pricing and lead time information. Collaborate with clients, colleagues, and suppliers to refine your ideas. And when it's time to bring your designs to life in the real-world, use the embedded furniture schedule and collaboration tools to make it easy to source and buy everything on your list.

## Public brand catalogs

Our [<mark style="color:purple;">**Public Catalog**</mark>](https://www.canoa.supply/products) is filled with tens of thousands of commercial-grade, sustainably-minded products with real pricing, up-to-date lead time information, and scaled 2D drawings that you can drag & drop into your mood board and layout. In short, our Products library makes product discovery and design easy.&#x20;

## My catalog

My Catalog is where you can create and manage your own catalog of product specifications and standards. My Catalog allows you to seamlessly import your product data; easily organize products into various Collections; create custom templates (we call these Kits!) for design and layouts, and more. Ensuring that you can design with the product standards that are important to you.

## Projects

Dashboards are the interface to bring in projects to your designs, allowing you to focus on the management and scheduling part of the design process so that everyone is aware of a project's scope, progress and status. Within the Canvas, you can create a budget and ensure that it stays on track, create product lists and status reports to make sure milestones are met or track your embodied carbon.  With Dashboards, you can easily organize and manage a project's scope of work - all in one place.&#x20;

##


# Navigating our Platform and Features

Find fast, fun and super smart design tools that are easy to navigate with our navigation menu and Resources tab.

## How to Navigate throughout the App

Easily navigate through our interface and find all of our main features in the pull-down menu at the right of our logo in the top toolbar whenever you are logged in. Inside this drop-down menu, you'll find your Canvas Dashboard, My Catalog, Public Catalogs, and your Account page.

These icons correspond to the features available to you in your account tier. The features available to you will be activated. Features that are not available will be greyed out.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FpjTGNScAtkJj1IxC8O2L%2FNew%20Nav.gif?alt=media&amp;token=88c1d80e-66da-49b0-adca-40d351a8adad" alt="" width="563"><figcaption><p>Nav Bar in the Canvas Dashboard</p></figcaption></figure>

{% content-ref url="/pages/ce5n4S9xg0sojSPSCVyn" %}
[Features](/docs/getting-started/navigating-our-platform-and-features/features)
{% endcontent-ref %}

## How to find Resources

You can quickly access resources like Help Docs & Support and Templates by clicking on your profile picture in the upper right-hand corner of the navigation bar.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FDLEOkCBKBonWHrRuQvj9%2FCanoa's%20New%20UI%20(1).png?alt=media&amp;token=48a296c5-f6ac-4813-b9a4-5ce4480897c9" alt="" width="375"><figcaption><p>Profile Picture drop-down menu in Canvas</p></figcaption></figure>

You can also access a Resource menu from our website's [<mark style="color:purple;">**home page**</mark>](https://www.canoa.supply/). Hover over and expand the **Resources** tab to explore more.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FTZGoUulItW5WPJjDcnzv%2FScreenshot%202024-10-24%20at%202.21.10%E2%80%AFPM.png?alt=media&amp;token=2cc23eda-be2d-4e51-b944-beb5335d79fa" alt=""><figcaption><p><a href="https://www.canoa.supply/our-story"><mark style="color:purple;"><strong>Canoa Resources</strong></mark></a></p></figcaption></figure>


# Features

The standard features available to all users whether you have an Individual, Pro, Unlimited, or Custom account.

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FaAWmb71IvCqvuaK6BPnP%2FFrame%204816054.png?alt=media&amp;token=1834c3e8-7f1a-4d88-a16c-1c0c6da4bdf3" alt=""><figcaption><p>Features for all users</p></figcaption></figure> <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FDLEOkCBKBonWHrRuQvj9%2FCanoa's%20New%20UI%20(1).png?alt=media&amp;token=48a296c5-f6ac-4813-b9a4-5ce4480897c9" alt="" width="188"><figcaption><p>Navigation in a Canvas</p></figcaption></figure></div>

## [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas)

Clicking on Canvas or the Canoa logo in the navigation bar will take you to your Canvas Dashboard. Each Dashboard is unique to the user and will feature your Canvas boards. You can search for a Canvas board using the search bar on the left. You can filter for the Canvas boards that you've created by clicking on **Created By Me,** or find the Canvas boards you've been shared by clicking on **Shared by My Team** and **Shared with Me**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FFZfGQCFSJKn00O0pz2sU%2FScreenshot%202024-09-10%20at%203.33.46%E2%80%AFPM.png?alt=media&amp;token=b9ada8bb-d77d-419a-8031-45536c4bc893" alt=""><figcaption><p>The Canvas Dashboard</p></figcaption></figure>

### What is Canvas?

The Canvas is a browser-based design environment for interior designers to create data-rich furniture layouts, product furniture schedules, presentations and digital mood board. Coupled with our proprietary AI-recommendation engine for furniture and lighting products, **Canoa AI** provides recommendations generated from hundreds of millions of product combinations. Designers can quickly identify products from an image or search for new ones with prompts like ‘low carbon’’ and ‘in stock’ across millions of records, replacing a workflow that is entirely manual, error-prone, and typically takes weeks to accomplish.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVwazAVm0XkL87V8tOx9e%2FGroup%204815982.jpg?alt=media&amp;token=b780f3be-df07-43c8-a5d9-06794c3a74a2" alt=""><figcaption><p>Inside a Canvas</p></figcaption></figure>

## [<mark style="color:purple;">Public Catalogs</mark>](https://www.canoa.supply/products)

The Public Catalogs page is our +23k database of products, aka our Products library of over 100 Brands' data. You can **filter** by Second Life condition (such as Open Box, Like New, Used etc.) or filter further by Quickship, Price, Brand, and Category.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fzl4XVqKKnflCkEDYgyqy%2FScreenshot%202025-01-24%20at%2010.06.05%20AM.png?alt=media&amp;token=372a0401-dec7-4d68-967c-5388bbf00c7c" alt=""><figcaption><p>Public catalogs</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FuJwS2Dr3jt8roqyFJhoC%2FScreenshot%202025-01-24%20at%2010.08.14%20AM.png?alt=media&amp;token=84fad8ea-c6b6-469f-82a2-4fd0c15636c6" alt=""><figcaption><p>Products in public catalogs</p></figcaption></figure>

## [<mark style="color:purple;">Account</mark>](https://www.canoa.supply/team)

The Account page allows you to manage your subscription and plan, view your usage, edit your settings, and manage the users on your account.&#x20;

### Account Settings:

You'll find your account information when you click on the Pencil Icon. You can edit your Account Name, Legal Company Name, and add an email domain.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FsX31BUjTedtVGoQvxXob%2FAccount%20Settings%20-%20Update.png?alt=media&amp;token=9c1b7040-35b0-4730-ae76-187b582ee8f7" alt="" width="375"><figcaption><p>Account Settings</p></figcaption></figure>

{% content-ref url="/pages/AEK0NNojyjGTBOA4c0K1" %}
[How to edit your account settings](/docs/support/managing-your-account/how-to-edit-your-account-settings)
{% endcontent-ref %}

### Users:

When you create an account, your default role will be as an Admin. As an Admin, you can add or remove users, determine the level of access for each user, and edit your account information.&#x20;

{% hint style="info" %}
**NOTE:** Starter (Free) accounts are limited to a **single** user per account with limited access to Canoa's platform. You will need to upgrade your account tier to add users to your account.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FLwshLp2RUlwCq17vkEOz%2FScreenshot%202024-09-10%20at%203.43.41%E2%80%AFPM.png?alt=media&amp;token=d55a75f5-7629-4cf2-9422-1f18482bf3aa" alt=""><figcaption><p>The Acount Users page</p></figcaption></figure>


# Quick Start Guide

Learn the basics of Canvas and your new AI assistant. You'll be a pro in no time.

{% hint style="info" %}
To get started, a best practice on how to pan through the Canvas is by holding down the space bar and clicking and dragging your cursor throughout the space.&#x20;
{% endhint %}

## Here's a quick guide to getting started:

* [ ] Create a [<mark style="color:purple;">**Canoa account**</mark>](https://www.canoa.supply/pricing)
* [ ] For a quick intro, review our [<mark style="color:purple;">**Canvas Basics Guide**</mark>](https://www.canoa.supply/canvas/Vivacious-Grape-VyOq7dqdiW)
* [ ] Create a new, blank [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) or [<mark style="color:purple;">**start from a Template**</mark>](https://help.canoa.supply/docs/canvas/working-with-templates-and-community-canvases) or [<mark style="color:purple;">**start from a Drawing**</mark>](/docs/collect/how-to-start-a-canvas-from-a-drawing)
  * [ ] Connect your <mark style="color:purple;">**Pinterest**</mark> account to design with your pins!
  * [ ] Add [<mark style="color:purple;">**Products**</mark>](/docs/collect/how-to-create-a-furniture-and-accessories-presentation) from our library - even create a [<mark style="color:purple;">**Custom Product**</mark> ](/docs/collect/how-to-create-custom-products)not found in our Product library!
  * [ ] Add [<mark style="color:purple;">**Inspiration Images**</mark>](/docs/collect/how-to-add-an-inspiration-image)<mark style="color:purple;">**,**</mark> add a [<mark style="color:purple;">**Floor plan**</mark>](/docs/design/how-to-import-and-scale-floor-plans)
  * [ ] Add [<mark style="color:purple;">**Text**</mark>](/docs/design/how-to-add-text), [<mark style="color:purple;">**Shapes & Lines**</mark>](/docs/design/how-to-use-the-drawing-tools)**,** and other call-outs
  * [ ] Organize your Canvas with [<mark style="color:purple;">**Frames**</mark>](/docs/design/how-to-use-frames)
  * [ ] Create a [<mark style="color:purple;">**Product List**</mark>](/docs/design/how-to-create-a-product-list)
  * [ ] [<mark style="color:purple;">**Share your Canvas**</mark>](/docs/share/how-to-share-your-canvas)
  * [ ] [<mark style="color:purple;">**Review and Comment**</mark>](/docs/share/how-to-provide-comments)&#x20;
  * [ ] [<mark style="color:purple;">**Present your Canvas**</mark>](/docs/share/how-to-use-presentation-mode)
  * [ ] [<mark style="color:purple;">**Export**</mark> ](/docs/share/how-to-export-or-print-your-canvas)into your own presentation standards (or Print your presentation)
* [ ] Bring in your own product data to design with
  * [ ] Create a [<mark style="color:purple;">**Custom Product**</mark> ](/docs/collect/how-to-create-custom-products)within your Canvas
  * [ ] Import your data in bulk with a simple .CSV file [<mark style="color:purple;">**into My Catalog**</mark>](/docs/collect/my-catalog/working-in-table-view)
* [ ] Level up with our Design Hacks
  * [ ] Try out a [<mark style="color:purple;">**Furniture Presentation Template**</mark>](https://www.canoa.supply/templates)
  * [ ] Learn [<mark style="color:purple;">**How to create collages & vignettes**</mark>](/docs/design/how-to-create-collages-and-vignettes-for-your-presentations)
  * [ ] Copy-paste products directly from your favorite brands and[ <mark style="color:purple;">**Design with Brand Storefronts**</mark>](/docs/design/how-to-design-with-brand-storefronts)
  * [ ] [<mark style="color:purple;">**Embed your Canvas**</mark> ](/docs/share/how-to-embed-a-canvas)into a website
* [ ] Watch any of our [<mark style="color:purple;">**Canoa Learn videos**</mark>](https://www.youtube.com/playlist?list=PLYtA2M2IhMnyoEV0g52K3i7h4dUCkSG_v) on Youtube!


# Keyboard Shortcuts

A list of keyboard shortcuts to make designing commands happen faster and smoother

## Popular Keyboard Shortcuts:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F1cKBi1lrnt6VpMkVDXk7%2FKeyboard%20Hotkeys%20%26%20Shortcuts.jpg?alt=media&amp;token=56a00319-e809-4c40-84fb-9753ce72dab4" alt="" width="563"><figcaption><p>Keyboard shortcuts </p></figcaption></figure>

### Hot Keys for Switching Tools in Canvas:

* In your Canvas mood board, use the following Keys to switch in between the tools in the top, main toolbar:
  * `V` -> Select
  * `Spacebar` -> Pan
    * A helpful way to Pan throughout the Canvas for easy movement is by holding down the Spacebar and clicking and dragging your cursor throughout the space.
    * `H` -> Pan
  * `P` -> Draw
  * `R` -> Rectangle
  * `E` -> Circle
  * `T` -> Text
  * `M` -> Measure
  * `F`-> Frames
  * `A` -> Draw Areas
* `Arrow Keys` -> Nudge selected scene node
* `Delete` -> Delete selected scene node
* `ESC` -> Clear selection
* `CTRL` / `CMND + A` -> Select All
* `CTRL` / `CMND + C` -> Copy
* `CTRL` / `CMND + V` -> Paste
* `CTRL` / `CMND + Z` -> Undo
* `CTRL` / `CMND + Shift + Z` -> Redo
* `Shift` / `CTRL` / `CMND + [` -> Bring to Front
* `Shift` / `CTRL` / `CMND + ]` -> Send to Back

## **Right-click Menu:**

* In you Canvas mood board, right-click in your Canvas to pop-up the right-click menu. Here is where you'll find a current list of keyboard shortcuts that activate various design features in your Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FCuKk2BqjOIalLlIQ6kGO%2FRight%20Click%20Menu.png?alt=media&amp;token=2fbecdcf-e8a0-4702-a009-76e1961436e0" alt=""><figcaption><p>Canvas Right-Click Menu</p></figcaption></figure>

### Actions and features that are located in the right-click menu:

* Undo -> `CTRL` / `CMND + Z`
* Redo -> `CTRL` / `CMND + Shift + Z`
* Copy -> `CTRL` / `CMND + C`
* Cut -> `CTRL` / `CMND + X`
* Paste -> `CTRL` / `CMND + V`
* Crop
* Reset Transform&#x20;
* Distribute Selection
* Align Horizontal
* Align Vertical
* Group Selection -> `CTRL` / `CMND + G`
* Ungroup Selection -> `CTRL` / `CMND + Shift + G`
* Frame Selection -> `CTRL` / `CMND + F`
* Lock Selection -> `CTRL` / `CMND + L`
* Unlock Selection -> `CTRL` / `CMND + Shift + L`
* Zoom to Selection
* Bring to Front -> `Shift` / `CTRL` / `CMND + [`
* Send to Back -> `Shift` / `CTRL` / `CMND + ]`
* Set as Thumbnail
* Scale Precisely
* Create Product
* View Product Details
* Open Image in New Tab
* Flip Image Vertically&#x20;
* Flip Image Horizontally


# Begin with a Template

Need some inspiration or somewhere to start your design? Prebuilt templates are available for you to copy and quick start your design process. No more blank Canvases!

## What are Templates?

Templates are pre-made Canvases created as a jumping off point for your own design processes like mood boarding, space planning, and presenting. They are guides on how to organize your Canvas and feature Products from our library, inspiration images or renderings, a layout or floor plan, and designs by members of our community. So if you're looking for a [<mark style="color:purple;">**Furniture Presentation Template**</mark>](https://www.canoa.supply/templates/furniture-presentation-template) or want to design like a Canoa influencer, working from Templates may just be the thing to get you started.

## Start a new Canvas from a Template:

1. Go to the **Canvas** tab on the drop down Navigation Menu in the upper left.&#x20;
2. Click **`+ New Canvas`**, and a Create New window will pop up.
3. Choose **`Browse Templates`**, and pick one of eight Templates that works best for you.
4. This Canvas, created from a Template, is now yours. **Rename** your Canvas that is recognizable to you. No need to save anything - this Canvas will always be accessible to you whenever you open the Canvas tab.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FKBYhVwaJnubZZtnpA5lt%2Fnew%20templates%201.png?alt=media&amp;token=3718beef-f37e-47cb-8a5c-59608d0d6c57" alt=""><figcaption><p>Click + New Canvas to browse Templates.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FykcxoeSHXuBZlNEKPnDr%2Fnew%20templates%202.png?alt=media&amp;token=10d348c7-ef95-4e8b-af0a-f15147a7e23e" alt=""><figcaption><p>Choose from a variety of Templates to start with</p></figcaption></figure>

## Bring a Template into an existing Canvas:

There's no need to start from scratch. You can add Templates into your existing Canvases any time.&#x20;

1. Open one of your Canvases.
2. Click on the `My Catalog icon` in the lower right corner of your Canvas.&#x20;
3. Select `Templates` from the top of the pop up window.
4. Browse through the Templates and simply drag and drop one anywhere in your Canvas.

{% hint style="info" %}
A bunch of elements and Frames will appear now. Keep what you want and simply delete the rest by highlighting what you don't want! Once you've added a Template, all you need to do is full it in with your inspiration and products.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F9d2egWRuWHCFMN9y57cx%2FTemplates_Drag%20and%20Drop%202.gif?alt=media&amp;token=4ef92614-b77f-4ac5-a914-3fd27baf4403" alt=""><figcaption><p>Drag and drop a template into your Canvas from the side bar</p></figcaption></figure>

### Types of Templates to start a Canvas with:

* Product Specification (Brand Spotlight)
* CAD Library
* Concept Design
* Design Development
* Schematic Design
* Space Planning&#x20;
* ROM Budget

## Using a Community Template:

* Utilize one of our Community Templates when you want to design like a professional interior designer.
* Go to our [<mark style="color:purple;">**Templates**</mark>](https://www.canoa.supply/templates) page on our website, pick a Template, and click the **Launch Canvas** button.
  * *Quickly go to the Template page while you're signed into the app by clicking on your profile picture in the top right corner of the navigation bar.*&#x20;

<div align="center"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fz96mWvrl46SpRk6vL1D3%2FScreenshot%202024-09-17%20at%2011.04.01%E2%80%AFAM.png?alt=media&amp;token=ddf2737b-89c8-4cf0-8ad6-ebab388499b7" alt="" width="563"><figcaption><p><a href="https://www.canoa.supply/templates"><mark style="color:purple;"><strong>https://www.canoa.supply/templates</strong></mark></a></p></figcaption></figure></div>

* You'll be taken to the presentation template page, which features a description and details on the selected template. Click on **`Launch Canvas`** to open up the template Canvas.
* Select all of the frames and **right-click Copy** (or `ctrl+C / cmd+C`) the frames.
* Open up your own Canvas board and `ctrl+V / cmd+V` or right-click and select **Paste** to add the Template into your Canvas board.&#x20;
* Follow the step-by-step details to turn the template into your own presentation.   &#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FEtRR7hz4Usi6mq12iJFP%2FScreenshot%202024-08-07%20at%202.50.11%E2%80%AFPM.png?alt=media&amp;token=41aad6c3-8ae4-4ded-b974-7de64ee90ddf" alt=""><figcaption><p>A template gives you everything you need to create furniture presentations fast</p></figcaption></figure>

{% hint style="info" %}
If you are unable to create a new Canvas from Templates, you may have reached your limit on the number of Canvases allowed to your account. View the Team Management page to adjust your plan's subscription.
{% endhint %}

{% content-ref url="/pages/im5mENHfYZ21Bg06DqWS" %}
[How to organize your Canvas with Frames](/docs/design/how-to-organize-your-canvas-with-frames)
{% endcontent-ref %}


# Arranging your Canvas Dashboard

This article will show you how to arrange your Canvas Dashboard by adding a thumbnail image and name.

When a new Canvas is created, an arbitrary name is assigned automatically. So don't be surprised if your Canvas Dashboard has an "Elegant Penguin, "Sophisticated Architect" or "Sassy Peach" name in the upper left corner.  As you create multiple Canvases, it will become important to have your dashboard arranged so you can easily identify and search for each Canvas.&#x20;

## **Naming or Renaming a Canvas**

### From your Canvas Dashboard:

In your Canvas dashboard, you can rename all of your Canvases. Hover on the Canvas, click on the three-dot menu and select **Rename.**&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5yJo6VmSmAUDE2kyyaYE%2FScreenshot%202024-02-12%20at%204.36.29%20PM.png?alt=media&amp;token=9eca102b-a0fb-4d2d-84d1-5bfb8714d0f3" alt="" width="218"><figcaption><p>Rename your Canvas from your Canvas Dashboard</p></figcaption></figure>

### **From inside a Canvas:**

You can also edit your Canvas name by clicking on the Canvas name in the toolbar to activate the edit mode.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPQuRxqrm3j62iJsevEuS%2FNew%20Toolbar%207.31.png?alt=media&amp;token=fec6404e-1baa-433c-ac1e-69c56cd0e5ee" alt=""><figcaption><p>Far left: rename your Canvas in the toolbar</p></figcaption></figure>

## **Filtering your Canvas boards in your Canvas Dashboard:**

* In your Canvas Dashboard, you can search and filter for the Canvas boards that you've created by clicking on **Created By Me** or for the Canvas boards that you've been invited to by clicking on **Shared by My Team** and **All** **Shared with Me**.

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FuvusUwhUMZ3lE1Za64oF%2FScreenshot%202024-09-17%20at%2011.07.11%E2%80%AFAM.png?alt=media&amp;token=88d1d21a-2dd2-4cd2-a4bd-729e084f6b45" alt=""><figcaption><p>My Canvases I created</p></figcaption></figure> <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FGdVibqY00aOyE0qljXr6%2FScreenshot%202024-09-17%20at%2011.07.27%E2%80%AFAM.png?alt=media&amp;token=8b04384d-f4f6-428b-bf56-5b6421cb8aca" alt=""><figcaption><p>Canvases that have been shared with me</p></figcaption></figure></div>

## Setting a Thumbnail image:&#x20;

The thumbnail image of a Canvas defaults to the last image placed in your Canvas. But you can set a specific image to appear as the thumbnail image in your dashboard. The action **Set as Thumbnai**l is located in the **right-click menu** when in Canvas.&#x20;

* First, open your Canvas.
* Select an image, vignette, text, etc. that you'd like as your thumbnail image.
* Draw a **Frame** around your selection.
* Right-click on your **Frame**, and select **Set as Thumbnail** from the menu.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FrKztFqcr8s3tiEFrxlDn%2FScreenshot%202024-03-15%20at%204.19.57%20PM.png?alt=media&amp;token=cfb9667a-8e81-47c7-94ff-b721794cbcb3" alt="" width="538"><figcaption><p>Right-click on a Frame to set it as your Thumbnail image.</p></figcaption></figure>

Setting a thumbnail image allows you to better visually navigate your Canvas Dashboard.


# Collect


# How to create a furniture & accessories presentation

Define your design concept and use AI-recommendations to pull together an impactful furniture & accessories presentation quickly and efficiently - from moodboard inspiration to furniture specification

Creating a mood board is an effective way to inspire and convey your design ideas visually. Using the Canoa AI-recommendation, Canoa's infinite Canvas streamlines the design process and can help you organize your concept and ideas, so you can pull together an impactful visual presentation quickly and efficiently. Create data-rich mood boards, lay-out a scaled floor plan, and generate furniture schedules and budgets using a singular design tool.

{% embed url="<https://youtu.be/t9s_tN39kd8>" %}

## **How to create a digital furniture & accessories presentation**

Our Canvas is infinite, so there's no limit to what you can create. You can browse through our robust & data-rich Product Catalog with everything from renowned contract furniture brands to design-focused products from small makers. You can design with sustainability and circularity in mind using second life and pre-owned products. Simply drag and drop products and import images and drawings into your Canvas. Our toolbar provides lightweight design tools so you can edit images and personalize your presentation. Our <mark style="color:purple;">**C**</mark>[<mark style="color:purple;">**anoa Homework Template**</mark> ](https://www.canoa.supply/canvas/Vivacious-Grape-VyOq7dqdiW)can help you get started.

## **Designing with Canvas**

### **Define your design concept:**

* Consider your design intent and the elements you'll need to convey your concept.
* Gather inspiration images and resources.

### **Meet Canvas:**

* Sign into Canoa and select `+ New Canvas` and select create a **Blank Canvas**, **Import Drawing**, or **Browse Templates**.
* At the top is your toolbar, where you can access main functions quickly.
* At the bottom right corner is the **`My Catalog`** icon, where you can browse your own individual product library, the public catalogs, and bring in products to your Canvas.
* Every Canvas created is given an auto-generated name. Click on the name to personalize it.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVwazAVm0XkL87V8tOx9e%2FGroup%204815982.jpg?alt=media&amp;token=b780f3be-df07-43c8-a5d9-06794c3a74a2" alt=""><figcaption><p>Inside a Canvas</p></figcaption></figure>

## **Search thousands of products:**

* You can search through our Public Catalogs by clicking on the Tag icon in the bottom right corner.&#x20;
  * You can enter a query in the search or filer by Category (such as Accessories, Seating, or Tables), Manufacturer or Vendor (we have over 100 unique brands!), or refine your search further by filtering by Price, Lead Time, Condition, and Tags.
* Double click into any product to see all the product details.
* Drag & drop the product image into you Canvas. Or, select multiple products at once to bring them into the Canvas all together.
* Play around with the different search, filter, views, and sort options to see what works for you.

{% hint style="info" %}
Want to just browse the 2D vector drawings of the products? Click on the Image icon (seen below) and toggle to Drawing.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FipBG84KsZMbm4K3cInsJ%2FCatalogs%20with%20Anno.png?alt=media&amp;token=50595cc6-c161-4a61-b1a1-6f4aaa6ff9ab" alt="" width="563"><figcaption><p>Access Products and Templates</p></figcaption></figure>

* Navigate to brand catalogs to find products by specific brands, or select View All Products to see all products in one view.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5qAzyjVDxEAhXbtbsXrL%2FScreenshot%202025-01-24%20at%2012.11.43%20PM.png?alt=media&amp;token=bdd74489-c2f4-4efe-b967-ba541805f85a" alt="" width="375"><figcaption></figcaption></figure>

* After dragging a product onto the Canvas, our products allow you to toggle between three different views:
  * A scaled 2d vector drawing
  * The product image
  * The detailed product card
* You can use whichever view you need. Need all three? Copy the image so you can space plan with the scaled drawing, create a rendering with the product image or use the detailed product card to show furniture specs.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FCDaCEksEThouvdlwSJ6f%2FThree%20Product%20Views%20-%20Toggle.gif?alt=media&amp;token=2b0333c6-83f1-4dd8-a611-91386e8d2c38" alt=""><figcaption><p>Toggle to see the three views of a product on Canoa</p></figcaption></figure>

* Want to see full product details? `Right click` on the product image and select **View Product Details** to open the product card.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FwSKfQOspxToD9GRZMML3%2FScreenshot%202024-08-07%20at%203.20.15%E2%80%AFPM.png?alt=media&amp;token=9c6fc464-817c-449a-81f2-ae3580901740" alt="" width="179"><figcaption><p>View Product Details</p></figcaption></figure>

## **Embrace the power of Canoa AI to help you design:**

* Need help identifying a product from an inspiration image? Select the image or product to activate Canoa AI. Click on the `AI Recommendations` icon in the bottom left corner of the Canvas.
* Shuffle through pages of AI recommendations and filter your search with the Filters button.
* Drag and drop a recommended product into the Canvas to continue designing.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVhJwnLAgGUBiw4o3IsZe%2FScreenshot%202024-10-08%20at%202.01.56%E2%80%AFPM.png?alt=media&amp;token=1c9a0f4c-7486-436d-93ec-f2b5d5f2a98e" alt="" width="375"><figcaption><p>Canoa AI recommendation icon</p></figcaption></figure>

## **Duplicate, Delete, Rename:**

* To duplicate a Canvas, hover on the preferred Canvas in the Dashboard, click on the `three-dot` menu and select **Duplicate**.
* To delete a Canvas, hover on the preferred Canvas, click on the `three-dot` menu and select ***Delete**.*
* In your Canvas dashboard, you can rename all of your Canvases. Hover on the Canvas, click on the `three-dot` menu and select **Rename.** You can also edit your Canvas name, by clicking on the Canvas title to activate the edit mode.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5yJo6VmSmAUDE2kyyaYE%2FScreenshot%202024-02-12%20at%204.36.29%20PM.png?alt=media&amp;token=9eca102b-a0fb-4d2d-84d1-5bfb8714d0f3" alt="" width="218"><figcaption></figcaption></figure>

## Use one of our Templates to get you started!

{% content-ref url="/pages/V0vaB24NzVNGGvHYCuqO" %}
[Begin with a Template](/docs/getting-started/begin-with-a-template)
{% endcontent-ref %}

## **Next Steps:**

Customize your vision, aka let the design fun begin! Explore these ways to bring images, details and team members into your Canvas design.

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/im5mENHfYZ21Bg06DqWS" %}
[How to organize your Canvas with Frames](/docs/design/how-to-organize-your-canvas-with-frames)
{% endcontent-ref %}

{% content-ref url="/pages/4vJzNgcmc2AdGQjQFx8k" %}
[How to export or print your Canvas](/docs/share/how-to-export-or-print-your-canvas)
{% endcontent-ref %}


# How to add Links into Canvas

This article will teach you how to copy paste website URLs into Canvas, helping you collect your favorite products from just about anywhere and be able to reference helpful hyperlinks.

When you paste a URL into Canvas, it will automatically transform into a product with a visually pleasing card and be saved automatically into [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog). This workflow allows you to easily add and organize different types of content from across the web as products directly inside your Canvas, keeping your collections all in one place.&#x20;

With this web clipper, you can paste and place links wherever you want in your Canvas and save them as products with ease.&#x20;

Try it out! ![:point\_right:](https://a.slack-edge.com/production-standard-emoji-assets/14.0/apple-medium/1f449@2x.png) Here’s a [<mark style="color:purple;">**three-step guide**</mark>](https://www.canoa.supply/canvas/get-started) on how to paste a link into Canvas.

## How to paste a link into your Canvas:

1. **Copy** the URL from your web-browser.
2. Open the **Canvas** that you want to paste it into.
3. Click **`CRTL + V`** in Canvas directly where you want to paste your link.
4. The link will appear in a card view with an image, title, and hyperlink back to the original source.
5. Check the **`My Catalog`** icon in the bottom right corner to see your new product automatically saved.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZEC4PSr4XEh7UipcpMoD%2FPaste%20URL%20-%20Plain%20-%207.31.gif?alt=media&amp;token=4f910271-0596-46b0-88c2-1ec5d79442d8" alt=""><figcaption><p>Pasting links into Canvas, creating products automatically</p></figcaption></figure>

{% hint style="info" %}
Depending on the source of the link, different types of data will appear in the card once pasted into Canvas. Not all links from the web bring in images.
{% endhint %}

## Functionality of a link in Canvas

1. Pasted links that bring in an image with the card view will automatically become products and saved to [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog) for Pro and Studio users.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FREd4pHwaj14oTXxkkHhv%2FScreenshot%202024-10-08%20at%202.25.42%E2%80%AFPM.png?alt=media&amp;token=f4187fa2-c512-49e3-aa58-e12d789e18a6" alt=""><figcaption><p>Example of a pasted URL automatically becoming a saved product in My Catalog</p></figcaption></figure>

2. For pasted links that do *not* bring in images to Canvas, you can still instantly create a product with the Save as Product icon. Here's how:
   1. Simply, select the card and click the **`Save as Product`** icon.
   2. The **Product side panel** will pop up on the right-side of your screen where you can check all of the data it saved from its source and easily add more data manually.
   3. Read [<mark style="color:purple;">**How to create custom products in your mood board**</mark>](/docs/collect/how-to-create-custom-products) to learn all about this functionality.

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FbJ9AKTeDSCShqdoN6FFJ%2FScreenshot%202024-08-02%20at%2011.18.56%E2%80%AFAM.png?alt=media&amp;token=c01fed4f-aee5-4c12-83ba-c01f814cff8a" alt="" width="375"><figcaption><p>Save as Product icon in pasted URL</p></figcaption></figure> <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FisAaxMJ800d57hShBZlL%2FScreenshot%202024-08-02%20at%2011.19.22%E2%80%AFAM.png?alt=media&amp;token=9296b0ba-8d87-4e0b-9a5c-e7e41590b3a9" alt="" width="563"><figcaption><p>Product Side Panel to add and check data</p></figcaption></figure></div>

3. You also have the ability to turn the card view into plain text if needed.
   1. Simply, select the card and click the **`Display URL as Text`** icon.
4. Reference the original link of the card by clicking on the **`Hyperlink`** icon in the bottom left corner of the card. It will take you to the exact website URL you copied into your Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FU9I0JvnmkGBnq9uwdTZo%2FHyperlink%20-%20Text.png?alt=media&amp;token=6b0c8597-7fe4-40c9-8e64-b0abb21e88b5" alt="" width="341"><figcaption><p>Hyperlink icon | Display Text icon</p></figcaption></figure>

## Auto-Enrich your Product Data

When adding in your products via URL copy paste to your Canvas, CanoaAI will automatically give them a subcategory and a color tag in addition to adding the product to your **My Catalog**. To check this, right-click and View Product Details. Scroll down to the data fields: Category and Tags.

## Collect links from all over the Internet

This feature allows you to hyperlink almost anything in your Canvas and turn them into products. Not only can you paste URLs of your favorite furniture pieces from your favorite brands' websites, you can also paste links from e-commerce sites, news media and magazine outlets, bookmarking apps, and even that cooking recipe you've been inspired by lately. Happy collecting!

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F1oikIZrCxHVbP3GYQFNe%2FScreenshot%202024-06-28%20at%2012.49.27%E2%80%AFPM.png?alt=media&amp;token=0284d7dd-901e-4e40-be16-d216834f573d" alt="" width="563"><figcaption><p>Example of URL to paste into Canavs</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FrSjSOPmN2JyMPLzXTg4g%2FScreenshot%202024-06-24%20at%204.23.43%E2%80%AFPM.png?alt=media&amp;token=431da99e-41cb-4049-ae7e-0db5b9201604" alt="" width="375"><figcaption><p>Examples of URLs pasted in Canvas from various sources</p></figcaption></figure>

{% embed url="<https://www.canoa.supply/canvas/generous-guru-5-1aVwIzod>" %}
Check out this public Canvas created by our Founder, Federico Negro, to view his collection of links.
{% endembed %}


# How to add an Inspiration Image

Adding images to your mood board or furniture presentation is as simple as copy-paste (or drag & drop)

{% hint style="info" %}
We recommend using image files under **10mb** each for peak performance.
{% endhint %}

## Copy-paste an image from a website:

Copy & paste images from any website, Miro or Pinterest.&#x20;

1. Navigate to your preferred image(s).&#x20;
2. Highlight your image(s) or right-click on the image(s) and select **Copy Image** (or `cmd+C` or `ctrl+C`).&#x20;
3. Navigate to your Canvas and `cmd+V` or `ctrl+V` or right-click and select **Paste.**&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FHAcfpjtUpflKWjbw4jnY%2FCopy%20and%20Paste%20from%20web.gif?alt=media&amp;token=ff639533-0e1a-46a8-aa54-e029cfeec7e0" alt=""><figcaption></figcaption></figure>

## Add an image from the toolbar:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FH3BXPTbXbPpfmMgOo6FC%2FImport%20icon%20Toolbar.png?alt=media&amp;token=d87c3b68-546c-4850-99b2-fb9860049bfd" alt=""><figcaption><p>Import icon in the toolbar</p></figcaption></figure>

1. Select the **`Import`** icon from the Canvas toolbar.&#x20;
2. Your Finder or Documents Manager window will open up separately.&#x20;
3. Choose a **.jpg or .png file**. Navigate to the folder location where your inspiration image is saved and select your preferred image.&#x20;
4. Click **Open** to automatically place the image in your Canvas.

Read more about this Import button feature in the toolbar by reading this article linked here - like how to upload a CAD file and how to upload DWG and DXF files:

{% content-ref url="/pages/XpW3bDxbhXPcfrTRxHMH" %}
[How to Import and Scale floor plans](/docs/design/how-to-import-and-scale-floor-plans)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FzjrKgHFSbU9GHBzcqYXl%2FToolbar_Quick%20Add%20Image.gif?alt=media&amp;token=64fed2ef-75db-4a4d-995a-4a1747c26baf" alt="" width="300"><figcaption></figcaption></figure>

## Drag & Drop an image from a folder

Go to your Finder or Documents manager and navigate to the folder where you have your images saved. Open the folder and select the image(s), hold down you left mouse button, and drag the image(s) to your Canvas board. Drop the image(s) wherever you'd like them to appear on your Canvas.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPjoVdb2EqvR7gyeA0Z4n%2FDrag%20Drop%20Image.gif?alt=media&amp;token=bdc55fab-37e4-4dcc-ac24-5568e96ea18b" alt="" width="563"><figcaption></figcaption></figure>

## Turn any image into a Custom Product card:

{% content-ref url="/pages/4KPI8esp1VtshCKnoIag" %}
[How to add Links into Canvas](/docs/collect/how-to-add-links-into-canvas)
{% endcontent-ref %}

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


# Copy-Paste from Canvas to Canvas

Copy - paste is the fastest and easiest way to add images alongside your layouts in your design presentations. Easily copy from one Canvas to another Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FW25RGmoCICcCRagWjb8e%2FCopy%20%26%20Paste.gif?alt=media&amp;token=08e1d55a-b044-477a-ab1f-1b7f4d68aae1" alt=""><figcaption></figcaption></figure>

### Copy-Paste from Canvas to Canvas

* Go to your Canvas dashboard and open an existing Canvas or start a new Canvas. This will open in a new tab or window.
* Navigate to the Canvas that you want to ***copy from***. A Canvas from our [<mark style="color:purple;">**Templates**</mark>](https://www.canoa.supply/templates), [<mark style="color:purple;">**Brand Storefronts**</mark>](https://www.canoa.supply/brands) and [<mark style="color:purple;">**Community Canvases**</mark> ](https://www.canoa.supply/community)have great options.
* Launch the Template Canvas you've selected.
* Highlight the images, products, and drawings you want to copy. Right-click and select **Copy** or **ctrl+C / cmd+C**.
* Navigate to the tab or window of the Canvas you want to ***copy to.*** Right-click on the area of the Canvas you want to place your copied items and either select **Paste** or **ctrl+V / cmd+V**.
* Start designing with your selections! Remember that you can toggle amongst different view depending on whether you need product drawings, images or specifications.

### Explore these Learning Articles for more how-to's:

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/isT6ZbaPOPyXlDVHsQ9b" %}
[How to create a furniture & accessories presentation](/docs/collect/how-to-create-a-furniture-and-accessories-presentation)
{% endcontent-ref %}

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

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/V0vaB24NzVNGGvHYCuqO" %}
[Begin with a Template](/docs/getting-started/begin-with-a-template)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/1N4ht4YoCOoVlCy1HGUW" %}
[How to design with Brand Storefronts](/docs/design/how-to-design-with-brand-storefronts)
{% endcontent-ref %}


# Copy-Paste from Pinterest to Canvas

Copy - paste is the fastest and easiest way to add images alongside your layouts in your design presentations. Easily copy from Pinterest to Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FyQyrZCGor9hy0FEWrDOD%2FPinterest%20to%20Canvas.gif?alt=media&amp;token=595e619e-be02-4009-8c70-37c4f6ea25ae" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/ifD0PuLh5qUkp02wY67Z" %}
[Working with Pinterest](/docs/collect/integrations-and-compatibility/working-with-pinterest)
{% endcontent-ref %}

### Copy-Paste from Pinterest to Canvas

* Go to your Canvas dashboard and open an existing Canvas or start a new Canvas. This will open in a new tab or window.
* In a new tab or window, go to Pinterest.
* Click on the image that you want to copy. Right-click and select **Copy** or **ctrl+C / cmd+C**.
* Navigate to the tab or window of the Canvas you want to ***copy to.*** Right-click on the area of the Canvas you want to place your copied items and either select **Paste** or **ctrl+V / cmd+V**.
* Start designing with your selections! Create a collage or vignette or even a custom product card for designing and space planning.

### Explore these Help Docs for more how-to's:

{% content-ref url="/pages/4KPI8esp1VtshCKnoIag" %}
[How to add Links into Canvas](/docs/collect/how-to-add-links-into-canvas)
{% endcontent-ref %}

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

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


# Copy-Paste from Miro to Canvas

Copy - paste is the fastest and easiest way to add images alongside your layouts in your design presentations. Easily copy from Miro to Canvas.

### Copy-Paste from Miro to Canvas

* Go to your Canvas dashboard and open an existing Canvas or start a new Canvas. This will open in a new tab or window.
* In a new tab or window, go to Miro.
* With Miro, you have the option of selecting an entire Frame or individual images within the Frame.

### Copying a Miro Frame

* Click on the Frame that you want to copy. Right-click and select **Copy as image** or **ctrl+shift+C / cmd+shift+C**.
* Navigate to the tab or window of the Canvas you want to ***copy to.*** Right-click on the area of the Canvas you want to place your copied items and either select **Paste** or **ctrl+V / cmd+V**.
* The entire Frame will be copied and act as one combined image. You will not be able to acces the individual images once the Miro Frame is copied into your Canvas.

<div align="center" data-full-width="false"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMnl0Eh8ZhGt3Mdu13KhF%2FMiro%20to%20Canvas%201%20(1).gif?alt=media&amp;token=6a110acd-e302-4671-bc59-400de825848c" alt=""><figcaption><p>Copying Miro Frames into Canvas</p></figcaption></figure></div>

### Copying individual images from Miro

* Click on each image you'd like to copy. Right-click and select **Copy as image** or **ctrl+shift+C / cmd+shift+C**.
* Navigate to the tab or window of the Canvas you want to ***copy to.*** Right-click on the area of the Canvas you want to place your copied items and either select **Paste** or **ctrl+V / cmd+V**.
* The images you selected will be copied and act as one combined image. You will not be able to acces the individual images once they are copied into your Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FG0pFQSf4jdVCHJiKcbEg%2FMiro%20to%20Canvas%202%20(2).gif?alt=media&amp;token=bdd5a3c2-826b-4720-99b2-a31c8d31f7c7" alt=""><figcaption><p>Copying individual images from Miro to Canvas</p></figcaption></figure>

### Copying Text from Miro

* Click on text that you'd like to copy. Right-click and select **Copy as image** or **ctrl+shift+C / cmd+shift+C**.
* Navigate to the tab or window of the Canvas you want to ***copy to.*** Right-click on the area of the Canvas you want to place your copied items and either select **Paste** or **ctrl+V / cmd+V**.
* The text you selected will be copied and act as an image. You will not be able to edit the text once it is copied into your Canvas.
* NOTE: If you select Copy from Miro, then when you paste your text into Canvas, the text will convert to an editable text once it's pasted into Canvas. However, any formatting or font style from Miro won't be preserved.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBVf9UUaSGirBJJpviCJ6%2FMiro%20to%20Canvas%203.gif?alt=media&amp;token=c889b17c-9f9d-4832-af60-f85bb49ec5e8" alt=""><figcaption><p>Copying Text from Miro to Canvas</p></figcaption></figure>

### Explore these Learning Articles for more how-to's:

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

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


# Copy-Paste from your desktop to Canvas

Copy - paste is the fastest and easiest way to add images alongside your layouts in your design presentations. Easily copy from your desktop into your Canvas.

### Copy-Paste from your desktop to Canvas

* Go to your Canvas dashboard and open an existing Canvas or start a new Canvas. This will open in a new tab or window.
* Open your Finder Window or Documents Manager and navigate to where you have your inspiration images saved.
* Select all of the images that you want to copy. Right-click and select **Copy** or **ctrl+C / cmd+C**.
* Navigate to the tab or window of the Canvas you want to ***copy to.*** Right-click on the area of the Canvas you want to place your copied items and either select **Paste** or **ctrl+V / cmd+V**.
* Start designing with your selections! Create a collage or vignette or even a custom product card for designing and space planning.

### Explore these Learning Articles for more how-to's:

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

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


# How to start a Canvas from a Drawing

This article will teach you how to use a drawing file (DWG) to quickly start a new Canvas.

{% embed url="<https://www.youtube.com/watch?v=B7pn0PYbDGc>" %}

{% hint style="info" %}
We recommend using DWG files that are no more than **15 mb** in Canvas for optimal performance.
{% endhint %}

A quick way to start a new Canvas is by importing a drawing file as the first step. This is an ideal workflow for when your design process calls to start designing with a file of a floor plan that you already have on your computer. Here's how:

* In the Canvas Dashboard, simply click **`+ New Canvas`**.
* Choose **Import Drawing**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fwn1iUrJnOdMCUUdvkRcX%2FImport%20Drawing%20-%20updated.png?alt=media&amp;token=442b2dd8-7d20-4882-ba00-2d9e3757dcd2" alt=""><figcaption><p>Start a new Canvas with your drawing file</p></figcaption></figure>

* You'll then be prompted to open your desired drawing file. The supported file types for drawings on Canoa are **DWG** and **DXF files**.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FUxRz6Z7r3G7aWTH0iW7d%2FScreenshot%202024-09-19%20at%201.27.25%E2%80%AFPM.png?alt=media&amp;token=4f328dc1-fded-492d-ba84-c07b71d248d6" alt=""><figcaption><p>Choose DWG file</p></figcaption></figure>

* With your file selected, click Open. You'll automatically be taken to a blank Canvas where you will see your drawing file being **processed** in the bottom left hand corner of your screen.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F6UvdSZDozOnkUnB6fVwo%2FStart%20from%20Drawing%20Process.png?alt=media&amp;token=232f808f-80ca-489f-84da-040bd56a3072" alt=""><figcaption></figcaption></figure>

* When the file is done processing, click **Add to Canvas** in the bottom left hand corner and then choose where to place your drawing file.

Of course, there are other ways to get started with creating new Canvas. Check them out:

{% content-ref url="/pages/V0vaB24NzVNGGvHYCuqO" %}
[Begin with a Template](/docs/getting-started/begin-with-a-template)
{% endcontent-ref %}

{% content-ref url="/pages/isT6ZbaPOPyXlDVHsQ9b" %}
[How to create a furniture & accessories presentation](/docs/collect/how-to-create-a-furniture-and-accessories-presentation)
{% endcontent-ref %}

To learn more about drawings and best practices for working with drawings on Canoa, check out the following articles:

{% content-ref url="/pages/4VYBs1ka0XWjGYi3teYL" %}
[How to import 2D vector data (drawings)](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings)
{% endcontent-ref %}

{% content-ref url="/pages/T4rnj48or1riVQVYISNu" %}
[Best practices for uploading vector data](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings/best-practices-for-uploading-vector-data)
{% endcontent-ref %}


# How to start a Canvas from Public Catalogs

Learn how easy it is to start a Canvas while searching for products in our Public Catalog.

As you browse through our Public Catalogs and select a product, you can start a Canvas directly from that product.

1. Go to our [<mark style="color:purple;">**Public Catalog**</mark>](https://www.canoa.supply/products)<mark style="color:purple;">**.**</mark>
2. Click on a product, and the product details will appear on the side panel.
3. Click on **Start a Canvas** below the product image, and a new Canvas will launch automatically.
4. Add an inspiration image or additional products, toggle between views, and start designing.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Ft7Y83v74sg8oDpMvoWGr%2FScreenshot%202024-02-13%20at%205.48.14%20PM.png?alt=media&amp;token=60617427-36ef-4fc5-b539-aff333356e09" alt="" width="350"><figcaption><p>Start a Canvas from the Product Details view</p></figcaption></figure>

{% content-ref url="/pages/isT6ZbaPOPyXlDVHsQ9b" %}
[How to create a furniture & accessories presentation](/docs/collect/how-to-create-a-furniture-and-accessories-presentation)
{% endcontent-ref %}

{% hint style="info" %}
For Pro, Studio, and Custom Accounts, you'll see the option to **Save to My Catalog**, as well as **Start a Canvas**. Remember, My Catalog can be seen as your favorites folder.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FQ02vKbOk4P5K5BqqO2Wn%2FScreenshot%202024-02-13%20at%205.47.22%20PM.png?alt=media&amp;token=5b4f1680-5654-48b3-8a85-7c3e53a2e853" alt="" width="350"><figcaption><p>Start a Canvas or Save to My Catalog available for Pro &#x26; Unlimited</p></figcaption></figure>


# How to add a Product from the Public Catalogs

This article will show you how to easily add a product from our database and toggle between the various views available with products on Canoa.

## Add a Product to your Canvas:

1. Open an existing Canvas or create a New Canvas.
2. You can search through the Public Catalogs by clicking on the **My Catalog icon** in the bottom right corner of Canvas.&#x20;
   1. You can enter a query in the search or **Filter** by product Category (such as Accessories, Seating, or Tables), Condition, Buy Price, Lead Time, Manufacturer, Vendor (we have over 100 unique brands!), or Tags<mark style="color:purple;">**.**</mark> Play around with the different search options to see what works for you.
3. You can then **Sort** your search by Price, Lead Time, Manufacturer, and Name.
4. **Double click** any product image in the search to see the full product details and all its data.

{% hint style="info" %}
**NOTE**: For those with a Pro, Studio, or Custom account, you can filter for your saved or custom/private products in **My Catalog**.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FdQaj6IwgyQHUDpCVeHhH%2Fnew%20my%20catalog%202.png?alt=media&amp;token=ed83b85c-2fb1-4b06-ae5f-18fed5d1e31d" alt="" width="563"><figcaption><p>My Catalog in the bottom right corner of Canvas.</p></figcaption></figure>

6. **Drag & drop** the product into your Canvas.
7. To bring in more than one product at once, click the **checkboxes** in the upper left hand corners of each product. Once you have checked all the boxes, simply drag and drop the products onto your Canvas.&#x20;
   1. While you are dragging, a grey "ghost" of your products will hover above your Canvas. Drop them into the Canvas when you are ready to place them.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXX93wfMLU2e1HPC1CO0W%2FScreenshot%202024-10-08%20at%202.51.31%E2%80%AFPM.png?alt=media&amp;token=cde38d38-993e-4c4a-9d5d-4683fa8b1849" alt=""><figcaption><p>Click the checkboxes to add multiple products at once.</p></figcaption></figure>

{% hint style="info" %}
Want to browse all of the 2D vector drawings of the products? Click on the `Image` icon within the My Catalog sidebar and toggle to **`Drawing`**.&#x20;
{% endhint %}

## Select your Product view:

Each product in the Public Catalogs has three different views available: a scaled 2D vector drawing, the product image and the detailed product card. When you place a product into your Canvas, you can easily toggle between these views.

Need all three? Copy the image so you can space plan with the scaled drawing, create a rendering with the product image or use the detailed product card to show furniture specs.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FCDaCEksEThouvdlwSJ6f%2FThree%20Product%20Views%20-%20Toggle.gif?alt=media&amp;token=2b0333c6-83f1-4dd8-a611-91386e8d2c38" alt=""><figcaption><p>All three views of products on Canoa</p></figcaption></figure>

* First, add a product from our **Catalog** database into your Canvas. The default view is the **Card view** with product data. But you can browse by **Drawing view** as well.
  * You can customize the data fields you see by clicking on the **Settings** (Gear) icon.&#x20;
  * You can view all the data of the product by right clicking and choosing **View Product Details** (`cmd + I`).
* Select the first icon for the scaled 2d vector product **Drawing** and the middle icon for the **product Image.**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F33amlMcVLv4K89j0vIQq%2FScreenshot%202024-08-07%20at%204.06.09%E2%80%AFPM.png?alt=media&amp;token=cabaa51a-21fe-4c55-a2e2-8add3059aa56" alt=""><figcaption><p>Each product offers three different views</p></figcaption></figure>

## Customize the Product Card view:

Want to hide some product data and only show a select few fields in the card view? No problem. Select the product card view, click the **`Settings` (Gear) icon**, and simply toggle on or off the data fields you want to show and hide on your Canvas.&#x20;

You can hide or show the image, drawing, manufacturer, name, size, price, condition, color, and URL source among many other data field types in the product card view. We want you to have full control and customizability in how you present information in your designs.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FRJSam5qUbeiVac1GhdgH%2FScreenshot%202024-12-02%20at%201.32.18%E2%80%AFPM.png?alt=media&amp;token=a71caf28-9cde-4a8c-af2a-0a72467f6374" alt=""><figcaption><p>Settings to customize a product card</p></figcaption></figure>

{% hint style="info" %}
Currently, the customizable Card Settings are universal to the Canvas you are working in. Meaning, the settings you apply to one card, will apply to all the product cards on your Canvas at the same time.
{% endhint %}

## Rotate the Product:

You can rotate images and drawings of products anytime within Canvas. Rotating in any direction and angle keeps the original scale of the drawing accurate.

1. Click to **select** the drawing or image.
2. Hover your cursor over any **corner** of the selection.
3. A **curved arrow** will appear.
4. **Click and hold** as you **rotate** the drawing - the angled degrees will pop up as you rotate in either direction.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FK1Ovm68LGY24n23hWsTq%2FPlacing%20Rugs.gif?alt=media&amp;token=96222c71-5173-44a3-bc76-72bc6b985d17" alt="" width="561"><figcaption><p>Rotate images and drawings of products by hovering over the corners</p></figcaption></figure>

## Next Steps:

Easily adjust the settings of your product card to create customized views of the product specs, or try these other options.

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/YGDxQ0I2L46oOiispjvx" %}
[How to adjust your Product Card view](/docs/design/how-to-adjust-your-product-card-view)
{% endcontent-ref %}

{% content-ref url="/pages/uRLOdrBoxPsLSTyzHavw" %}
[How to use Canoa AI](/docs/collect/how-to-use-canoa-ai)
{% endcontent-ref %}


# How to search for Products

This article will teach you how to search for your products on Canoa, and showcase the various places your product is discoverable on the Canoa platform for all users.

## Search for products in the Public Catalogs:

The first way you can search for products is heading over to the Public Catalogs in the navigation men&#x75;**.**&#x20;

Browse through the brand catalogs or use the Search bar to search for your favorite brand.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fzl4XVqKKnflCkEDYgyqy%2FScreenshot%202025-01-24%20at%2010.06.05%20AM.png?alt=media&amp;token=372a0401-dec7-4d68-967c-5388bbf00c7c" alt=""><figcaption><p>Brand catalogs</p></figcaption></figure>

You can also select **View All Products** to open the complete product catalog and use search or filters to find single or multiple brands there.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FuJwS2Dr3jt8roqyFJhoC%2FScreenshot%202025-01-24%20at%2010.08.14%20AM.png?alt=media&amp;token=84fad8ea-c6b6-469f-82a2-4fd0c15636c6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**For Pro, Studio, and Custom users:** Find a product that you want to remember for later? Click on that product and select "**Save to My Catalog**." Now, you can reference the **My Catalog** feature in the left-side navigation bar for easy look up to use in your Canvases later. Consider these your favorites.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FlnVO2QMgC1RqpuDWvWzt%2FScreenshot%202025-01-24%20at%2012.54.53%20PM.png?alt=media&amp;token=948fe2ac-978b-44a1-aceb-cebd48d8e58d" alt=""><figcaption></figcaption></figure>

## Search for products in Canvas:

You can browse for products within a [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas)<mark style="color:purple;">**.**</mark> This really is a great way to start designing a digital mood board, creating a furniture schedule specification, and space plan with a floor plan.‍

1. Go to the bottom right corner of the opened Canvas and click the **My Catalog icon**.&#x20;
2. Search for products in the main search bar or with the **Filters** menu to narrow your search by Category, Condition, Buy Price, Lead Time, Manufacturer, Vendor, Tag, and Collection.
3. When you find a product you like, just **drag and drop** it into the Canvas. You can also select multiple products to then drag into the Canvas all together at once by clicking on the checkboxes of each product card (in the upper left corner).

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FdQaj6IwgyQHUDpCVeHhH%2Fnew%20my%20catalog%202.png?alt=media&amp;token=ed83b85c-2fb1-4b06-ae5f-18fed5d1e31d" alt="" width="563"><figcaption><p>Product search in a Canvas</p></figcaption></figure>

{% hint style="info" %}
Want to browse all of the 2D vector drawings of the products? Click on the `Image` icon within the My Catalog sidebar and toggle to **`Drawing`**.&#x20;
{% endhint %}

You can double click into a product to show a more detailed view with the pricing, the size, as well as the carbon footprint or just the images.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F33amlMcVLv4K89j0vIQq%2FScreenshot%202024-08-07%20at%204.06.09%E2%80%AFPM.png?alt=media&amp;token=cabaa51a-21fe-4c55-a2e2-8add3059aa56" alt="" width="563"><figcaption><p>Toggle the icons below the product for different views and data</p></figcaption></figure>

Now you can view the product as purely an image; you can also remove the background to give it more of a layering effect; view just its 2D vector drawing; or you can view the product card with all its specifications by toggling through the three viewing options seen above.

You can also **search** for products within your Canvas after they are placed in the Canvas. We know that mood boarding can get messy and all over the place - but that's part of the fun. Use the universal search keyboard shortcut, `Control + F`**,** to find what you're looking for. Clicking `Control + F` will search through product cards and text boxes that are in your Canvas.&#x20;

## Discover products in Templates:

{% content-ref url="/pages/V0vaB24NzVNGGvHYCuqO" %}
[Begin with a Template](/docs/getting-started/begin-with-a-template)
{% endcontent-ref %}


# How to create Custom Products

This article teaches you how to bring your own products into Canoa through images, URLs, and CSV files to create custom product cards that you can design and space plan with in your Canvas mood board.

Even though we have extensive **Public Catalogs**, sometimes your design has a unique or custom product not found in our catalog. And, you'd like that product to have the same data-enriched characteristics so you can design, space plan and add to your furniture schedule just like those products in our database. We call this workflow '**Save as Product**'. And Canvas offers three easy ways to bring in the products you want to design with.

## **Option 1: Save As Product icon**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FR3FelM7zOKhohYujMba6%2FScreenshot%202024-08-08%20at%202.21.47%E2%80%AFPM.png?alt=media&amp;token=27fa8016-e38a-4f25-9ba5-de7ced999a9e" alt="" width="563"><figcaption><p>This Save As Product icon lives when you select any image.</p></figcaption></figure>

1. Create a new **Canvas** or open an existing Canvas.
2. Find the **image** of the product you'd like to create a custom product card by drag and drop, uploading, or pasting the URL of the image into your Canvas.
3. Click the image and five icons will appear below it.
4. Select the **`Save As Product`** icon.
5. The **Product Card window** will open up on the right side of your Canvas so you can add details and data for your new product.

{% hint style="info" %}
**NOTE:** If the Product side panel window does not automatically open up, then hover over the image, right-click to open up the features menu and select `View Product Details`.
{% endhint %}

This powerful action can also be done in **bulk -** you can create custom products for multiple images at once. Place all the images you want to create into products into your Canvas. Then, highlight/select those images all at once. The **Save As Products** icon will appear below them. Simply click the icon and they will automatically become products!&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FgeOLQGZsfSCdfFT7k5wr%2FScreenshot%202024-08-08%20at%202.26.00%E2%80%AFPM.png?alt=media&amp;token=73040c0d-f631-4321-a1ab-4491740d7075" alt="" width="563"><figcaption><p>Save as products in bulk! Three images are highlighted to then create three product cards.</p></figcaption></figure>

After you click the Save As Products icon, you will want to enrich the product data for each of these three new products. One-by-one, right-click each product and choose **View Product Details** (`CMD + I`). The Product Side-Panel will pop up on the right side of your screen. Here is where you can enrich and add all the data you need for your new custom products.&#x20;

This action is also accessible within the **right-click menu** when you are in Canvas.

## **Option 2: Import a CSV file**

Oftentimes we collect products in a form of a list. When that list of products is able to be exportable into a CSV file, you can then upload that same CSV file directly into Canvas. Now you can design with the furniture pieces from your CSV list in a more visually pleasing and data-enriched setting in Canvas. Here's how:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FCts53ETjKJal8T7FCrOp%2FScreenshot%202024-09-11%20at%205.15.05%E2%80%AFPM.png?alt=media&amp;token=5b19a83d-12b4-4dcf-9bf7-770386b0ec26" alt=""><figcaption><p>How to import a CSV file into Canvas</p></figcaption></figure>

1. Create a new **Canvas** or open an existing Canvas.
2. Click the **`Import`** button in the top toolbar and select `Product List (.csv).`
3. Choose your **CSV file** that has the list of products you want to bring into Canvas. Click **Open**.
4. The **Import Products** window will pop up. Canvas will automatically match your data fields.&#x20;
   * If the fields you are importing are not automatically selected and seen, you can manually match the fields by using the **dropdown arrows** within each field.&#x20;
   * If you do not want to import a detected field, simply click the **X** to remove it from the import.
5. Click **Next**. This will launch a preview of how your data will look for each product in your file.
   * Use the **arrows** in the top right corner of this preview to toggle through your list of products from the CSV file to see how they will look like in Canvas.
6. Click **Import** and then click **Proceed** when you and your data is ready for Canvas.
   * A processing notification will appear in the top of your Canvas, letting you know the import is working.
7. Click **Add to Canvas** when your CSV file has processed completely.
8. The products will appear as gray blocks hovering with your cursor. Place the blocks wherever you would like in Canvas.

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FvcP3fnJGypM9qfibKxlz%2FCSV%20preview%20window%20.png?alt=media&amp;token=4a7bdb18-b3ce-4ff7-af4e-81e79efee06b" alt="" width="375"><figcaption><p>The preview to see how your data will look when imported into Canvas</p></figcaption></figure> <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FE3yIVhRPNphVqzux5DPG%2FScreenshot%202024-08-08%20at%202.40.36%E2%80%AFPM.png?alt=media&amp;token=73950170-1738-469a-88f0-3a4efc43eebd" alt="" width="563"><figcaption><p>Click Add to Canvas and place your products wherever you'd like</p></figcaption></figure></div>

{% hint style="info" %}
Import up to **100 products** via CSV file due to limits pertaining to your Account Subscription tier. If you want to bring in more than 100 products at once, we recommend that you do so in **My Catalog** - **Table** view.
{% endhint %}

{% content-ref url="/pages/NJ57BwzkpKoZ08d7Lbs5" %}
[Working in Table view](/docs/collect/my-catalog/working-in-table-view)
{% endcontent-ref %}

## Option 3: Paste a URL from a website

When you copy paste a link of your favorite product or inspirational image into Canvas, it will automatically save as a product. This is a great way to collect your favorites and add the necessary additional data into their product cards. If you want a **Pinterest** account, you can connect it to your Canoa account to easily bring your pins and boards into Canoa. Learn more here:

{% content-ref url="/pages/4KPI8esp1VtshCKnoIag" %}
[How to add Links into Canvas](/docs/collect/how-to-add-links-into-canvas)
{% endcontent-ref %}

{% content-ref url="/pages/ifD0PuLh5qUkp02wY67Z" %}
[Working with Pinterest](/docs/collect/integrations-and-compatibility/working-with-pinterest)
{% endcontent-ref %}

## **Option 4: Draw Shapes**

Every time you draw a shape in your Canvas, you have the option to save it as a product. You can easily and quickly draw a custom product - with one or multiple shapes - and continue to build that product by adding images and all necessary data.&#x20;

* Select the `Draw` tool, `Rectangle` tool, and `Circle` tool in the top Canvas toolbar.
* Draw your shape for your custom product.
* Select the shape or shapes that you want to turn into a product.
* Click the `Save As Product` button just below the shape.
* Add in details by `right-clicking` and selecting `View Product Details`.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fd1uoRxI1DOFuIhTNNhEv%2FShapes%20to%20Products.png?alt=media&amp;token=e6764cd9-4b9d-41ab-9cce-1133c329b0c4" alt="" width="375"><figcaption><p>Use the Drawing tools to draw shapes</p></figcaption></figure>

You can continue to edit the product's drawing anytime. Select the drawing view of your product. Double-click into the drawing itself, and the Drawing Editor window will launch. Make any needed edits to your drawing here.&#x20;

Learn all about Canoa's Drawing Tools here:

{% content-ref url="/pages/xUEcVoqSZdlc3RkNj6w7" %}
[How to use the Drawing Tools](/docs/design/how-to-use-the-drawing-tools)
{% endcontent-ref %}

## **The Product Card Details**

Add the information related to your product in the Product Card window. Typical information would be Manufacturer, Product Name, Size, Material and List Price.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FYf6cua7ViTeQlKfewatw%2FScreenshot%202024-08-08%20at%202.48.31%E2%80%AFPM.png?alt=media&amp;token=5e71a297-9db6-4576-b469-f00b442903ec" alt="" width="375"><figcaption><p>Enrich your product data in the View Product Details side panel.</p></figcaption></figure>

The information you input into the Product Card will appear when you select the Card view.&#x20;

{% hint style="info" %}
The Card view is the third icon you can select when toggling between the different views for you product.
{% endhint %}

### Customize your Product Card view:

Want to hide some product data and only show a select few fields in the card view? No problem. Select the product card view, click the **`Settings` (Gear) icon**, and simply check on or off the data fields you want to show on your Canvas.&#x20;

You can hide or show the product image, drawing, manufacturer, name, size, price, condition, color, and URL source among many other data field types in the product card view. We want you to have full control and customizability in how you present information in your designs.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FRJSam5qUbeiVac1GhdgH%2FScreenshot%202024-12-02%20at%201.32.18%E2%80%AFPM.png?alt=media&amp;token=a71caf28-9cde-4a8c-af2a-0a72467f6374" alt=""><figcaption><p>Settings to customize a product card</p></figcaption></figure>

Currently, the customizable Card Settings are universal to the Canvas you are working in. Meaning, the settings you apply to one card, will apply to all the product cards on your Canvas at the same time.

## **Adding a Drawing**

There are a couple of different options for you to add a drawing to your custom product. After you have **`Saved As Product`**, simply click on **`Add a Drawing`** to open the **Drawing Editor** windo&#x77;**.**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FX3pCx61Yb9t2wv4BMBZl%2FAdd%20a%20Drawing.png?alt=media&amp;token=15391965-d923-4780-aa5c-aa84b73ab278" alt="" width="340"><figcaption><p>Choose Add a Drawing to launch the drawing editor.</p></figcaption></figure>

### **Freehand Drawing - for basic or simple shapes:**

* Click on the **`Add a Drawing`** icon to open up the **Drawing Editor.**
* Click **`Draw`** to launch the drawing tools.
* Select one of the options in the bottom **Drawing toolbar** to draw a basic shape like a circle or ellipse, poly-line, or rectangle.
* Adjust and recolor the **line weight** and **drawing fill** as needed.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZt64dW9WLfMdxvAyE4At%2Fdrawing%20editor%20window%201.png?alt=media&amp;token=d0775a78-b719-49d5-b375-34674df34ee1" alt="" width="563"><figcaption><p>The Drawing Editor window 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%2FkllWKc9uMJW4wqr3n1Lq%2Fdrawing%20editor%202.png?alt=media&amp;token=8e63add2-5aa4-4e41-9e7f-2ffcb57cfcdf" alt=""><figcaption><p>The Drawing Editor with Drawing Toolbar</p></figcaption></figure>

<figure><img src="https://assets-global.website-files.com/6399c9f45da398ac3776f03e/65b8339df972a9c5206eb5e8_Screenshot%202024-01-29%20at%204.23.53%20PM.png" alt=""><figcaption><p>When the drawing is selected, you will have the option to adjust the line style and weight, as well as the fill color and opacity</p></figcaption></figure>

### **Import Drawing - for when you have a vector line drawing available:**

* Click on the **Add a Drawing** icon in Canvas to open up the **Drawing Editor** windo&#x77;**.**
* Click on the **Import** button at the top right of this windo&#x77;***.***
* Click to upload or drag & drop in your drawing file. **NOTE:** 2D, vector line / simpler drawings work best.
* A notification will pop up on your screen if the upload was successful.
* Select the drawing to adjust the scale as needed.
* Adjust and recolor the **line weight** and **drawing fill** as needed (see above graphic).

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fy2i3eT3njzGGxowFLYR5%2Fdrawing%20editor%20window%203.png?alt=media&amp;token=9fa5207b-028f-4cc9-a23c-41ed7dc35f67" alt="" width="563"><figcaption><p>Import your vector drawing here</p></figcaption></figure>

{% content-ref url="/pages/4VYBs1ka0XWjGYi3teYL" %}
[How to import 2D vector data (drawings)](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F2fEPoLKZMWOMoogIXUG2%2FScreenshot%202024-11-21%20at%202.57.00%E2%80%AFPM.png?alt=media&amp;token=402b77ca-c86b-4695-8483-bdcdc9d3294e" alt=""><figcaption><p>The Import Drawing window to import your own file</p></figcaption></figure>

### **Select a drawing from our drawing database - for when you want a detailed drawing that you can easily modify:**

* Click on the **Add a Drawing icon** to open up the **Drawing Editor** window.

#### **Option 1 - Browse through Drawing Database:**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FiwQRuGKH5OpwL3v0xJIS%2FScreenshot%202024-11-21%20at%203.01.02%E2%80%AFPM.png?alt=media&amp;token=2f4335c5-9704-4aed-b3e1-d0dff1ab93a1" alt="" width="375"><figcaption><p>Scroll to browse or type to search</p></figcaption></figure>

* Use the global **Search** bar to input a general search through our drawing database.&#x20;
  * For example, you can input something as vague as "Coffee Table" to search for all drawings of a coffee table. Or, you can input something more specific like the product name or manufacturer.
* A filtered list of drawings will appear. Click on the drawing you like and that will import the drawing into the **Drawing Editor**.
* Select the whole drawing to adjust the **scale**, **line weight** and **color** and **drawing fill** as needed (see above graphic).‍

#### **Option 2 - Filter through Drawing Database:**

* Click on the **Filter icon** and the **Filter Menu** will pop-up in a separate window.
* Click on the expand arrow to open the filtering options and select the categories you need to refine your search.
* Click **Clear** to close the **Filter menu**.
* A filtered list of drawings will appear. Click on the drawing you like and that will import the drawing into the **Drawing Editor**.
* Select the whole drawing to adjust the **scale**, **line weight** and **color** and **drawing fill** as needed (see above graphic).

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Frlhreb1hjQ6xTe57Rdvt%2Ffilter%20drawings.png?alt=media&amp;token=bd71f37e-b053-4fa0-b930-d42383c8d512" alt=""><figcaption><p>Filter icon located in the Drawing Editor</p></figcaption></figure>

After adding your drawing, click on the **X** in the upper right-hand corner to close the **Drawing Editor** and return to your Canvas.

## **To open the Product Details of any image:**

1. Hover over the image and right-click to open up the **Product Side Panel.**
2. Select **View Product Details**.
3. The Product Side Panel window will upon up on the right side of your Canvas.

{% hint style="info" %}
***NOTE***: You can only edit the details of a product that you have created. You cannot edit products that exist in the Public Catalogs database.
{% endhint %}

<figure><img src="https://assets-global.website-files.com/6399c9f45da398ac3776f03e/65b837df50dedf086fb26d12_Screenshot%202024-01-29%20at%204.42.02%20PM.png" alt="" width="563"><figcaption></figcaption></figure>


# How to use Canoa AI

Augment your workflow with Canoa AI to help you discover, collect, and design the right products for your design.

## About Canoa AI

Canoa is constantly learning about products through images and text and vector drawings. These learnings allow it to continuously improve the quality of search and recommendations provided to any individual user. The Canoa AI combs through the extensive **Public Catalogs** feature and provides recommendations generated from hundreds of millions of product combinations. This is why the more users Canoa has in its community, the richer and higher quality search and discovery will be. The more designers that use our Canoa AI-assisted tools, the more intuitive the tools, and the more effective people can be.&#x20;

## Using Canoa AI

When you select an image on your Canvas, the Canoa AI function gets triggered. Click on the **AI Recommendation icon** in the bottom left corner of Canvas to activate the engine. Use the tabs **Similar** and **Pairs** to advance through additional suggestions. When you see an option you like, simply drag the image into your Canvas board.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FQrG8ZTmxDeleMyxQGK92%2FAI%20Recommendations.gif?alt=media&amp;token=aded8184-3257-4dde-9ff5-accd4bf8a517" alt="" width="342"><figcaption><p>Canoa AI recommendations for inspiration images</p></figcaption></figure>

## Canoa AI Recommendations for Products

You can also use the Canoa AI icon to find alternate or additional product recommendations on the product from our **Public Catalogs.** Simply select the product in your Canvas, then click on the Canoa AI icon to view pages and pages of product recommendations. When you see an option you like, simply drag the product into your Canvas board.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVhJwnLAgGUBiw4o3IsZe%2FScreenshot%202024-10-08%20at%202.01.56%E2%80%AFPM.png?alt=media&amp;token=1c9a0f4c-7486-436d-93ec-f2b5d5f2a98e" alt="" width="375"><figcaption><p>AI recommendations available for any of our Products.</p></figcaption></figure>

## Controlling Canoa AI

There are three helpful filters within the AI icon to help you find exactly what you want and need - `Similar, Pairs`, and `Filters`.

Use the **Filters** button to assist with narrowing your AI search down by Catalog, Categories, Condition, Price, Lead Time, Manufacturer, Vendor, and various Tags. This will help you filter out products and inspiration images that do not fit your criteria.&#x20;

The filtering ability within our AI recommendation engine gives you better control so you can find exactly what you need. Here, you are able to look at suggestions that fit in your lead time requirements, that fit within your budget, or that come from a certain manufacturer. You can also decide if you want to see recommendations from within the **Public Catalogs** or just from your personal **My Catalog**. For example, I only want to look at Gently-Used sofas that are under $800 so I expand the Category, Condition, and Buy Price fields within the Filter menu. Canoa AI will then narrow down my search and only show me recommendations that fit my criteria.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fg3Lk1BcQyUIm6fXSspaO%2FScreenshot%202024-10-08%20at%202.04.48%E2%80%AFPM.png?alt=media&amp;token=f25569ac-6eb2-4411-9354-441ea356aa86" alt="" width="563"><figcaption><p>Control the AI recs to filter exactly what you need</p></figcaption></figure>

When you click on **Similar**, Canoa AI will recommend alike products to the one you have selected. For example, with a chair selected, you might see interchangeable chairs in different colors or finishes.&#x20;

When you click on **Pairs**, Canoa AI will recommend products that go well in a vignette with the product you have selected. For example, with a lounge chair selected, I may see a comparable side table, planter, sofa, or ottoman to go with my lounge chair that I'm hoping to build my design off of.

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FI6cPFzk0NXgkZ9PeW2En%2FCanoa%20AI%20-%20Find%20Similar.png?alt=media&amp;token=fd4c3625-88ed-43ae-8995-f9e02f4b9cec" alt=""><figcaption><p>Find Similar AI rec example</p></figcaption></figure> <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F2FlIg605QZ8Iunu3dgJ8%2FCanoa%20AI%20-%20Pairs%20With.png?alt=media&amp;token=40b3ff6d-1649-49b6-91cf-6f97a6becf25" alt=""><figcaption><p>Pairs With AI rec example</p></figcaption></figure></div>

## Auto-Enrich your Product Data

When adding in your products via URL copy paste to your Canvas, CanoaAI will automatically give them a subcategory and a color tag and add the product to your **My Catalog**.&#x20;

Learn more about this feature here:&#x20;

{% content-ref url="/pages/4KPI8esp1VtshCKnoIag" %}
[How to add Links into Canvas](/docs/collect/how-to-add-links-into-canvas)
{% endcontent-ref %}

## Canoa AI for Interior Design

Check out this post on our thoughts on AI in Interior Design and how we use AI in [<mark style="color:purple;">**Why is AI Important for Interior Designers**</mark>](https://www.canoa.supply/ai-for-interior-design)<mark style="color:purple;">**. 📖**</mark>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBb0nnjB344LNSh5WihGV%2FAI%20Recommendations%20V2.gif?alt=media&amp;token=e3307683-a44f-4e97-aa68-8e8ab2b2d411" alt="" width="563"><figcaption><p>Filtering Canoa AI</p></figcaption></figure>


# Understanding and using Products

This article will help you organize and manage product data efficiently, ensuring consistency and completeness for working with Canoa and uploading your data onto the platform.

## What is a product?

A product in Canoa represents an item that can be used in your interior design projects. This could be furniture, decor, or any other element you want to include in your designs. Each product in your Catalog contains essential details such as name, description, manufacturer, and specifications that help in identifying and utilizing it effectively.

A product in Canoa goes a bit further than a traditional PDF spec. On Canoa, products contain marketing images, CAD files, commercial data, certifications and more. A product here is logical entity that represents a particular product in the real world.

## Why are products important?

Products are important because they are the building blocks for everything we do on Canoa. Any design made on Canoa is a combination of products put together with a particular objective in mind. Products drive the recommendation engine, your ability to schedule designs and your catalog.&#x20;

## Canoa Product Schema

The Canoa product schema, or data model, is a structured format for organizing product data to ensure consistency and completeness to be ready for uploading to Canoa. It includes various key fields listed below with descriptions and the necessary format required.

## Here are the supported fields in a product on Canoa:

<table><thead><tr><th>Field Name</th><th width="301">Description</th><th>Format</th></tr></thead><tbody><tr><td>Product ID</td><td>A Canoa defined unique identifier for the product</td><td>string</td></tr><tr><td>Product Name</td><td>A human readable product name or description</td><td>string</td></tr><tr><td>SKU</td><td>Stock keeping unit, unique identifier</td><td>alphanumeric</td></tr><tr><td>Images</td><td>Stock or marketing image of the product</td><td>URL (copy image address)</td></tr><tr><td>Drawing</td><td>2D vector drawing (top-down view)</td><td>.dwg, .dxf, .3dm</td></tr><tr><td>Manufacturer</td><td>Name of the manufacturer</td><td>string</td></tr><tr><td>Vendor</td><td>Name of the vendor</td><td>string</td></tr><tr><td>Color</td><td>Color description</td><td>string</td></tr><tr><td>Material</td><td>Materials used</td><td>string</td></tr><tr><td>Description</td><td>Detailed description</td><td>string</td></tr><tr><td>Quantity</td><td>The number of items available or required</td><td>integer</td></tr><tr><td>Size</td><td>Dimensions ("W x "D x "H)</td><td>string</td></tr><tr><td>List Price</td><td>Product's list price</td><td>currency</td></tr><tr><td>Discount</td><td>Discount rate</td><td>percent</td></tr><tr><td>Sell Price</td><td>Price after discount</td><td>currency</td></tr><tr><td>Net Price</td><td>Price after all discounts</td><td>currency</td></tr><tr><td>Markup</td><td>Markup rate</td><td>percent</td></tr><tr><td>Net Discount</td><td>Net discount rate</td><td>percent</td></tr><tr><td>Lead Time (Weeks)</td><td>Time required to deliver, including transit in weeks, (i.e. 12 Weeks)</td><td>integer</td></tr><tr><td>Finish</td><td>Product finish</td><td>string</td></tr><tr><td>Fabric</td><td>Fabric details if applicable to the product</td><td>string</td></tr><tr><td>Product URL</td><td>Link to the product's webpage</td><td>URL</td></tr><tr><td>Category</td><td>Canoa product category</td><td>string, single select</td></tr><tr><td>Subcategory</td><td>Canoa product subcategory</td><td>string, single select</td></tr><tr><td>Tags</td><td>Tags for classification (search-ability)</td><td>string</td></tr><tr><td>Available Stock</td><td>Stock quantity</td><td>integer</td></tr><tr><td>Weight (lbs)</td><td>Weight of the assembled product</td><td>decimal</td></tr><tr><td>Condition</td><td>Product condition (e.g., New, Used)</td><td>single select</td></tr><tr><td>Warranty</td><td>Warranty details in years</td><td>integer</td></tr><tr><td>Certifications</td><td>Associated certifications</td><td>URL</td></tr><tr><td>Configuration</td><td>Configuration details</td><td>COM/COL</td></tr><tr><td>Embodied Carbon</td><td>Carbon footprint of the product</td><td>Decimal</td></tr><tr><td>Customized</td><td>Customization status (Yes, No)</td><td>single select</td></tr><tr><td>Alternate SKU</td><td>Alternate identifier</td><td>string</td></tr><tr><td>Last Update</td><td>Timestamp of last update</td><td>string (ISO 8601 format)</td></tr><tr><td>Recycling Info</td><td>Recycling details</td><td>string</td></tr><tr><td>Attachments</td><td>Any additional information (i.e. Assembly Instructions)</td><td>URL</td></tr></tbody></table>

### Example of the Canoa Schema in CSV Format

Here’s an example of how data might look in a CSV file following the Canoa framework outlined above:

```
Quantity,Product,Manufacturer,Size,Color,Lead Time (Weeks),SKU,Vendor,List Price,Discount,Sell Price,Product URL,Material,Net Price,Markup,Net Discount,Available Stock,Condition,Finish,Warranty,Alternate SKU,Category,Subcategory,Tags,Certifications,Configuration,Customized,Description,Embodied Carbon,Last Update,Recycling Info,Fabric,Areas,Projects
7,001 Dining Chair,Vaarnii,"16.1""W x 18.9""D x 31.5""H",Pine,12.0,200100,Small Office,730.00,0.45,401.50,https://example.com/product/001-dining-chair,Pine,401.50,0.06,0.417,0,New,,24 months on manufacturing defects,,Seating,Side Chairs,Beige,Brown,Wood,,,30.30,2023-06-26T20:47:49.181667,,,,
```

## **Usage in CanoaGPT**

CanoaGPT can assist with verifying data, correcting formatting issues, optimizing data for better organization, and converting files to the required formats. When using CanoaGPT, this model helps ensure that your data is correctly formatted and complete, ready for uploading to Canoa.&#x20;

To learn how to use the CanoaGPT model on Open AI's ChatGPT, read onto the next article for a step-by-step guide. Have your CSV file ready to go.


# How to format data with CanoaGPT

## What is CanoaGPT?

CanoaGPT is a specialized AI assistant designed to help interior designers and other professionals streamline the process of formatting and preparing data for uploading to Canoa. It ensures data organization, consistency, and compliance with Canoa's requirements, making it easier for interior designers to manage their project data efficiently.

## How do I access CanoaGPT?

{% embed url="<https://chatgpt.com/g/g-dkB2IDXQ3-canoagpt>" fullWidth="false" %}
CanoaGPT is free to use but does require you create an OpenAI account
{% endembed %}

### Supported File Types

CanoaGPT can handle various file types, including:

* HTML
* XLS
* CSV
* PDF
* XML
* SIF

### Features

1. **Upload Your Files**
   * To get started, upload the files you need assistance with. CanoaGPT supports HTML, XLS, CSV, PDF, XML, and SIF files.
2. **Verify Data Against a Specified Template**
   * CanoaGPT checks your data against a standard template to ensure consistency and completeness. This includes:
     * Identifying and correcting missing fields
     * Ensuring correct data types
     * Highlighting formatting inconsistencies
3. **Check for Proper Image URL Inclusion**
   * If your data includes product images, CanoaGPT verifies the inclusion of proper image URLs and ensures they are correctly formatted.
4. **Suggest Improvements for Data Optimization**
   * CanoaGPT provides suggestions to optimize your data, such as:
     * Correcting common issues like missing information or incorrect data types
     * Ensuring proper image URL inclusion for embedded images
     * Improving overall data organization and presentation
5. **Generate an Improved CSV File for Upload into Canoa**
   * CanoaGPT can automatically implement improvements where feasible and generate an improved CSV file for you to download.
6. **Manual Corrections with Detailed Guidance**
   * For any issues that require manual adjustments, CanoaGPT provides clear, step-by-step guidance to help you make the necessary corrections, especially for image management and format conversion.

### File Conversion

CanoaGPT can convert files from one format to another, ensuring they meet Canoa's requirements and are ready for upload. Here are the possible conversions:

* CSV to SIF
* XLS to CSV
* XLS to SIF
* XML to CSV
* XML to SIF
* HTML to CSV
* HTML to SIF
* PDF to CSV
* PDF to SIF

### Converting a **SIF**

## Why should I use CanoaGPT?

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

{% content-ref url="/pages/S9Scoyn39wZg7DLH5uDq" %}
[Broken mention](broken://pages/S9Scoyn39wZg7DLH5uDq)
{% endcontent-ref %}

{% content-ref url="/pages/4vJzNgcmc2AdGQjQFx8k" %}
[How to export or print your Canvas](/docs/share/how-to-export-or-print-your-canvas)
{% endcontent-ref %}

{% content-ref url="/pages/amDPfuuVKhF5DuDkUFCS" %}
[How to export data from a Dashboard](/docs/share/how-to-export-data-from-a-dashboard)
{% endcontent-ref %}

{% content-ref url="/pages/NJ57BwzkpKoZ08d7Lbs5" %}
[Working in Table view](/docs/collect/my-catalog/working-in-table-view)
{% endcontent-ref %}


# My Catalog

Manage your products individually, across your team, or share them with others with My Catalog - a digital catalog allows teams to track favorites, create new ones, edit, and manage data at scale.

Catalogs are the UI of the Canoa's content management system (CMS). You already know how you can create and track products inside of a Canvas. Catalogs allow you to upload and manage all your product data centrally.&#x20;

There is one catalog tool for working with your product data: [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog). And it has two different views to work in - **Gallery** and **Table**.

**Gallery** view is a wonderful catalog-style interface that allows you to browse, search, edit and create collections of products. **Table** view in turn allows you to upload your existing product data at scale. Once uploaded, all your data will be available to view and organize in My Catalog.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FEr01EMDJLP7U7qG8aXMg%2FMy%20Catalog%20-%20Gif.gif?alt=media&amp;token=149197d5-a8e9-4d8b-b37d-70ea7a824de8" alt="" width="563"><figcaption><p>My Catalog's two view options</p></figcaption></figure>

{% hint style="info" %}
We have a rich community of brands that also share their catalogs publicly. You can leverage these [<mark style="color:purple;">**Public Catalogs**</mark>](https://www.canoa.supply/products) of tens of thousands of commercial-grade, sustainably-minded products with real pricing, up-to-date lead time information, and scaled 2D drawings that you can drag & drop into your mood board and layout.&#x20;
{% endhint %}

Let’s say you want to design with product data that is *not* found in our Public Catalogs or you want to bring in your own product data into Canoa. No problem –  **My Catalog** allows you to seamlessly import your own product data while organizing those products into various **Collections** for design and layouts, and save your favorite, most-used products from the Public Catalog to your private Catalog.

{% hint style="info" %}
Whenever products are shared to you from users in other accounts, they will appear in **My Catalog**.
{% endhint %}

{% content-ref url="/pages/Z0L553oBU32H7qgCgOMT" %}
[Understanding and using Products](/docs/collect/understanding-and-using-products)
{% endcontent-ref %}


# Working in Table view

Easily import, export, edit, and manage your own product data in bulk with CSV files on Catalog Pro. This feature is the gateway to bringing your data into Canoa quickly.

Onboard your own product data easily with [<mark style="color:purple;">**Table View in My Catalog**</mark>](https://www.canoa.supply/catalog-pro) (formally Catalog Pro). Whether you're a brand wanting to showcase your catalog of products or a design team managing 1,000s of skus on a project, the ability to upload, download, and edit product data in bulk on Canoa is a life saver.

**Table** view is where you import, maintain, and export products to and from your private **Catalog**. If you are a brand, you will be able to **publish** your products to the [<mark style="color:purple;">**Public Catalogs**</mark> ](https://www.canoa.supply/products)for all users to discover on Canoa.

As an upgraded feature for all Pro, Studio, and Custom accounts, the **My Catalog** feature allows you to manage all of your products in bulk through the simple importing and exporting of CSV files. **Table View** is the tool that helps you bring your own data into Canvas in a simply and fast way to then play and design with.

{% hint style="info" %}
**Note**: Anything you save from the [<mark style="color:purple;">**Public Catalogs**</mark>](https://www.canoa.supply/products) will live in your **Gallery** view but not appear in **Table** view, as you do not have editing ability of public products.&#x20;
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FEr01EMDJLP7U7qG8aXMg%2FMy%20Catalog%20-%20Gif.gif?alt=media&amp;token=149197d5-a8e9-4d8b-b37d-70ea7a824de8" alt=""><figcaption><p><strong>My Catalog Table View</strong> is an upgraded feature, located in the Navigation bar.</p></figcaption></figure>


# Navigating the Table view

This article will teach you how to navigate the features of My Catalog. Table view is where you can bulk import, bulk edit, and bulk export your own set of products that you design with.

Table view in My Catalog is where you import, maintain, and export products to and from your **Catalog**. If you are a brand or supplier, you will be able to publish your products (with the help of the Canoa team) to the public **Products** page for all users to discover.&#x20;

As an upgraded feature for all Pro, Studio, and Custom users, the **My Catalog** feature allows you to manage all of your products you have uploaded and imported into your Catalog.&#x20;

{% hint style="info" %}
**Note**: Anything you add from the public [<mark style="color:purple;">**Products**</mark>](https://www.canoa.supply/products) catalog will save to your [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog) **Gallery** view but not appear in **Table** view, as you do not have editing ability of public products.&#x20;
{% endhint %}

## **Finding My Catalog:**

1. When you log into your Canoa account, you'll be taken to your Canvas dashboard.
2. Find the top **Navigation menu**. Expand it by clicking on the drop down menu.
3. You'll find **My Catalog** here.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Feq8ju9wI3p9dUJbzX6O3%2FScreenshot%202024-09-19%20at%203.44.32%E2%80%AFPM.png?alt=media&amp;token=5370d725-df88-434e-aefc-ce325e7f384e" alt=""><figcaption><p>Table views lives in My Catalog</p></figcaption></figure>

## **Main Features of the Table view:**

* **Editable** product card - found by clicking on a product image. Update any of the info in the fields shown in the right side panel.
* **Filters** Tool - to better search for your product
* Create multiple **Views** and customize them - for multiple team members, product categories, etc..
* Easily organize products into **Collections** and **Kits**
* **Importing** and **Exporting** of **CSV** files, allowing for easy bulk updates.&#x20;
* Bulk importing of **.dwg/.dxf** files within a CSV file
* **Publishing** and **Un-Publishing** of products to the public Catalog if you are a Brand or a Supplier with the help of the Canoa team
* **Sharing** of products between Accounts&#x20;
* **Archiving** of products to delete them from your Catalog

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXdbbZcTY1aIwQqKQpdBM%2FTable%20-%20choose%20product.png?alt=media&amp;token=c762bd04-35cf-4145-80fd-f89958c4d484" alt=""><figcaption><p>When you click a product image in the list shown, the right side panel pops out - an editable Product Card. Here is where you can edit any of the data fields per product.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FdCA4bnlK96iceOtYSqtK%2FTable%20-%20Filter%20icon.png?alt=media&amp;token=3fadc11c-fb8a-4567-b2a0-df45890d30f8" alt=""><figcaption><p>The 'Filters' icon pops up a window where you can choose from a variety of categories to help search for your products.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FAEu2uCPh2VkmPO4FiaeQ%2FTable%20-%20create%20new%20view.png?alt=media&amp;token=e851f253-8144-49ae-91ed-fcc03ba4b47b" alt=""><figcaption><p>The gear wheel circled in red will open up the View Settings. Here is where you can customize the order of fields by dragging and dropping the three dashes, and where you can choose the selection of fields per view by checking and unchecking.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXMfZ1MCoT1oOSnKtmVUv%2FTable%20-%20three%20dots.png?alt=media&amp;token=6bae4dbc-69a3-42a8-9cd1-a1a023cb04ee" alt=""><figcaption><p>Clicking on the three dots will expose the Importing and Exporting features that work with CSV files. Click the Restore feature if you accidentally Archive a product and want to bring it back!</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FC10oUl4sgV7cvFtsCpRu%2FTable%20-%20kit%2C%20collection.png?alt=media&amp;token=ab7cb477-8e41-42c0-b517-b6a8f23a57ae" alt=""><figcaption><p>The drop down button allows you to add products to a Kit or Collection. If you are a Brand, you'll also see Publish and Un-publish abilities here.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FFK7bAoJck3wBJO3zThzQ%2FTable%20-%20share%2C%20archive.png?alt=media&amp;token=be0b68fd-2ad2-41d1-9a1f-0bb3254d4c78" alt=""><figcaption><p>The Share button allows you to Share products to other Accounts and Archive (delete) products. Didn't mean to Archive? Don't worry, we have a Restore button within the three dots to bring that product back.</p></figcaption></figure>


# How to import your product data

This article will teach you how to import new product data from CSV files in My Catalog so you can design with products you want in your Canvas.

{% embed url="<https://www.youtube.com/watch?ab_channel=Canoa&v=cng8vMFm0kE>" %}

**Table view in My Catalog** is the tool used to import products as new releases drop or client projects with specific furniture specs are added to your workload. Here is where you can upload custom furniture pieces and any products you design with on a daily basis that are not already in Canoa's Public Catalogs.&#x20;

With this feature, you will be able to create, import, and maintain products to your Catalog. If you are a supplier, you will also be able to publish these new products to Canoa's Public Catalogs (with the help of the Canoa team) for all designers and users to discover.

### Types of data supported by Canoa:

<table><thead><tr><th width="351">Data Type</th><th>File Type</th></tr></thead><tbody><tr><td>2D vectors</td><td>.dwg, .dxf, .3dm</td></tr><tr><td>3D surfaces</td><td>.dwg, .dxf, .3dm</td></tr><tr><td>3D solids</td><td>.dwg, .dxf, .3dm</td></tr><tr><td>3D meshes</td><td>.dwg, .dxf, .3dm</td></tr><tr><td>Images</td><td>.png, .jpg, .gif</td></tr><tr><td>Structured data</td><td>.xls, .csv</td></tr><tr><td>Attachments</td><td>.pdf</td></tr></tbody></table>

{% content-ref url="/pages/Z0L553oBU32H7qgCgOMT" %}
[Understanding and using Products](/docs/collect/understanding-and-using-products)
{% endcontent-ref %}

Now, **choose one of two ways** to create and import your new product data:

## **Option 1: Create a new product directly on My Catalog**

This option is helpful if you are creating a few new products and have all the product data readily available. This is a manual process to bring in your own product data.

* Head to **My Catalog** in the navigation menu.
* Click on the **Create Product** button on the upper right.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fj9Kt5vgkNa0WeGpCK5sP%2FScreenshot%202024-09-19%20at%204.12.54%E2%80%AFPM.png?alt=media&amp;token=c82d3125-8959-4658-9517-f59a385e8b78" alt=""><figcaption><p>Create Product icon</p></figcaption></figure>

* You will be prompted to fill out the several fields of product information, add an image, and add a 2D drawing in order to create a new Product (as seen below).
  * For **Drawings**, either import existing 2D drawing DWG or DXF files with the **Import Drawing** button, or use Canoa's drawing tools at the bottom of the Canvas to easily draw your own.
  * If you are a supplier, fill out the required fields marked with a <mark style="color:red;">red</mark> <mark style="color:red;">asterisk</mark> to create a '**Complete**' product and be ready to '**Publish**' to all Canoa users on the Public Catalog. Ping the Canoa team when you're ready to publish.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FzaD7xXTnkZR46BUTptJm%2FDrawing%20Editor%20-%20new%20ui.png?alt=media&amp;token=1be87d9b-e4a2-4e7a-a422-77e313631a87" alt=""><figcaption><p>After clicking 'Create Product,' this window allows you to add in the data, images, and drawing.</p></figcaption></figure>

## **Option 2: Uploading a CSV file in Table view**

This is the best way to bring in your product data quickly, in bulk, with one swift import. Prepare your list of product data in your favorite spreadsheet program and then export it to a CSV file in order to bring it back into Canoa. Here's a step-by-step how:

1. Click on the **My Catalog** icon in the navigation menu. Toggle to the **Table** tab.
2. In a separate window, choose to use **Excel**, **GoogleSheet**, **Airtable**, or any other spreadsheet program you prefer to add your new product data.
3. Refer to this Canoa provided GoogleShee&#x74;**:** [<mark style="color:purple;">**Product Data Template**</mark> ](https://docs.google.com/spreadsheets/d/1jBbhwIQ2Jj5Z14_8MdPvxC8uDidg-GK8shcYdoMLFXs/edit#gid=245220932)(seen below) for the correct formatting of your data with the required fields.
   * If you are a supplier wanting to **Publish** to Canoa’s public Product Catalog, you will need to provide the data that is noted in <mark style="color:red;">**red**</mark> to create a **Complete** product, and then ping the Canoa team when you're ready to publish.

<figure><img src="https://assets-global.website-files.com/6399c9f45da398ac3776f03e/65aed70e060ebcc06c04b4c4_Screenshot%202024-01-22%20at%2012.57.37%E2%80%AFPM.png" alt=""><figcaption></figcaption></figure>

4. Add in your data for all the products you want to import. ***Tip: Each variation or SKU will need their own line.***
5. Ideally, the format will be consistent to what is in the <mark style="color:purple;">**Product Data Template**</mark> seen above ... capitalization, imperial sizing, punctuation, required fields, etc.&#x20;

### **Here are tips for adding in images within a CSV file:**

* If you are using a program such as **GoogleSheet** or **Excel**, you will need to copy and paste the **image URL address** into the **Images field** before downloading to a **CSV**.
* If you want to bulk import **multiple images** for each product, simply copy and paste the image URL addresses into the Images field and separate them with a **comma** in the cell. No additional spaces are needed here.&#x20;
* If you are using **Airtable**, you may attach **jpegs or pngs** in the **Image field** before downloading to a CSV.

{% hint style="info" %}
We recommend using image files under **10mb** each for peak performance.
{% endhint %}

## **Once your spreadsheet is complete, download it to a CSV file.**

1. Log back into **My Catalog - Table view**.
2. Click **Import** via the **three dots** in the upper right hand corner. And select your new/updated **CSV** file.
3. The **Import Products** window will pop up. Canoa will automatically match your data fields.
   * If the fields you are importing are not automatically selected and seen, you can manually match the fields by using the **dropdown arrows** within each field.
   * If you do not want to import a detected field, simply click the **X** to remove it from the import.
4. Click **Next**. This will launch a **preview** of how your data will look for each product you import into Canoa.
   * Use the **arrows** in the top right corner of this preview to toggle through your list of products from the CSV file.
5. Click **Import** and then click **Proceed** when you and your data are ready.
   * A processing notification will appear in the bottom right corner of your screen, letting you know the import is working. You will also receive a confirmation **email** once your import is complete. &#x20;
6. Your products are now imported to My Catalog and have been assigned a unique Product ID for easy bulk editing at a late time. **Congrats!**&#x200D;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXMfZ1MCoT1oOSnKtmVUv%2FTable%20-%20three%20dots.png?alt=media&amp;token=6bae4dbc-69a3-42a8-9cd1-a1a023cb04ee" alt=""><figcaption><p>In Table view, the Import button lives within the three dots.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FCnrBRVTKaJGXUh4WMctm%2FScreenshot%202024-09-19%20at%204.15.39%E2%80%AFPM.png?alt=media&amp;token=3c728841-8d16-424e-b305-9242af8a29ee" alt=""><figcaption><p>All the fields you want to include in your import must be selected and seen here. For example, here the Product Name will be created and the Description will not be created with these new product lines.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FvcP3fnJGypM9qfibKxlz%2FCSV%20preview%20window%20.png?alt=media&amp;token=4a7bdb18-b3ce-4ff7-af4e-81e79efee06b" alt="" width="375"><figcaption><p>Import Preview</p></figcaption></figure>

### **Some helpful tips to keep in mind:**&#x20;

* If you are not able to bulk import .dwg/.dxf drawing files, you should click into each product to add the drawing in at a later time. (*So designers have the most accurate 2D drawing to design to scale with*).
* If you are a supplier, you may ping the Canoa team to **Publish** your ‘**Complete**’ products, which will now be searchable on Canoa’s public [<mark style="color:purple;">**Product Catalog**</mark>](https://www.canoa.supply/products)<mark style="color:purple;">**.**</mark>
* As a supplier, you are responsible for maintaining accurate data you share with Canoa. We recommend that you update your Excel Spreadsheet or Airtable weekly or monthly - pinging the Canoa team when an update to your data has been made - email us @ <support@canoa.supply>.

Please watch the video above for a complete, in depth explanation of navigating these steps.


# How to add a new manufacturer or vendor

This article will help troubleshoot a common error when importing your product data into Catalog Pro so you can continue uploading and designing with the products and standards you want in Canvas.

[<mark style="color:purple;">**Catalog Pro**</mark>](https://www.canoa.supply/catalog-pro) is where you can upload your own product data to manage and design with on a daily basis that are not already apart of Canoa's public [<mark style="color:purple;">**Products**</mark>](https://www.canoa.supply/products) library. A common workflow in Catalog Pro is to upload a **.CSV file** of your own product data in bulk - so all of your products import into Canoa quickly and efficiently, at one time.&#x20;

{% content-ref url="/pages/cGi8J1vSlm7rh9TczlwA" %}
[How to import your product data](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data)
{% endcontent-ref %}

If you run into the error message "**Row 1: Invalid option**" during your import of your .CSV file and Catalog Pro fails to import your **manufacturer** or **vendor fields**, this is why:

* The manufacturers and/or vendors are not currently in the Canoa system.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FqI097AdsU9xhGmBA6UgX%2FCatalog%20Pro%20-%20Error.png?alt=media&amp;token=14c8edb9-cf24-4d7b-bdaf-bbe8840aa32b" alt=""><figcaption><p>Vendor and Manufacturer error during .CSV file import into Catalog Pro</p></figcaption></figure>

## Here is how to check if the manufacturer or vendor already exists in the Canoa database, and how to check for the correct spelling:

* Open up **Catalog Pro.**
* Search brands by using the **Filter** tool -> **Manufacturer** and **Vendor.**
* If your brand appears in the filtered search, then your products will import with the manufacturer or vendor you have included without a problem. &#x20;
* If your manufacturer or vendor does not appear, you will need to add in the next step.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fk3tTbZnSKO1snGZBZn81%2FScreen%20Shot%202024-03-25%20at%203.08.40%20PM.png?alt=media&amp;token=4eb83ff7-c92b-4be9-91b0-99f6f7e2c52e" alt=""><figcaption><p>Search for existing Canoa brands with the Filter tool</p></figcaption></figure>

## Follow these steps to troubleshoot the error message in the importing of your .CSV data file:

1. **Exit** the Import Products window. Click **Cancel**.
2. Click the **Create Product** button located in the upper-right corner of the **Catalog Pro** page.&#x20;
3. You will then be taken to a window to populate the data fields of a new, unnamed product (seen below).&#x20;
4. Scroll down to the **Manufacturer field** in the right-side panel.
5. Enter in the **name** of the manufacturer with the exact spelling and casing you would like to see on your product card.&#x20;
6. The message "No manufacturers found." will show up. Click on the **+ Add button**.
7. Now do the same steps (4 through 6) for the **Vendor field** shown in the right-side panel for that same unnamed product.
8. Once complete, simply **exit** the new, unnamed product page and return to **Catalog Pro**.
9. **Refresh** your internet browser.&#x20;
10. Click the **three dots**, choose **Import**, and upload your existing .CSV file. The error message should not pop up again, and your import should go smoothly into Catalog Pro.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVmI2jhdyFClB3ZhgwsGj%2FCatalog%20Pro%20-%20Add%20a%20Manufacturer.png?alt=media&amp;token=44d3edf9-3ade-467d-977e-8482e3964329" alt=""><figcaption><p>How to add a new manufacturer</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FNqOMyw1sMxpX1N9kCj7Z%2FCatalog%20Pro%20-%20Add%20a%20Vendor.png?alt=media&amp;token=0c4829b2-7bf8-4824-8107-7d6e7f15a9c8" alt=""><figcaption><p>How to add a new vendor</p></figcaption></figure>

{% hint style="info" %}
**NOTE:** These steps do not need to be taken if the Manufacturer or Vendor you are hoping to upload via .CSV file already exists on Canoa's public [<mark style="color:purple;">**Products**</mark>](https://www.canoa.supply/products) library.
{% endhint %}

## What is the difference between a manufacturer and a vendor?&#x20;

* The **Manufacturer** is the company that produces the furniture or accessories.
* The **Vendor** is the company that you would reach out to for a quote or to order the furniture or accessories from. In some instances, the **Manufacturer** and the **Vendor** are the same company.

If this help article did not solve the error you are facing while attempting to import your own product data, please contact [**support@canoa.supply**](mailto:support@canoa.supply) for further assistance. &#x20;


# How to import 2D vector data (drawings)

This article will teach you how to upload an CAD drawing (.dwg, .dxf or .3dm) individually and in bulk, and how to draw a 2D drawing for your custom products.

Below you'll find how to upload drawings into your product data that lives in **My Catalog**. If you'd like to learn how to upload drawing files into Canvas to start designing with immediately, read this article linked here:

{% content-ref url="/pages/XpW3bDxbhXPcfrTRxHMH" %}
[How to Import and Scale floor plans](/docs/design/how-to-import-and-scale-floor-plans)
{% endcontent-ref %}

## How to upload a drawing file (DWG, DXF, 3DM) from AutoCAD, Revit, SketchUP, and Rhino into your product data:

1. Create a new product within **My Catalog** or start with a product that has been already imported.
2. Click on the product you wish to add a 2D drawing to which will pull up the editing tool on the right side.
3. Click on the **Drawing Icon** under the main product image.  This will open up the **Drawing Editor**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fqo5Fi4D7kPzilUbSVWxf%2FMy%20Catalog%20-%20add%20drawing.png?alt=media&amp;token=b734e078-6154-46d4-8276-ba3abe09e7a8" alt=""><figcaption><p>Table view - How to add a drawing</p></figcaption></figure>

## Import an existing vector file:&#x20;

* In the **Drawing Editor,** select your 2D file from your computer by clicking **Import Drawing** in the upper right hand corner.&#x20;
* Need help understand what kind of drawing file you need to have a successful import? Read this article linked here:

{% content-ref url="/pages/T4rnj48or1riVQVYISNu" %}
[Best practices for uploading vector data](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings/best-practices-for-uploading-vector-data)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMHAyomZwWPrJ24zQQ4AE%2FDrawing%20Editor%20-%20import%20icon.png?alt=media&amp;token=2d8323bf-a526-4560-ab50-b20c0691a191" alt=""><figcaption><p>Select your 2D drawing to import</p></figcaption></figure>

## Create your own drawing:

* In the **Drawing Editor,** draw your 2D drawing using the **Ellipse, Polyline or Rectangle tool**. This is great for simple shapes.

### **Using the drawing tools:**

* Confirm the scale with the **Measure Tool.**
* Refine your drawing with the **Outline Style** and **Fill Tools.**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FJ9YuQqzoQ0e82BGWPOC0%2FScreen%20Shot%202024-02-27%20at%204.15.45%20PM.png?alt=media&amp;token=b9da2084-ebe8-490b-80cf-a787ab9d9b40" alt=""><figcaption><p>Drawing Editor</p></figcaption></figure>

* We at Canoa prefer a black outline with a 50% opacity white fill when designing in [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) but feel free to get creative.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeaUvq5BFdfJwziKbC8J8%2FScreen%20Shot%202024-02-27%20at%2010.33.48%20AM.png?alt=media&amp;token=df0d8ba5-7b9a-460a-8370-f363ffd551a7" alt="" width="361"><figcaption><p>Select your outline color and fill color/opacity</p></figcaption></figure>

{% hint style="info" %}
No need to worry about saving your work. Your drawing will automatically be saved and the product card will be updated with the new 2D drawing.
{% endhint %}

## Bulk import your vector data using My Catalog - Table:

You are able to utilize bulk importing and exporting features with **My Catalog** in the **Table** view. This tool allows you to create and update 5 to 2,000 custom product cards in a matter of seconds. Bulk import your .dwg/.dxf drawings by importing the Drawing URLs in a CSV file.

1. Save your 2D vector data (drawings) as a .dwg or .dxf to your preferred cloud storage like AWS, Dropbox, GoogleDrive, etc.&#x20;

{% hint style="info" %}
If you are saving your drawing files in a GoogleDrive, you will need to set the link parameters. Refer to this [Google Drive Link Generator](https://docs.google.com/spreadsheets/d/1kJ6fSYZAeh1pDPySu_rXGA6QCHFN8zs9ZWS92MhlQG4/edit?usp=sharing) to format the parameters.&#x20;
{% endhint %}

2. Test your link and make sure it opens the file and does not open a folder.
3. Open your Canoa provided [<mark style="color:purple;">**Product Data Template**</mark>](https://docs.google.com/spreadsheets/d/1jBbhwIQ2Jj5Z14_8MdPvxC8uDidg-GK8shcYdoMLFXs/edit#gid=245220932) and paste the link in the **Drawing column**.
   1. If you are updating existing products on Canoa, make sure you have their **Product IDs**. If you are creating new products, no Product ID column is necessary.
4. Download your spreadsheet as a **CSV file**.
5. Import your CSV into My Catalog by clicking **Import** within the three dots in the Table view.
6. Make sure all fields that you would like to update or create are selected before clicking Import.
7. Check your email or look out for the 'Import Complete' notification.&#x20;
8. Click on each product's drawing editor to check or modify your 2D drawing.

Continue reading onto the next article to learn more about the best drawing files for successful uploads into Canoa. View examples of high, variable, and low quality drawings that our platform supports.&#x20;


# Best practices for uploading vector data

This article will outline the requirements needed of 2D or 3D vector drawing files to bring into Canoa. As with other CAD software, the quality of models make all the difference for space planning.

As an upgraded Pro, Studio, and Custom user with the [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog-pro) feature, you are able to create new products and add their 2D drawings in bulk to then leverage accurate space planning at scale within Canvas. With the bulk importing capabilities in **Table** view, you can bring in your full library of product drawings quickly and efficiently.&#x20;

## Recommended Data Standards

Make sure to keep clean and tidy drawings or 3D data standards. Canoa will attempt to push through and complete all data imports, but low quality data can create a bad experience for the end user.

{% hint style="info" %}
We recommend using drawing files under 4**mb** each for peak performance.
{% endhint %}

### Best Practices for Uploading Product Drawings:&#x20;

1. Use .dwg, .dxf or .3dm files.
2. Import 2D or 3D vector and solid data.
   1. Canoa will automatically generate 2D, top down vector drawings from 3D solids.
   2. Canoa supports the conversion of 3D mesh models to 2D top down vector drawings.&#x20;
3. Use closed polylines where possible.
   1. Closed polylines will be recognized automatically and fills can be assigned.
   2. Avoid 'heavy' polylines with unnecessary vertices.
4. Organize your drawing into layers to control depth.
5. Do not use the color 'white'. Instead keep all colors 'by layer'.

## Example of a high quality drawing upload:

* Top-down plan view .dwg or .dxf file
* All lines are closed and watertight, making them easy to fill in **Drawing Editor.**
* Some overlapping parts are okay if they enhance the drawing reading of depth.
* Can tell what the product is when opening

<div align="center"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FOUEpCfkeABHPeuF9x9wi%2FUntitled.png?alt=media&amp;token=e1fe4260-8a03-445a-8e2c-6f538e7bf523" alt="" width="188"><figcaption></figcaption></figure></div>

<div align="center"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FIysX2s26q95xr8EnxgAF%2FUntitled%20(1).png?alt=media&amp;token=8a94eafe-4bd3-4854-94cd-c533ef6b965c" alt="" width="375"><figcaption><p>High Quality: Black closed lines with transparent white fill make it clear this is a sofa.</p></figcaption></figure></div>

## **Example of a variable quality drawing upload:**

* Polylines not properly joined or closed
* Overlapping parts cannot be clearly distinguished to understand depth
* Hard to make out what the product is

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVrjK9qbZJBqMvEqXqYD3%2FScreenshot%202024-03-20%20at%208.14.29%20AM.png?alt=media&amp;token=40c44ad8-7dc4-4fe8-a9a5-522054b630ce" alt="" width="375"><figcaption><p>Variable Quality: 2D drawing with overlapping lines making it unclear what the product is.</p></figcaption></figure>

## **Example of a low quality drawing upload:**

* A poor quality mesh that is not watertight
* Will trigger errors while generating 2D top down drawing
* Drawing generation may fail altogether&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FA2TgQGGYdqNkoVnLQgSu%2FScreen%20Shot%202024-03-27%20at%203.23.01%20PM.png?alt=media&amp;token=5110152b-edee-4a6e-9725-f83283a5e8b6" alt="" width="375"><figcaption><p>Low Quality: 3D drawing with mesh</p></figcaption></figure>

## How to import 2D drawings in bulk:

{% content-ref url="/pages/4VYBs1ka0XWjGYi3teYL" %}
[How to import 2D vector data (drawings)](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings)
{% endcontent-ref %}


# Best Practices for Data Formatting

This article will show you some best practices on keeping your product information and data clean, short, and consistent on Canoa. Healthy data is key for beautiful designs in Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FM8Rf2BzyODVKmd4wrHA1%2FScreen%20Shot%202024-07-02%20at%202.34.19%20PM.png?alt=media&amp;token=58a681fa-6e37-47c8-8261-c81f530cc960" alt="" width="241"><figcaption><p>Example of Healthy Data</p></figcaption></figure>

## Healthy Data Fields for Specification and Designing

Below are a few best practices to make sure you and your team have what they need to specify again and again on Canvas with Canoa.

### Product Name:

All names with each word capitalized.&#x20;

*Example*: Round Coffee Table

### SKU:

The SKU is an integral part of creating products and the ability to specify products again and again.  You may be putting together parts and pieces to create a conference table or a modular sofa.  As well as adding fabrics and finishes to your product.&#x20;

* Use the SKU needed to specify and quote that product.&#x20;
* This may be a combination of SKUs that can be separated by , commas, + plus signs or - dashes

*Example*: A conference table may be made of the top, base and power components.  Instead of creating products for each component, combine them for ease of specifying. *Example*: 1234-567-8910

### Color:

Add in the name of the color or series of colors that make up your product. A side chair may be Alabaster with a Chrome frame. Below are some examples:

* Alabaster, Chrome
* Shell: Alabaster, Frame: Chrome

### Material:

This is where you will be able to dive deeper into the materials of the product. It may be made of recycled poly, white oak veneer, fabric, stainless steel, etc. Listing all of the materials included in the product is helpful for you and your client making decisions.

* Recycled Poly, Powder Coated Stainless Steel

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F1vXElCAtiorM64LuWVh6%2FScreen%20Shot%202024-07-02%20at%202.34.04%20PM.png?alt=media&amp;token=afd5947a-b781-443f-ac91-9a4cabaef0d7" alt="" width="375"><figcaption></figcaption></figure>

### Size:

We recommend industry standard formatting, which is required for published products.

* All size in inches "
* Simplified Width x Depth x Height, Seat Height = "W x "D x "H, "SH

You may use metric sizing if this works best for you and your project.

### Lead Time (Weeks):

We recommend using the interior design standard of *Weeks* for the lead time. &#x20;

* Canoa only accepts one number, i.e. 16
* If there is a range, i.e. 2-4 weeks, choose the longest lead time to plan for any contingencies.&#x20;
* You may want to consider adding additional time for freight

*Example*: 2 weeks for domestic ground freight or 8 weeks for international sea freight

### Bulk Importing:

{% content-ref url="/pages/cGi8J1vSlm7rh9TczlwA" %}
[How to import your product data](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data)
{% endcontent-ref %}

Refer to the Product Data Templates below for column formatting requirements, Subcategories, Categories, and other format details. Read the article linked above to walk through the step-by-step guide on how to import 100s of products at once into Canoa.

* [<mark style="color:purple;">**GoogleSheet\_Product Data Template**</mark>](https://docs.google.com/spreadsheets/d/1jBbhwIQ2Jj5Z14_8MdPvxC8uDidg-GK8shcYdoMLFXs/edit?gid=245220932#gid=245220932)
* [<mark style="color:purple;">**Airtable\_Product Data Template**</mark>](https://airtable.com/apprZxsHjKZnpn8aw/shrIUkS7l8W8gbFer)

{% content-ref url="/pages/Z0L553oBU32H7qgCgOMT" %}
[Understanding and using Products](/docs/collect/understanding-and-using-products)
{% endcontent-ref %}

### FAQs:

#### What if I don’t have all of the information and I am using products privately in my account?

Add the product information and data you have. It's okay to leave fields blank! You and other users in your account can always add more details later quickly and easily. &#x20;

#### What if I don’t have some information and I want to publish publicly on Canoa?

If you are looking to publish, all fields with an asterisk must be complete to create a publishable product. If your company doesn’t require a field or do not need it to specify, please add in N/A to that column or field. Read the article below for more information on this topic:

{% content-ref url="/pages/3nGSmTnQfydmOONrhflQ" %}
[Before you start publishing](/docs/for-brands/before-you-start-publishing)
{% endcontent-ref %}


# How to edit your product data

This article will teach you how to ensure Canoa users are designing with accurate information of your products, like stock availability, price increases, and updated lead times.

{% embed url="<https://www.youtube.com/watch?ab_channel=Canoa&v=CSOa_BM5m-Q>" %}

A consistent step along this product discovery journey is to keep your product data fresh and up-to-date. Lead times are constantly changing, inventory of products come and go daily, and price increases happen almost quarterly. With **My Catalog**, you will be able to maintain and update your existing products in your Canoa catalog whenever you need.&#x20;

## ‍There are multiple ways to update your product data in Canoa - My Catalog & Canvas&#x20;

### **The first way is working** **in the Table view in My Catalog**.&#x20;

We recommend working in this way if you are updating **less than 20** products.

1. Make sure you are working in your own **View** - in case someone else from your team is working in My Catalog at the same time.
2. Click on the individual product image in the list of products to show the **Product Side Panel**. You then can edit any of the fields in this right side panel, which will automatically save to your Catalog.
3. If your products are published to Canoa’s Public Catalogs or exist inside Canvases, your products will automatically be updated publicly, no additional steps are needed.
4. If you want to work on a specific group of products, for example, click on the **Filter** icon and then select the sofa category, for example (if you have multiple manufacturers you may filter through those or any other filter as well). This will bring up all of the sofas instead of sifting through the entire catalog of products.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXdbbZcTY1aIwQqKQpdBM%2FTable%20-%20choose%20product.png?alt=media&amp;token=c762bd04-35cf-4145-80fd-f89958c4d484" alt=""><figcaption><p>Click on the Image of the Product to edit its specifications in the right-side Product Panel.</p></figcaption></figure>

### **The second way to edit product data** **is by working with a CSV** **file**.&#x20;

We recommend working in this way if you are making updates to **more than 20** products at one time. **First**, let's export your existing product data out from My Catalog and into a **CSV** file so we can utilize the **Product IDs** of your products.

1. Make sure you are working in your own **View** - in case someone else from your team is working in My Catalog at the same time.
2. **Select** all of the products you would like to bulk edit by checking the box to the right of the product name. You can use the **Filter tool** to narrow down the search.
3. Click on the **three dots** on the right and then select **Export**. You will then see a window pop up at the bottom of your screen to let you know that it's working on downloading the **CSV** file to your computer. (It may take a few seconds).
4. Open your **CSV** file in your preferred spreadsheet program, like **Excel, GoogleSheets, or Airtable**, and edit the desired fields you would like to update.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXMfZ1MCoT1oOSnKtmVUv%2FTable%20-%20three%20dots.png?alt=media&amp;token=6bae4dbc-69a3-42a8-9cd1-a1a023cb04ee" alt=""><figcaption><p>Filter tool is located to the left. Export is located in the three dots on the right.</p></figcaption></figure>

### **There are a few important things to note:**

* You must always include the **Product ID** field in the **CSV** file to update existing products in My Catalog. This is how Canoa recognizes each product for bulk edits. If you do not include the Product ID for each line of data, a new product will be created and your existing product will not be updated.
* You may delete all other fields that you are ***not*** updating from your **CSV** file.
* In the spreadsheet program you are working in, export or download your new edits to a new **CSV** file.

<figure><img src="https://assets-global.website-files.com/6399c9f45da398ac3776f03e/65aed70e060ebcc06c04b4c4_Screenshot%202024-01-22%20at%2012.57.37%E2%80%AFPM.png" alt=""><figcaption><p>Sample of exported data in GoogleSheets</p></figcaption></figure>

### **Now, let's import the CSV file back into My Catalog in order to complete this bulk edit.**

* While in My Catalog, click **Import** and select your **CSV** file.
* Make sure the **Product ID field** and the fields you are updating are selected -> click **Import**.&#x20;
  * ***Tip: If the formatting of your Field names do not match the*** [*<mark style="color:purple;">**Product Data Template**</mark>*](https://docs.google.com/spreadsheets/d/1jBbhwIQ2Jj5Z14_8MdPvxC8uDidg-GK8shcYdoMLFXs/edit?usp=sharing)***, then you must manually select the Fields from the drop down menu in this view.***
  * ***Tip:** You will accidentally create new products if you do **not** include the **Product ID** field in this bulk import to edit existing products. The **Product ID** is the most important factor when making edits to live data on Canoa.*
* You will get a **notification** and an **email** once your Import is complete. &#x20;
* Your products are now updated in your private catalog and public catalog!

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FXMfZ1MCoT1oOSnKtmVUv%2FTable%20-%20three%20dots.png?alt=media&amp;token=6bae4dbc-69a3-42a8-9cd1-a1a023cb04ee" alt=""><figcaption><p>In My Catalog, the Import button lives within the three dots.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FCnrBRVTKaJGXUh4WMctm%2FScreenshot%202024-09-19%20at%204.15.39%E2%80%AFPM.png?alt=media&amp;token=3c728841-8d16-424e-b305-9242af8a29ee" alt=""><figcaption><p>All the fields you want to include in your import must be selected and seen here. For example, here the Product Name will be created and the Description will not be created with these new product lines.</p></figcaption></figure>

If you are a Brand, you are responsible for maintaining accurate data for your products published on Canoa. We recommend that you update your Airtable or Excel Spreadsheet weekly or monthly -- pinging the Canoa team when an update to your data has been made - email us @ <support@canoa.supply>.

Please watch the video above for a complete, in depth explanation of navigating these steps.


# How to update My Catalog to include SIF data

In this article you will learn how to add product data like manufacturer codes and catalog codes to your exiting products in My Catalog.

## Step 1: Export your Products from My Catalog

* Open My [<mark style="color:purple;">**My Catalog/Table View**</mark>](https://www.canoa.supply/catalog-pro).
* Export the products you wish to update.
* A CSV file will be downloaded to your desktop and sent to your email.

## Step 2: Edit or add new data to your CSV&#x20;

* Open your CSV in your favorite spreadsheet program; Excel, GoogleSheets or Airtable.
* Add the **Catalog Code**, **Manufacturer code** and **Product Number** to the corresponding columns for each product.
* You will need the **Product ID** and the updated columns to update your products on Canoa.  You may delete any other columns that have not changed. &#x20;
* Download or export to a CSV file.

## Step 3: Import new data back into Canoa

* Head back to [<mark style="color:purple;">**My Catalog/Table View**</mark>](https://www.canoa.supply/catalog-pro).
* Hover over the 3 dots on the right side and click `Import`.
* Make sure your Product ID and updated fields appear in the field boxes before Importing.
* Your products will be updated in seconds. All products whether in a Canvas or the Canoa public catalog will be updated automatically. No additional steps necessary.


# Integrations & Compatibility


# Working with Pinterest

In this article, you will learn how to import your Pinterest pins into Canvas and have them automatically saved as products in My Catalog.

## Getting Started with Pinterest

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fk1zyf0iWSjTzvNIG2Ulg%2FScreenshot%202024-09-12%20at%203.12.15%E2%80%AFPM.png?alt=media&amp;token=af6f4114-8db6-443c-a890-dd13e8fb41ce" alt=""><figcaption><p>Import your Pins right at Sign Up</p></figcaption></figure>

When you first sign up for a Canoa account, you will be prompted to create your first Canvas where you will be able to integrate your Pinterest account with your Canoa account. This workflow allows you to easily collect, add, and design with your pins as products directly inside your Canvas, keeping your collections all in one place.&#x20;

1. [<mark style="color:purple;">**Create**</mark>](https://www.canoa.supply/signup) a Canoa account for free.
2. Click `Import your Pins` when you first sign in.
3. **Authorize** the Canoa App to have access to your Pinterest account.&#x20;
4. Choose which Pinterest board to select your pins from.
5. Select your pins to bring into Canvas.&#x20;

{% hint style="info" %}
There is a limit of 100 pins per import. There is no limit on how many imports, just 100 pins at a time.
{% endhint %}

6. Click `Import` in the bottom right corner of the pop up window.

You'll now be taken to your new, blank Canvas where your pins will import onto the page. After the import is complete, your pins are now automatically saved as products. If you have a Pro, Unlimited, or Custom account, you can also access and refer back to these products in **My Catalog** at any time. If you have an Individual, free account, you will just be able to access these pins on this Canvas.

## Import your Pinterest Pins in Canvas

You can pull from your Pinterest account any time you are in a Canvas on Canoa. Bringing Pinterest and Canoa closer together helps speed up the inspiration to specification workflow and allows you to collect your favorites from one great tool to another. Here's how:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FYyKAKFQP5zOSRtozk49M%2FScreenshot%202024-09-12%20at%204.11.27%E2%80%AFPM.png?alt=media&amp;token=703d7fc6-41e1-4618-9f51-f8a506b48532" alt=""><figcaption><p>Pinterest located in the Import menu on the toolbar</p></figcaption></figure>

1. [<mark style="color:purple;">**Sign in**</mark>](https://help.canoa.supply/docs/collect/integrations-and-compatibility/www.canoa.supply/signup) to your existing account.
2. Open a Canvas.
3. In the top toolbar, click on the `Import` icon. Then click `Pinterest`.
4. **Authorize** the Canoa App to have access to your Pinterest account.&#x20;
5. Choose which Pinterest board to select your pins from.
6. Select your pins to bring into Canvas.&#x20;

{% hint style="info" %}
There is a limit of 100 pins per import. There is no limit on how many imports, just 100 pins at a time.
{% endhint %}

7. Click `Import` in the bottom right corner of the pop up window.
8. Click `Add to Canvas` when your pins are done importing.
9. Place your pins on your Canvas.

The pins you brought into Canvas are now automatically saved as products. If you have a Pro, Unlimited, or Custom account, you can also access and refer back to these products in **My Catalog** at any time. If you have an Individual, free account, you will only be able to access these pins on this Canvas.

### **More about integrating Canoa and Pinterest**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FP7iY4DGZv8gvYhzDZUiP%2FPinterest%20Integration.gif?alt=media&amp;token=b679a2c3-f713-443e-b6c7-e9d7173652e5" alt="" width="563"><figcaption><p>Design with your pins!</p></figcaption></figure>

* The integration is one-way and not bidirectional.
  * The pins are imported into Canvas, automatically saved as products in My Catalog, and live on the Canvas. There is no automatic updating that happens from your Pinterest account directly into a Canvas.
* To disconnect your Pinterest account, there is a `Log Out` button in the Pinterest modal on the top left of the pop out window.
* When you log out of your Pinterest account, you can always log back in or into another Pinterest account. The pins you have previously imported into Canvas will not be deleted from that Canvas or My Catalog.
* Clicking on the `Import` > `Pinterest` in the toolbar will open up your boards and pins again if they you have already connected your Pinterest account.


# Working with CET

In this article, you will learn how to export products from Canoa and import into CET as well as getting your product data Canoa-ready in Configura’s CET and import as products in Canoa.

### Export product data as a SIF file from Canoa

You may export product data as a SIF file from both [<mark style="color:purple;">**Canvas**</mark> ](https://www.canoa.supply/canvas)and [<mark style="color:purple;">**My Catalog/Table View**</mark>](https://www.canoa.supply/catalog-pro)<mark style="color:purple;">**.**</mark>

* Follow steps for Canvas export in [<mark style="color:purple;">**How to export a SIF file from Canvas**</mark>](https://help.canoa.supply/docs/share/how-to-download-a-product-list/how-to-export-a-sif-file-from-canvas) help doc
* Follow steps for My Catalog/Table View export in [<mark style="color:purple;">**How to export a SIF file from My Catalog/Table**</mark>](https://help.canoa.supply/docs/collect/my-catalog-cms/working-in-table-view/how-to-export-a-sif-file-from-my-catalog-table-view)[ <mark style="color:purple;">**View**</mark>](https://help.canoa.supply/docs/collect/my-catalog-cms/working-in-table-view/how-to-export-a-sif-file-from-my-catalog-table-view) help doc

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FnPrzMfnwtlkM7cEsbeld%2FScreen%20Shot%202024-11-25%20at%203.13.46%20PM.png?alt=media&amp;token=f4cc0c9a-e611-41b8-aa84-010f76c51076" alt=""><figcaption><p>SIF Export in My Catalog/Table View</p></figcaption></figure>

### Import SIF file in CET

Product data may import as a Pick List or you may update product data against the CET catalog to enable more option selection and accessing CET drawing data.

{% hint style="info" %}
The Export SIF feature is only available in beta, please contact <support@canoa.supply> for more information and access to Canoa's new feature.
{% endhint %}

### Export product data from CET

You may only import a CSV into Canoa, below is a step-by-step of how to convert your CET data into Canoa.

1. Create a **CET** file with all products you wish to `Import` as products in Canoa.
2. Add all of your finishes, parts and pieces to each product.&#x20;
   * Each product may be a combination of Part Numbers
3. `Export` as a **SIF** with combined Part Numbers.
4. There are 2 ways to work with a **SIF**
   1. Format and convert to a **CSV** utilizing [<mark style="color:purple;">**CanoaGPT**</mark> ](https://chatgpt.com/g/g-dkB2IDXQ3-canoagpt)
   2. Use **Spec** to convert to a **CSV** (some additional formatting may need to be done in CanoaGPT with this process)

### Option 1: Convert your SIF to a CSV using CanoaGPT

1. Open [<mark style="color:purple;">**CanoaGPT**</mark>](https://chatgpt.com/g/g-dkB2IDXQ3-canoagpt)
2. Upload the **SIF** file and ask if it can confirm the data fields to get it ready for the next step
3. Ask **CanoaGPT** to create a **CSV** from the file, with a record for every **PN or Part Number** with all of the associated data fields.&#x20;
4. Download your newly formated **CSV** file

### Option 2: Convert your SIF in Spec

1. Open a **SIF** file in **Spec**
   * See [<mark style="color:purple;">**Working with Spec**</mark>](https://help.canoa.supply/docs/collect/integrations/working-with-spec) for more details
2. `Export` as a **CSV**

## Import your CSV in Canoa

1. `Import` your **CSV** into[ <mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) (for less than 100 products) or [<mark style="color:purple;">**Catalog Pro**</mark>](https://www.canoa.supply/catalog-pro) (for 100 products or more)
   * Match the **CSV** fields with the Canoa formatted fields
   * \*Format your **CSV** before importing to save time matching fields.  Refer to the article for step-by-step instructions.
2. Add Images and 2D drawings to your products to use in future projects and to collaborate with your team.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5tDFUymj1TAAWLfUlxrQ%2FScreen%20Shot%202024-08-28%20at%2010.26.26%20AM.png?alt=media&amp;token=86927bcf-c294-4f17-b651-cfce71e4d6de" alt="" width="554"><figcaption><p>Match the CET fields to Canoa fields</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMQMtdeAFPzzoWvBm16Iu%2FScreen%20Shot%202024-08-28%20at%2010.27.51%20AM.png?alt=media&amp;token=b1bd114b-1f84-40f9-a4e0-8dbb76208a99" alt=""><figcaption><p>Your products are ready to add Images and 2D drawings</p></figcaption></figure>

## Exporting 2D Drawing Symbols from CET

1. `Export` your drawing Symbols as a **DWG** or **DXF**
2. You may want to open in **AutoCAD** before importing into Canoa and clean up complicated mesh drawings.
3. Test a drawing by creating a product by Creating a new product in [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) or [<mark style="color:purple;">**Pro**</mark>](https://www.canoa.supply/catalog-pro) and upload the **DWG** or **DXF** in the **Drawing Editor**. Link to article
4. Refer to this [<mark style="color:purple;">**article to import drawings in bulk**</mark>](https://help.canoa.supply/docs/collect/catalogs-cms/working-with-catalog-pro/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings)


# Working with Designer Pages

In this article, you will learn how to easily export product data from Designer Pages and import as products in Canoa.

### 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`.&#x20;
* 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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;token=c720f4bd-ca02-46e8-a7e8-0799316eeddb" 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)
{% endcontent-ref %}

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

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


# Working with Material Bank

In this article, you will learn how to easily export product data from Material Bank and import as products in Canoa.

### Step 1: Launch Material Bank

* Open a Board in **Material Bank.**
* Select the products and data fields you wish to bring into **Canoa** by selecting `Customize Export` .

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fgs55CJH4RWaF5LlMU3mQ%2FScreen%20Shot%202024-08-22%20at%203.39.43%20PM.png?alt=media&amp;token=75d9029c-5018-498a-b196-539bf6e3c778" alt=""><figcaption><p>Material Bank Board</p></figcaption></figure>

### Step 2:  Export Data

* Select `Export`.
* Select `Download CSV file`&#x20;
* The CSV should be saved to your downloads or folder of choice.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fv1thdWpwwhquaf15j5zi%2FScreen%20Shot%202024-08-22%20at%203.24.49%20PM.png?alt=media&amp;token=17eb9771-979a-47eb-aaa5-40d2b8a29c8d" alt=""><figcaption><p>Click image to increase size</p></figcaption></figure>

### Optional\* Step 3: Open a spreadsheet program to format your data

* Open the exported CSV in Excel, GoogleSheets, Airtable or your preferred spreadsheet program to update fields to match Canoa’s format. &#x20;
* 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 and update before importing into Canoa.

### Step 4: Launch Canoa to import your product data

* 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 **Material Bank** with the Canoa provided fields. &#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZAQfgH9wdbEI2dY7Qb4T%2FScreen%20Shot%202024-08-22%20at%203.47.09%20PM.png?alt=media&amp;token=38038db1-9e9a-4816-bc58-1a82c51fef68" alt=""><figcaption><p>Match Material Bank fields to Canoa provided fields</p></figcaption></figure>

* Once imported, you will be prompted to add the product cards to **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%2Fdgi7fcYEIwCSo7Glpf92%2FScreen%20Shot%202024-08-22%20at%203.48.32%20PM.png?alt=media&amp;token=f30255e9-c2a1-4aac-a63a-233f03c475cc" alt=""><figcaption><p>New custom products 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%2F4mqUQhbSP3XqfjozFfM2%2FScreen%20Shot%202024-08-22%20at%203.52.36%20PM.png?alt=media&amp;token=bc551677-915c-49a0-a494-0cad1a0cf678" alt=""><figcaption><p>Click on a product to activate Canoa AI on left side.  Right click to edit product details on right side.</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%2F4guOxd7lOEZ01Qtjlibm%2FScreen%20Shot%202024-08-22%20at%203.53.51%20PM.png?alt=media&amp;token=9a5e1fbb-3e7e-4099-83ab-11c01c574edd" alt=""><figcaption><p>Start designing with products from Material Bank in Canvas</p></figcaption></figure>


# Working with Spec

In this article, you will learn how to export products from Canoa and import into Spec as well as getting your product data Canoa-ready in Configura’s Spec and import as products in Canoa.

### Import a Canoa SIF file into Spec

You may export product data as a SIF file from both [<mark style="color:purple;">**Canvas**</mark> ](https://www.canoa.supply/canvas)and [<mark style="color:purple;">**My Catalog/Table View**</mark>](https://www.canoa.supply/catalog-pro)<mark style="color:purple;">**.**</mark>

* Follow steps for Canvas export in [<mark style="color:purple;">**How to export a SIF file from Canvas**</mark>](https://help.canoa.supply/docs/share/how-to-download-a-product-list/how-to-export-a-sif-file-from-canvas) help doc
* Follow steps for My Catalog/Table View export in [<mark style="color:purple;">**How to export a SIF file from My Catalog/Table**</mark>](https://help.canoa.supply/docs/collect/my-catalog-cms/working-in-table-view/how-to-export-a-sif-file-from-my-catalog-table-view)[ <mark style="color:purple;">**View**</mark>](https://help.canoa.supply/docs/collect/my-catalog-cms/working-in-table-view/how-to-export-a-sif-file-from-my-catalog-table-view) help doc

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FnPrzMfnwtlkM7cEsbeld%2FScreen%20Shot%202024-11-25%20at%203.13.46%20PM.png?alt=media&amp;token=f4cc0c9a-e611-41b8-aa84-010f76c51076" alt=""><figcaption><p>SIF Export in My Catalog/Table View</p></figcaption></figure>

### Import SIF file in Spec

Open or import SIF file from Canoa download. You may update product data against the Spec catalog to enable more option selection.

{% hint style="info" %}
The Export SIF feature is only available in beta, please contact <support@canoa.supply> for more information and access to Canoa's new feature.
{% endhint %}

##

## Exporting Product Data from Spec for import into Canoa

1. Open a **SIF** file in **Spec**
2. `Export` as a **CSV**
   * Export with **Combined Product Number** if available
3. Open [<mark style="color:purple;">**CanoaGPT**</mark>](https://chatgpt.com/g/g-dkB2IDXQ3-canoagpt)
4. Ask **CanoaGPT** to create a **CSV** from the file, with a record for every **PN or Part Number** with all of the associated data fields.&#x20;
5. `Import` your **CanoaGPT** formatted **CSV** into[ <mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) (for less than 100 products) or [<mark style="color:purple;">**Catalog Pro**</mark>](https://www.canoa.supply/catalog-pro) (for 100 products or more)
   * Match the **CSV** fields with the Canoa formatted fields
   * \*Format your **CSV** before importing to save time matching fields.  Refer to the article for step-by-step instructions.
6. Add Images and 2D drawings to your products to use in future projects and to collaborate with your team.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5tDFUymj1TAAWLfUlxrQ%2FScreen%20Shot%202024-08-28%20at%2010.26.26%20AM.png?alt=media&amp;token=86927bcf-c294-4f17-b651-cfce71e4d6de" alt="" width="554"><figcaption><p>Match the Spec fields to Canoa fields</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMQMtdeAFPzzoWvBm16Iu%2FScreen%20Shot%202024-08-28%20at%2010.27.51%20AM.png?alt=media&amp;token=b1bd114b-1f84-40f9-a4e0-8dbb76208a99" alt=""><figcaption><p>Your products are ready to add Images and 2D drawings</p></figcaption></figure>

##

## Import your Canoa Product List CSV into Spec

There are 2 ways to Export a **Product List** to a CSV from Canoa&#x20;

* [<mark style="color:purple;">**Canvas**</mark> ](https://www.canoa.supply/canvas)-Add a **Product List** to a Canvas, select products you wish to `Export` and select **CSV**
* [<mark style="color:purple;">**My Catalog/Table View**</mark>](https://www.canoa.supply/catalog-pro)**-**&#x53;elect the custom products you wish to Export, click the three dots and select `Export`.

{% hint style="info" %}
Head to [<mark style="color:purple;">**How to bring your Product List into Excel**</mark>](https://help.canoa.supply/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-microsoft-excel) for more detail.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FiTHAIlDMDBxwMOWGxBgr%2FScreen%20Shot%202024-08-28%20at%209.10.28%20AM.png?alt=media&amp;token=1b2a4223-d649-4faf-85e7-7a651711ca9e" alt=""><figcaption><p>Export your Product List from Canvas</p></figcaption></figure>

1. Open the **CSV** in Excel or GoogleSheets
2. `Save As` or `Download` a **XLS** extensions
   * Note: delete any lines that are above the column headers, unhide any columns, delete columns do not wish to import and delete other tabs that will not be used.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F4fykpgY1iNHugb1QqO1h%2FScreen%20Shot%202024-08-28%20at%209.12.43%20AM.png?alt=media&amp;token=c0de8790-dedf-426e-b78e-8d963bd8e896" alt=""><figcaption><p>Open the CSV in Excel or GoogleSheets</p></figcaption></figure>

1. Open **Spec**
2. Click `File`>`Import`>`Microsoft Excel`
3. Assign columns from the Excel File list (first column) from the Spec list (second column) to create the list for import shown (third column)
   1. Example: Match **SKU** in the Excel List to **Part Number** in the Spec List

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FRXz88c39jjK5upW30cPt%2FScreen%20Shot%202024-08-28%20at%208.56.18%20AM.png?alt=media&amp;token=c7b8e3d3-a526-4a52-a222-b97ad7dc58f7" alt=""><figcaption></figcaption></figure>

1. When you are done matching all of your columns, click `Ok`
2. Congrats!  You imported your Canoa products into **Spec**.


# Design


# How to create collages & vignettes for your presentations

Learn how to use our all-in-one Canvas design tools to create compelling visual collages and product vignettes. Easily resize & layer images, mirror images and remove image backgrounds.

{% embed url="<https://www.youtube.com/watch?v=EnNansCzenE>" %}
NOTE: Resizing images has changed from the process shown in the video. Please see below for updated process.
{% endembed %}

You don't need different software, apps and tools with complicated features to make compelling visuals. Canoa makes creating your design presentations simple and straightforward. Easily create vignettes and collages all from one platform, using our lightweight design tools.

## Canvas Toolbar

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FAbN0B1Ev8sBGFQeWyfNw%2FToolbar%20091124.png?alt=media&amp;token=173df0cb-cd60-4790-a9be-3df3c36c445c" alt=""><figcaption><p>The Canvas Toolbar</p></figcaption></figure>

At the top of your Canvas is the toolbar. This is where you can find the main design functions of the app, like drawing tools, text, measure and scale, and uploading drawing files and adding comments.

## Getting Started

First, find and collect any inspiration images. You can save these images on your desktop, paste a URL to Pinterest board, or copy-paste them into you Canvas directly from a website or another Canvas.

Then, start [<mark style="color:purple;">**a New Canvas**</mark>](https://www.canoa.supply/canvas)<mark style="color:purple;">**,**</mark> open an [<mark style="color:purple;">**existing Canvas**</mark>](https://www.canoa.supply/canvas)<mark style="color:purple;">**,**</mark> or start from one of our [<mark style="color:purple;">**Templates**</mark>](/docs/getting-started/begin-with-a-template)<mark style="color:purple;">**!**</mark>

## Creating a Collage or Vignette

Our design features are the common tools you typically use when wanting to edit your images. Using a combination of these features will allow you to create compelling and professional looking collages and vignettes.

### Add Inspiration Images:

Drag & drop, copy-paste, and upload inspiration images into your Canvas. Want to learn all the ways to add images to your Canvas? Read here:

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/aNvsamuehepxPc89I8iO" %}
[How to add an Inspiration Image](/docs/collect/how-to-add-an-inspiration-image)
{% endcontent-ref %}

{% hint style="info" %}
We recommend using image files under **10mb** each for peak performance.
{% endhint %}

### Resizing Images:

To resize an image while maintaining its existing aspect ratio, simply select your image and hover over the corner until the arrow icon is activated.

Then, while holding down on your left mouse key AND the **Shift** key, drag the image until you get a size that you like.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FGwOHLWYLooMT07WUcIDe%2FResize%20an%20Image.jpeg?alt=media&amp;token=952cb42a-7abd-46e0-ae09-82e8501a1a25" alt=""><figcaption></figcaption></figure>

### Cropping Images:

To crop an image, either double click the image or select the image and then select the **Crop icon** that appears below in the context toolbar to start cropping. Crop is also located in the right-click menu in Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FS67vNFSeVutL8w7fE9Me%2FCrop%20Icon.png?alt=media&amp;token=8c132d80-d6dc-461a-aed0-4afac07094ae" alt="" width="375"><figcaption><p>Crop icon appears when the image is selected.</p></figcaption></figure>

The borders around your image will now become editable. Drag and drop those lines however you'd like to crop your image. When you are done cropping, simply click **Enter** on your keyboard.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FFYtu95Z3eN1c5pTkZegv%2FCrop%20Lines.png?alt=media&amp;token=948c43f6-8c92-42b4-833c-3e61851f90cf" alt="" width="375"><figcaption><p>Drag and Drop to crop your image.</p></figcaption></figure>

Cropping, for now, only works on image based file types and product images from the Public Library. If you'd like to **undo** your crop, click **CTRL + Z**, or right-click and select Undo from the menu. You can always reset your crop to the original image size.

### Removing the Background from Images:

Removing the background from an image allows you to clearly layer images which is critical for creating realistic product vignettes. You can remove the background from an image with two-clicks, rather than having to edit the image in another program.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBBcGP2triORkwo390yJx%2FRemove%20Background.gif?alt=media&amp;token=5c6cfbe5-b8be-489d-86b2-cc650142fd2b" alt=""><figcaption><p>Remove Background workflow for any image on the Canvas.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fxfg2nc4vzgSNtzHh73Eo%2FFrame%20(2).jpeg?alt=media&amp;token=6cb3fd57-8739-4c39-b1fc-d06758193e7d" alt="" width="375"><figcaption><p>Vignette before image backgrounds removed.</p></figcaption></figure>

To remove the background, select the image. Click on the **Appearance icon**, and then toggle on **Remove Background** button.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FV1XUu9zBzFRW13do1cpl%2FRemove%20background%20image%20update.png?alt=media&amp;token=6d7fd742-b24c-4724-b3fe-8529b065b1e8" alt=""><figcaption><p>Remove the image background in just two clicks.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FDro7K8qsx0QmwBNtwDbB%2FFrame%20(3).jpeg?alt=media&amp;token=b144f4c2-3bd3-44e7-95fc-178bdff2cb2d" alt="" width="375"><figcaption><p>Vignette after image backgrounds removed.</p></figcaption></figure>

### Greyscale an Image:

You can transform an image to **black and white** quickly and easily with the Greyscale toggle within the Appearance icon in Canvas. After you drop in the image you'd like to make black and white, select it, click the Appearance icon, and toggle Greyscale on.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPjsmRuGwUsbfzbffizMC%2Fgreyscale%20images.png?alt=media&amp;token=1c43a358-9e82-4cc9-b028-6e3af00dd684" alt=""><figcaption><p><strong>Greyscale an image in just two clicks.</strong></p></figcaption></figure>

This is a helpful tool when you want to apply a custom finish or color to products you are designing with. A best practice at Canoa is dropping in an image or a screenshot of the correct finish in the upper right corner of the product. Making the product grey eliminates confusion.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F8FrW7qYX5zeKFNPTRJBk%2Fgrey%20image%20with%20custom%20finish.png?alt=media&amp;token=d1fa8b65-2759-4ee3-9a2b-1acff818f72c" alt="" width="371"><figcaption><p>Example: <strong>Greyscaled image with custom finish</strong></p></figcaption></figure>

### Adding an Outline to Images:

You can add a stroke to the border of any image. Select the image and choose the **Set Stroke Style** icon just below it. You'll have the option to create a solid, dashed, or dotted border, its thickness and color.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F7rj3tNAWoYL2o9MUF0rs%2FScreenshot%202024-11-07%20at%208.42.00%E2%80%AFAM.png?alt=media&amp;token=a9679541-159d-4ce7-b734-6d4d072524b6" alt="" width="410"><figcaption><p>Add borders around your images</p></figcaption></figure>

To go further in depth on this, read this article:

{% content-ref url="/pages/Bt9UdBWfa7IShxESBDE0" %}
[How to add Custom Colors](/docs/design/how-to-add-custom-colors)
{% endcontent-ref %}

### Mirroring and Flipping Images:

To mirror or flip an image, select the image and right-click. Select either to **Flip Image Vertically** or **Flip Image Horizontally** depending on the orientation you are looking for.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FhpLlzhci3gwm3ZP6cPhL%2FFrame%20(15).png?alt=media&amp;token=5bede0f3-a9a4-4516-8bc9-ec27ea29566c" alt="" width="563"><figcaption><p>Right-click on the image to flip the orientation</p></figcaption></figure>

You can also [<mark style="color:purple;">**rotate any image and drawing**</mark> ](https://help.canoa.supply/docs/collect/how-to-add-a-product-from-our-library#rotate-the-product)by hovering over the corners of your selection and clicking and dragging in either direction.&#x20;

### Stretching or Shrinking Images:

To stretch or shrink an image, or resize an image without maintaining its aspect ratio, simply select your image. Hover over the corner or edge until the arrow icon is activated.

Then, while holding down your left mouse key, drag the image to shrink or stretch as desired.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F45hDOLDIHP4y8LpyBJrZ%2FStetch%20n%20Shrink.jpeg?alt=media&amp;token=757a929b-90fc-4d9b-bce3-839bc12b8565" alt=""><figcaption><p>Hover over the edge of the image to stretch or shrink</p></figcaption></figure>

If you distort the image too much and want to return to the original image, then right-click and select **Reset Transform** to bring the image back to its original state.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FsG3iU3umSAnABDsZrkjr%2FScreenshot%202024-02-18%20at%203.50.05%20PM.png?alt=media&amp;token=7dfb19b5-9bd7-48e5-ae73-55620134cdd9" alt="" width="563"><figcaption><p>Reset Transform brings the image back to its original state</p></figcaption></figure>

### Distorting Images:

You can change the perspective of an image in Canvas - by warping, or distorting, the corners of your image. Select the image you want to distort. Click the **`Distort`** **icon** in the context menu just below your selection.&#x20;

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FA1WSsaiUVRwup17NChvq%2FScreenshot%202024-12-02%20at%201.18.33%E2%80%AFPM.png?alt=media&amp;token=897a70c1-b793-4038-97b2-000ec8108d03" alt="" width="366"><figcaption><p>Distort 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%2F9qjoGJfggE1Ov0dWvckG%2FScreenshot%202024-12-02%20at%201.25.44%E2%80%AFPM.png?alt=media&amp;token=3c225e21-faa7-4bd1-be0c-bc81ce0edbba" alt="" width="375"><figcaption><p>Example image after using Distort</p></figcaption></figure></div>

Then skew the image by dragging and dropping the **corners** to the position you want them in. This feature is great for manipulating the shape of images of fabrics and finishes to fit a certain vignette or elevation drawing. This tool can be used to create a variety of visual effects, such as skewing, stretching, or rotating an image in a non-uniform way, and to fit an image in a specific area.

### Layering Images:

You can bring images forward or backward to layer them against each other. Select the image, right-click and select either **Bring to Front** or **Send to Back**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FKoczGaG2hNGOISN7Z9BO%2FFrame%20(11).png?alt=media&amp;token=89ecdd98-b9f4-418a-89a9-bc7a30f9ea88" alt=""><figcaption><p>Right-click menu to easily layer your image</p></figcaption></figure>

### Using Automatic Snapping & Alignment:

Our automatic snapping & alignment allows you to create structured or grid collages easily. Dragging the images allows you to easily see the distances between elements. You can also use your arrow keys to nudge images closer or further away.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fiov73fgCg2T20ONyMtt8%2FCanoa_Aligning%20in%20Canvas.gif?alt=media&amp;token=3d1f3053-dd62-4c12-82f0-26f3c582e4d5" alt=""><figcaption><p>Elements snapping and aligning automatically 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%2FjqKUjNDxEIPtOtGRiBDn%2FFrame%20(1).jpeg?alt=media&amp;token=50aed9bc-92b6-4379-9e47-70e99ff72e46" alt="" width="375"><figcaption><p>Images snapped and aligned to create a collage in a grid format.</p></figcaption></figure>

### Distributing and Aligning Images:

Located in the **right-click menu** while designing in Canvas, **Distribute Selection**, **Align Horizontal**, and **Align Vertical** are simple tools that allow you to make precise compositions to elements quickly and easily.&#x20;

* **Distribute equals spacing** - Space elements evenly apart from one another vertically or horizontally.
* **Align equals moving** - Move elements to line up with one another to the left, center, or right.

Make sure you have more than one element selected to use Align, and have more than two elements to use Distribute.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FUthwmnRqo2PwYbADIlsi%2FDistribute%20and%20Align.png?alt=media&amp;token=7af173c7-e364-4bbd-9bdb-e808158b3b2c" alt=""><figcaption><p>After you have selected multiple elements, right-click to choose the Distribute and Align tools.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F21B1T32iTpM8briEGR8U%2FCanoa_Distribute%20Horizontal.gif?alt=media&amp;token=293dbd4d-a962-4369-8636-a447bed113a8" alt=""><figcaption><p>Distribute spacing Horizontally</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FwOJtcEVcb0JhKQiIOyxq%2FCanoa_Distribute%20Vertical.gif?alt=media&amp;token=9c849f4d-0ea1-4e4d-b28f-e8e65543dcaa" alt=""><figcaption><p>Distribute spacing Vertically</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FqnQtgNTrKMIoMMSI4pg1%2FCanoa_Align%20Horizontal.gif?alt=media&amp;token=fa7c0a5c-7ff0-4d56-9104-b1e38d1a37c9" alt=""><figcaption><p>Align elements from the Top, Center, and Bottom</p></figcaption></figure>

### Grouping Images:

Grouping is a helpful tool when you are working with a lot of images, drawings, and product cards that need to work in tandem with each other. When you group together several objects, they will work as one group. You can then choose actions to apply to the group, saving time than selecting each object individually.&#x20;

1. Select several items on your Canvas, like product cards, images, and text, by holding down the Shift key and clicking or dragging your cursor over the items.
2. Once your selection is complete, right-click it and click **Group Selection** (`CRTL + G`).
3. To **Ungroup selection,** simply right-click the Group and click Ungroup Selection from the menu (`Shift + CRTL + G`).

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPEKeDULNW5zeKMyAse54%2FGrouping.png?alt=media&amp;token=5d3e6ff6-1bf9-47d8-9aa3-a9f371c80362" alt=""><figcaption><p>Group Selection</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fh7lRHYT6WDhYSO3NB2ac%2FUngroup.png?alt=media&amp;token=8f856278-5d98-4ed5-9630-1ed11fdf0599" alt=""><figcaption><p>Ungroup Selection</p></figcaption></figure>

Grouping is a different action than using Frames. Frames allow you export your work to PDF, JPEG, or PNGs and help you organize your Canvas as if they are a page or slides of a presentation.&#x20;

Read more about **Frames** here:

{% content-ref url="/pages/xoC0jc2bk5F4Gu4Im1Rl" %}
[How to use Frames](/docs/design/how-to-use-frames)
{% endcontent-ref %}


# How to duplicate Images

When laying out your floor plan or creating collage, you can easily duplicate images with one click.

## Duplicate Shortcut

When you need to duplicate an image or 2D drawing, select the product, hold the **Alt** key and drag the image. This is a good option when working with a single image or product for space planning, collages or vignettes.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Ft1M4yGSfWCUbGB2UCGcI%2FDuplicate.jpeg?alt=media&amp;token=ae42d93a-b5ab-4436-ac4c-3eaebe4d1457" alt="" width="563"><figcaption></figcaption></figure>

## Copy-Paste

When you want to duplicate multiple items, then copy-paste is the better option. Select the product(s), **ctrl+C / cmd+C** or right-click and select **Copy**. Right click on the area of your Canvas that you'd like to insert your copied images and **ctrl+V / cmd+V** or right-click and select **Paste**.

See the different platforms that you can easily copy-paste from:

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/QfvBcuTkHDwDi4LthjtP" %}
[Copy-Paste from Canvas to Canvas](/docs/collect/how-to-add-an-inspiration-image/copy-paste-from-canvas-to-canvas)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/BesGopxjamA4wDpz4RD4" %}
[Copy-Paste from Pinterest to Canvas](/docs/collect/how-to-add-an-inspiration-image/copy-paste-from-pinterest-to-canvas)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/RcseNLll7V8HTm43Oozx" %}
[Copy-Paste from Miro to Canvas](/docs/collect/how-to-add-an-inspiration-image/copy-paste-from-miro-to-canvas)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/UsJFnhc1e0B2lMESXs1h" %}
[Copy-Paste from your desktop to Canvas](/docs/collect/how-to-add-an-inspiration-image/copy-paste-from-your-desktop-to-canvas)
{% endcontent-ref %}


# How to add Text

This article explains how to add text in your Canvas mood board and design presentations.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fk09ZxaXukOmAWKoo7Haz%2FText%202.gif?alt=media&amp;token=06de5ea1-1c32-4259-a5e9-5e3790bebcb9" alt=""><figcaption><p>Adding text to your design presentation </p></figcaption></figure>

## Canvas Toolbar

* From your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) dashboard, either select one of your Canvas boards or click on **+ New Canvas.**
* At the top is your toolbar is where you can access main functions quickly.
* Click on the **`Text`** icon and it will turn purple when activated.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FLZgqJmn8cRiWpaW9bzQ4%2FNew%20Toolbar%207.31%20-%20Text.png?alt=media&amp;token=a90f3e5b-a9e1-4c14-9281-39596479a290" alt=""><figcaption><p>The Text icon on the toolbar</p></figcaption></figure>

## Adding Text to your Canvas

* Click on the area of your Canvas where you'd like to place your text box.
* A blank, purple text box will appear where you can  input your text.
* The text box grows according to how your text is justified.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FRFocSjMdxRwMIvpXEhQx%2FScreenshot%202024-05-08%20at%2010.30.43%E2%80%AFAM.png?alt=media&amp;token=51ff02e5-5425-4dbe-b8f3-3c397c2fe6cd" alt="" width="503"><figcaption><p>Text Box</p></figcaption></figure>

## Text Options

* The text options menu will appear below. To make changes to a narrowed selection of text, make sure to highlight (select) the text and then chose the options.
* Available options include:

  * **Bold**
  * *Italic*
  * Underline
  * Bulleted List
  * Numbered List
  * Text Justification Types: Left-Aligned, Centered, Right-Aligned

  <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FlF852Sk5MwOpEz14934i%2FScreenshot%202024-05-08%20at%2010.34.48%E2%80%AFAM.png?alt=media&amp;token=76453b4c-8314-48f6-aa02-841ef4ce5278" alt=""><figcaption><p>The various text options</p></figcaption></figure>

  * Text Color:

  <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F00AExZp8YCKTujn7RZAX%2FScreenshot%202024-05-15%20at%201.28.18%E2%80%AFPM.png?alt=media&amp;token=b746b54b-e433-491d-9799-5289d031b71f" alt=""><figcaption><p>Click the color circle to choose a text color. Click the Plus icon to chose a custom color.</p></figcaption></figure>

  * Text Background Color:

  <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FgBM8O7DY3nnhbTOVRR0z%2FScreenshot%202024-05-15%20at%201.29.31%E2%80%AFPM.png?alt=media&amp;token=f895552b-1ade-4dc4-8dca-c3419ee35bb4" alt=""><figcaption><p>Click the Paint Bucket to choose a background color. Click the Plus icon to chose a custom color.</p></figcaption></figure>

  * Text Size:
    * Choose from four set sizes: Small, Medium, Large, or Extra Large.
    * Or, input a **custom** font size in the open text box. Literally input any number!

  <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FyJ9uSGgsBUjrKHLYqK2D%2FScreenshot%202024-05-08%20at%2010.47.40%E2%80%AFAM.png?alt=media&amp;token=5c4684b6-1bd2-450d-8098-276fda9621a7" alt=""><figcaption><p>Click Text Size to edit and input a custom size.</p></figcaption></figure>

  * Fonts:
    * Choose from over 500 font types. Canoa hosts the Google Font catalog on Canvas.&#x20;
    * Go to the far right font box, click it, and either type in the search or scroll through for the font you'd like to apply to your text.&#x20;

  <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F2vE9WZlMNssJPCHi4XVc%2FScreenshot%202024-05-22%20at%2012.06.44%E2%80%AFPM.png?alt=media&amp;token=25a1cf33-a0c0-4687-93b4-17ef2a16aa6e" alt=""><figcaption><p>Click Font type to choose from 200 fonts.</p></figcaption></figure>

{% hint style="info" %}
Send us an email [<mark style="color:purple;">**support@canoa.supply**</mark>](mailto:support@canoa.supply) if you'd like to see a specific Font type added to this list for you to use in your designs or for your brand standards.
{% endhint %}

## Editing Text

To edit your text, double-click on the text. A purple activation box will appear around your text and the text options toolbar will pop up.

You can use the Tab key and the space bar inside the text box for more formatting customizability.&#x20;

## Resize the Text Box

Your text box can be resized by hovering at either side of the text box and dragging the sides to the left and right. The minimum size of the text box will always fit the content.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPPnJU68hOIDSB4y4rrn7%2FScreenshot%202024-05-08%20at%2010.51.15%E2%80%AFAM.png?alt=media&amp;token=6c3d7ed4-a1d6-46c2-abda-39f7425dc904" alt=""><figcaption><p>Drag the sides of the text box itself to resize it.</p></figcaption></figure>

## Rotating Text

Your text box can be rotated. Please note that rotating the text box does not change the orientation of the text itself.

* Click on your text and the purple activation box will appear around your text.
* Hover at a corner of the text box until the rotate arrow appears.
* Hold your left mouse key to rotate the text box. As you rotate, the rotation angle will appear to help guide you.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FezlkZj9O89qk2Ztod0KA%2FScreen%20Recording%202024-02-14%20at%205.40.20%20PM.gif?alt=media&amp;token=394d88fe-160e-4063-ad52-97d81a9441c7" alt=""><figcaption></figcaption></figure>


# How to add Custom Colors

This article explains how to add colors throughout your Canvas mood board and design presentations to better show off your brand standards.

You do have the freedom to add and use custom colors throughout [<mark style="color:purple;">**Canvas**</mark>](https://help.canoa.supply/docs/design/www.canoa.supply/canvas). When you select Text, Shapes, Frames, and Areas, you will be given the option to **Set Fill Style** and **Set Stroke Style** with the icons that appear below the selected item. While Canvas offers a few standard color options, there are several ways to apply a custom color to these elements and their borders.

* Fill = the area inside the border
* Stroke = the border

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FDKz0MESjTJ6XjcW8Jvzf%2FCanvas_Colors.gif?alt=media&amp;token=b9d57293-e05f-4925-8e10-b010bb9fe527" alt=""><figcaption><p>Example of the color menu icons in Canvas</p></figcaption></figure>

## Set the Fill Style:

1. Select an item to add color to: **Text**, a **Frame**, a **Shape**, or an **Area**.
2. Click **Set Fill Style** to add color throughout the element.
3. You now have the following options when choosing a color here:
   1. **Double click** into a color **swatch** to edit the color **gradient** and the **opacity** level.
   2. Click the **Plus icon** in the color menu to launch the color gradient and opacity level.
   3. Click the **Eyedropper icon** in the color menu to select a color from your Canvas.
   4. Or, if you know your color code, manually type in a **HEX, RGBA, or HSLA** extension to apply your perfect color.
4. Click throughout the gradient window to choose your color.
5. Adjust the **opacity** of the color by sliding along the opacity bar in the color menu.&#x20;
6. When you have found your perfect color, simply click outside of the color menu to exit.

{% hint style="info" %}
**Pro Tip:** If you are using Google **Chrome** as your web browser, you can use the Eyedropper tool to pick up colors from anywhere on your screen - including outside the browser window!
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F4YVj73GA17aYCzWMzt06%2FScreenshot%202024-05-15%20at%203.08.37%E2%80%AFPM.png?alt=media&amp;token=b2ab03bb-49d2-4447-b4f1-3afe8d655995" alt="" width="375"><figcaption><p>Plus icon and Eyedropper icon located inside the color menus</p></figcaption></figure>

{% hint style="info" %}
**Hint:** Colors are saved per Canvas board.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeeKDSkPEWH4I2oopPYbw%2FCustom%20Color%20Menu.png?alt=media&amp;token=7ea70791-53c7-4473-b2a9-fd1bf83df860" alt=""><figcaption><p>Finding our way around all the options in the color menu</p></figcaption></figure>

## Set the Stroke Style:

1. To style the border of a **Frame**, a **Shape**, or an **Area**, select the element and click the **Set** **Stroke Style** icon just below it.
2. You have the same color options as above noted - Steps 3 through 6.
3. Chose the border style: **Solid line, Dashed, or Dotted**.
4. Chose the **thickness** of the border: a weight of 1 through 10.
5. Click outside the color menu to save and exit.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FL4bkYi0A3xEZ7q6B98Ut%2FScreenshot%202024-05-15%20at%203.30.24%E2%80%AFPM.png?alt=media&amp;token=739282ea-85f9-448c-9f08-5a85b24e5166" alt=""><figcaption><p>Example of a Frame with a custom stroke style and color: Solid line with thickness set to 4.</p></figcaption></figure>

We hope this custom color feature allows you to easily bring in your own design and brand standards into Canvas. Learn more about colors by reading these articles here:

{% content-ref url="/pages/MVj4BHmblhoFT5fr0X3z" %}
[How to add Text](/docs/design/how-to-add-text)
{% endcontent-ref %}

{% content-ref url="/pages/xUEcVoqSZdlc3RkNj6w7" %}
[How to use the Drawing Tools](/docs/design/how-to-use-the-drawing-tools)
{% endcontent-ref %}

{% content-ref url="/pages/pRiHl4qKJR9gOgtimnoN" %}
[How to draw an Area](/docs/design/how-to-draw-an-area)
{% endcontent-ref %}


# How to use the Drawing Tools

This article explains how to add and draw shapes, rectangles, circles, and lines in Canvas to create mood boards, design presentations, and custom floor plans and layouts.

## Canvas Toolbar

* From your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) dashboard, either select one of your Canvas boards or click on + New Canvas.
* At the top is your toolbar is where you can access the drawing functions quickly.
* Click on the **Pen** icon and select either **Polyline,** **Rectangle** or **Circle**. As a shortcut, you can type `P` to draw a straight polyline, `R` to draw rectangles or `E` to draw a circle.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FY8lENLSjneSKo5xY3T04%2FNew%20Toolbar%207.31%20-%20Draw.png?alt=media&amp;token=97cc3dc9-6cac-465a-97dc-ee7dc6f0bd4e" alt=""><figcaption><p>The Drawing tools in the toolbar</p></figcaption></figure>

{% hint style="info" %}
A polyline is a straight line. Use polylines to draw custom shapes and accurate floor plans and layouts of your space!

An ellipse is a circle or oval. Hold down the `Shift Key`to draw a perfect circle.
{% endhint %}

## Drawing a Polyline

* Select either **Polyline** from the toolbar or type **`P`** and click on the area of your Canvas where you want to start your polyline.
* Holding down the `shift key` while drawing your polyline constrains the angle of the line you're creating and will allow you to draw a straight line in the direction you drag your cursor.
* Clicking your left mouse key will create a connected anchor point
* Click `Enter` to complete the polyline.
* Click `ESC` to start your drawing over.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F9ROFJgyYma0MOiUUyaHY%2FLines%20%26%20Shapes.gif?alt=media&amp;token=657a4719-8964-4cad-ac77-ebc0cb1b419c" alt="" width="563"><figcaption><p>Drawing a straight, or constrained, line with polylines</p></figcaption></figure>

### Drawing a Precise Polyline

* You can draw lines with precise dimensions in Canvas. With the Polyline tool activated, type in your desired **length** in any format (ft, in, cm, etc.) into the designated box at the bottom of your screen.
* Clic&#x6B;**`Enter`** to accept your inputs.&#x20;
* Now place the end point of that line segment to your liking, knowing that it is now dimensioned to your desired measurement.
  * Remember, if you want a straight line, hold down the `Shift` key.
* A second polyline will automatically begin. To complete and exit your drawing, click **`Enter`**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F9wuDBNgQadU4UQJUWn6M%2FPrecise%20Polylines.gif?alt=media&amp;token=00548d34-9c92-4d6f-880d-e91c773f1817" alt="" width="563"><figcaption><p>Using precise polylines to create a layout of a 12' x 15' bedroom</p></figcaption></figure>

### Drawing a Freeform Custom Shape with Polylines

* Select either **Polyline** from the toolbar or type **`P`** and click on the area of your Canvas where you want to start your polyline.
* With each mouse click, an anchor point is placed.&#x20;
* To close your shape, click on your first anchor point.
* When your drawing is complete, click `Enter`.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Ffi8niuslvAqOku5iYblH%2FPolyline%20%26%20Shapes%20gif.gif?alt=media&amp;token=af32596e-02ac-4ca0-89d1-c20df278253c" alt="" width="561"><figcaption><p>Drawing freeform shapes with polylines</p></figcaption></figure>

## Drawing a Rectangle

* Select **Rectangle** from the toolbar or type **`R`** and click on the area of your Canvas where you'd like to place your shape.
* Click once to start drawing your Rectangle. When you are done drawing, click a second time to complete your rectangle.

### Drawing Precise Rectangles:

* You can draw and edit squares and rectangles to precise dimensions in Canvas. With the Rectangle tool activated, type in your desired **width** and **height** in any format into the designated box at the bottom of your screen.
* Dimensions are automatically converted to **feet** and **inches**.&#x20;
* Use `Tab` to go between inputs, and `Tab` or **`Enter`** to accept your inputs.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FaRtX3kvAbU0tEwoW9mql%2FRectangle%20-%20Precise.png?alt=media&amp;token=8bb4f272-5436-400e-9395-bcd3e2021396" alt="" width="449"><figcaption><p>Dimensions appear when actively drawing a Rectangle.</p></figcaption></figure>

You can also hold down `Shift` to maintain equal proportions of your rectangle.

## Drawing a Circle

* Select **Circle** from the toolbar or type **`E`** and click on the area of your Canvas where you'd like to place your shape.
* Hold the left mouse key and drag to create your ellipse, or circle. Holding the `shift` key while dragging will create a perfect circle. Let go of your mouse key when you're done.

### Drawing Precise Cirlces:

* You can draw and edit circles to precise dimensions in Canvas. With the Circle tool activated, type in your desired **width** and **height** in any format into the designated box at the bottom of your screen.
* Dimensions are automatically converted to **feet** and **inches**.&#x20;
* Use `Tab` to go between inputs, and `Tab` or `Enter` to accept your inputs.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fya0CfJNjgHRt050zQnUg%2FScreenshot%202024-06-17%20at%201.20.10%E2%80%AFPM.png?alt=media&amp;token=294825b1-82e8-4071-8900-773ac8540afb" alt="" width="375"><figcaption><p>Dimensions appear when actively drawing an ellipse. </p></figcaption></figure>

## Resizing your Shape

* Click on your shape and hover along the corners or edges until the shape arrows are activated. Hold down your left mouse key and drag to resize.
* To resize with a fixed aspect ratio, hold down both your **`shift` key** and left mouse key and drag to resize.

## Formatting Shapes

* There are formatting options available for your shapes. Left mouse click and then drag-select to select your line or click on your shape to select your shape.
* When selected, the formatting icons will appear below your shape. You have the option to **set fill style** or **set stroke style**.
  * Fill = Inside the shape
  * Stroke = Border of the shape&#x20;

<div align="center"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FuEr9kpcwj3G7CDhwGAr1%2FScreenshot%202024-05-15%20at%201.35.20%E2%80%AFPM.png?alt=media&amp;token=0aa7f479-2c96-4070-8ef1-b922dcbf9a19" alt="" width="375"><figcaption><p>Set Fill Style menu.</p></figcaption></figure></div>

<div align="center"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F8xMPkhaCcfApCSJ9daYl%2FScreenshot%202024-05-15%20at%201.35.48%E2%80%AFPM.png?alt=media&amp;token=0f2f7e9c-011b-4616-b81f-af8c0c99e1a0" alt="" width="375"><figcaption><p>Set the Stroke Style</p></figcaption></figure></div>


# How to Import and Scale floor plans

This is the only mood board tool that allows you to design and space plan with real products to scale, all within one web browser. Here is a step-by-step way to layout to scale and measure.

{% embed url="<https://www.youtube.com/watch?v=Nb4p_ycv7b0>" %}

The Canvas is a 1:1 scaled design environment. When you're designing on Canvas you're doing so at full scale - the distance between each dot on the Canvas is one foot (12 inches). This is the only mood board tool that allows you to design and space plan with real products to scale, all within one web browser. Here is a step-by-step way how to utilize the **Scale Tool** and **Measure Tool**, which will help you confidently design a furniture layout to scale.

## Import a Floor Plan by uploading DWG or DXF files:

This is how you can upload a drawing file (from AutoCAD, Revit, SketchUp, Rhino, etc..) into Canvas:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FH3BXPTbXbPpfmMgOo6FC%2FImport%20icon%20Toolbar.png?alt=media&amp;token=d87c3b68-546c-4850-99b2-fb9860049bfd" alt=""><figcaption><p>The Upload icon in the toolbar</p></figcaption></figure>

1. Save your floor plan as a **.dwg, .dxf, .jpeg, or .png.**&#x20;

{% hint style="info" %}
We recommend that your drawing file is under 15 MB for peak performance in Canvas.
{% endhint %}

1. For .jpeg and .png, you can either **drag and drop** your floor plan from your computer into your Canvas or click the **Import** icon.
2. For .dwg and .dxf, click the **Import** icon in the Canvas Toolbar.
3. Do **not** exit out of the Canvas while your file is processing.
4. Once the file is ready, click **Add to Canvas** and **place** your floor plan wherever you would like.
   * Canoa automatically detects the original scale of the drawing. We recommend that you check the scale by using the **Measure** tool.
   * If the scale is off, use the **Scale Floor Plan** tool to set your dimensions.
   * Watch this video to see a step-by-step guide:

{% embed url="<https://www.youtube.com/watch?v=B7pn0PYbDGc>" %}

## Using the Scale tool:

* There are three ways to access the Scale tool:
  1. Click on the **Scale Floor Plan** icon in the top **toolbar** in a Canvas. You will then be prompted to select an image to scale.
  2. Select your floor plan image, **right-click** and select **Scale Precisely** from the right-click menu.
  3. Select your floor plan image, and you’ll see two icons below the image. The first icon will allow you to **Scale** your image.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FbMkt2fmpysC2LtG89cNS%2FNew%20Toolbar%207.31%20-%20Area.png?alt=media&amp;token=d38a5b89-35eb-4cfd-9af6-6700a7efa1d4" alt=""><figcaption><p>Scale Floor Plan icon located in the toolbar</p></figcaption></figure>

<div align="right"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMOZnjUecwiMFuNyXVzf6%2FScreenshot%202024-02-27%20at%201.06.56%20PM.png?alt=media&amp;token=6dee7c9a-5786-497d-8015-2b9013d49e01" alt=""><figcaption><p>The <strong>Scale Tool</strong> is located in the right-click menu: Scale Precisely.</p></figcaption></figure></div>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fk2rXlH1OUbdU4mrKJOQb%2FScreenshot%202024-05-31%20at%201.28.39%E2%80%AFPM.png?alt=media&amp;token=c6c74988-4797-493b-9394-0557c2371778" alt=""><figcaption><p>The <strong>Scale Tool</strong> can be found when you click on your image: Scale Object.</p></figcaption></figure>

* You’ll be prompted to select your first **reference point**. The floor plan shown above has a couple of known dimensions called out.&#x20;
* Click on the image to set your first reference point and then click again to select the second reference point along the dimension call out.&#x20;
* Input the scaled length in the prompted **text box** shown below the floor plan. The floor plan image will automatically scale to that dimension once you enter in the scaled length.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FsyZ2CEKTWDWZLhAZb0oa%2FScale%20a%20floor%20plan%20UI.png?alt=media&amp;token=2dd50566-92fb-482a-bcac-e4b5d369a72d" alt=""><figcaption><p>The first and second reference points are circled in purple. The known-scaled dimensions are then manually inputed into the text box below the floor plan.</p></figcaption></figure>

{% hint style="info" %}
**PRO TIP:** If you’re working with a floor plan that doesn’t have any dimensions called out, then we recommend using a standard doorway as your reference and set the scale to three feet and zero inches. Again, then your entire floor plan will automatically scale to size.
{% endhint %}

## Using the Appearance Tool:

The second icon that appears when you select your image is the **Appearance tool,** which controls the opacity of your image and the ability to remove the background.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZvM7CoVHjdQvtLYTwfqK%2FScreenshot%202024-08-09%20at%2010.00.40%E2%80%AFAM.png?alt=media&amp;token=c9db1d44-ecac-423e-a73e-89643ec56010" alt=""><figcaption><p>The Appearance tool pops up when the floor plan image is selected.</p></figcaption></figure>

## ‍Locking & Unlocking:

Remember to **Lock** your floor plan by right-clicking on the image and selecting **Lock Selection**. When an image is locked, the selection window will turn to gray. If you need to adjust or rotate your image, unlock the selection, and the selection window will turn to purple.

‍

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FU3j3nn7Vtq5F6MgE5lnp%2FScreenshot%202024-08-09%20at%2011.46.30%E2%80%AFAM.png?alt=media&amp;token=23f92a7a-e845-4794-9ecc-fec45d9c0e58" alt=""><figcaption><p>Lock Selection is available by right-clicking on the floor plan image.</p></figcaption></figure>


# How to Use the Walls Tool

Draw and customize walls directly on your Canvas to create accurate space layouts for your design projects.

### Overview

The Walls tool allows you to create architectural elements directly on your Canvas. Unlike importing floor plans, the Walls tool gives you the flexibility to draw walls from scratch, modify their properties, and create accurate spatial layouts for product placement. Walls intelligently join at intersections, making it easy to create clean, professional floor plans.

### Accessing the Walls Tool

1. Open your Canvas project
2. Find the Walls icon in the left toolbar
3. Click the Walls icon to activate the tool

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FgPryu2XGbPArryLHAy1z%2FScreenshot%202025-03-31%20at%204.56.53%E2%80%AFPM.png?alt=media&amp;token=97aab13c-c42a-4fdd-81d3-ccf14a4d6298" alt=""><figcaption></figcaption></figure>

### Drawing Walls

1. With the Walls tool activated, click on the Canvas where you want to start your wall
2. Move your cursor and click again to create wall segments
3. Continue clicking to add more segments as needed
4. Double-click or press Enter to complete your wall

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Feb1EIHjA61Oxu1xHEWT1%2FWalls1_Drawing.gif?alt=media&amp;token=2951e8b6-db32-490f-9f7a-355bb30b5b29" alt=""><figcaption><p>Draw walls by inserting vertices similar to drawing a polyline</p></figcaption></figure>

#### Wall Intersections

Walls automatically join at intersections, creating clean corners and connections. When a new wall intersects with an existing wall:

* The walls will intelligently merge at the intersection point
* Corner joints will be created automatically
* You can continue drawing from any intersection point

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fwb2volfQjBASuBw5J5Qw%2FWalls3_Join.gif?alt=media&amp;token=ff655182-af92-46f3-9a09-05c4601007a5" alt=""><figcaption></figcaption></figure>

### Customizing Wall Properties

After drawing walls, you can customize their properties to match your design requirements:

#### Adjusting Wall Thickness

1. Select the wall by clicking on it
2. Find the contextual toolbar under the wall
3. Click on the width dimension
4. Select new dimension from list, or add custom thickness

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FFwLCbnXlS138IFUkxRss%2FScreenshot%202025-03-31%20at%202.47.55%E2%80%AFPM.png?alt=media&amp;token=0fb7e67c-c73d-47e5-83c4-b79443da53e2" alt=""><figcaption></figcaption></figure>

#### Changing Wall Fill

1. Select the wall you want to customize
2. In the contextual toolbar under the wall selection, click on the fill button
3. Choose from default color palette or click “+” to create and save a new color
4. Adjust opacity as needed in color picker
5. User eyedropper tool to create a color from another color on the canvas

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FYxmajIjrazPqsaSzY5fd%2FScreenshot%202025-03-31%20at%202.48.46%E2%80%AFPM.png?alt=media&amp;token=2757e720-a8c8-4c3e-9273-38f40affa24f" alt=""><figcaption></figcaption></figure>

#### Changing Wall Stroke and Style

6. Select the wall you want to customize
7. In the contextual toolbar under the wall selection, click on the ‘stroke style’ button
8. Select stroke style: solid, dashed, or dotted
9. Adjust width with slider
10. Select color from palette, or create a new color with “+” or eyedropper tool

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F45o7T0gDsOmmee980Rij%2FScreenshot%202025-03-31%20at%202.49.22%E2%80%AFPM.png?alt=media&amp;token=91d1077a-ba80-4cbd-8826-ab81bcb23ad8" alt=""><figcaption></figcaption></figure>

### Editing Existing Walls

#### Moving Walls

1. Select the wall or wall group that you want to move
2. Drag the entire wall to a new position
3. Use the arrow keys for precise adjustments

#### Resizing and Extending Walls

1. Select the wall
2. Click the selected wall(s) again to activate control points
3. Grab any endpoint (indicated by control points)
4. Drag to extend or shorten the wall

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fp0CZBRZrc2PWI6O2KRuc%2FWalls2_Editing.gif?alt=media&amp;token=9b38c941-3c9d-4e30-8560-2e79425358fd" alt=""><figcaption></figcaption></figure>

#### Adding Points to a Wall

5. Select the wall
6. Click the selected wall(s) again to activate control points
7. Click on any wall segment to activate the segment
8. Add new point anywhere on the wall segment&#x20;
9. Drag to reshape the wall

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FUy8QFcY2SBuZ27qsmLAB%2FWalls4_AddPoints.gif?alt=media&amp;token=9636da60-851c-4216-8a7b-fc8f426089d7" alt=""><figcaption></figcaption></figure>

### Pro Tips

* Double-Click Shortcut: Double-click on an existing wall to access control points
* Precise Angles: Hold Shift while drawing to constrain walls to 45° increments
* Quick Duplication: Hold Alt/Option while dragging to duplicate wall segments

### Keyboard Shortcuts

| Action               | Windows/Linux | Mac        |
| -------------------- | ------------- | ---------- |
| Activate Walls Tool  | W             | W          |
| Cancel Wall Drawing  | Esc           | Esc        |
| Complete Wall        | Enter         | Return     |
| Delete Selected Wall | Delete        | Delete     |
| Toggle Grid Snap     | G             | G          |
| Precise Movement     | Arrow Keys    | Arrow Keys |

<br>


# How to draw an Area

This article will show you how to use Areas to organize your Canvas, making Product Lists and Dashboards more detailed. Areas are a great way to draw zones that break down your floor plan.

## What are Areas?

You've used Canvas to create visuals like collages and vignettes, lay out your floor plans to scale, and even put together a furniture specification presentation and product list. Now, with the addition of **Areas**, you can start to break down your floor plan with smart areas that capture programming, square footage, and make your existing Product Lists more detailed and searchable.&#x20;

Within Canvas, Areas are containers in which you group spaces with the furniture that is placed inside them. For example, you can have Areas for different room types - like, Conference, Lobby, Cafe, Library, and so on. Drawing Areas are helpful to overlay on top of your floor plan to better organize a floor plan or presentation. Canoa's Areas are smart; meaning, when you click into them, they provide dynamic metrics of that grouped space. Areas can also be filtered in Dashboards and Product Lists that live on the Canvas, making them more narrowed down and no longer capturing the entire Canvas.

### Why use Areas?&#x20;

* Define areas of your floor plan with a rectangle or with a custom shape, creating zones
* Ability to merge Areas for Dashboards and Product Lists
* Name the Area for better organization
  * When Areas have the same name, they will merge together into the same Product List
* Define fill color and opacity and outline styling
* Areas calculate dynamic metrics for you, like:
  * Square footage
  * Plannable area sf within a Dashboard or project
  * Cost per sf
* Search products included in the Area
* Create a pre-filtered Product List from an Area
* Create a pre-filtered Dashboard from an Area

## Areas on the Canvas Toolbar:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FB0JREkKBjivqbjrp7pmz%2FNew%20Toolbar%207.31%20-%20Area.png?alt=media&amp;token=3464cc95-98a2-49ea-a015-bc898c72bfe8" alt=""><figcaption><p>The Area icon in the toolbar</p></figcaption></figure>

1. From your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) dashboard, select one of your Canvas boards or create a new one.
2. In the top **toolbar**, you'll find the **`Draw Area`** icon, and it will turn purple when activated.
3. When you have the Draw Area tool selected, you will be prompted with two choices:
   * Draw a rectangle or a custom shape **-** Choose one and start drawing.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FM62K5WZwFxuLu3QzxnmP%2FAreas.gif?alt=media&amp;token=b879b782-0d42-4682-843b-85bf820edf0b" alt=""><figcaption></figcaption></figure>

## Creating an Area:

1. Click on the **Draw** **Area** icon or type **`A`** and the icon will turn purple when activated.
   1. Choose to draw either a rectangular Area or a more custom shaped Area with polylines.
2. Draw an **Area** around the items that you'd like to group together.
3. When the **Area** feature is active, you will continue creating Areas. Hit **`ESC`** to exit from creating Areas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FR80aYCJ99WBojEP4R4IG%2FScreenshot%202024-08-09%20at%2012.02.01%E2%80%AFPM.png?alt=media&amp;token=5fe15712-8684-4f2e-b3a7-14548e464e07" alt=""><figcaption></figcaption></figure>

## Naming your Area:

Naming your Area is helpful when organizing your Canvas and floor plan. Having a *unique* name for each Area helps you identify the Areas when filtering them within Product Lists and Dashboards. Contrarily, when Areas have the *same* name, they will merge together automatically when filtered into the same Product List or Dashboard - showing the overall budget for that merged Area type.

1. Click on your selected Area that you just drew and placed on your Canvas.
2. The **Edit area** / **Pencil icon** will appear below the Area when selected. Click the Pencil Icon to open up a right-side panel to add the name of the Area.
   * You can also **double-click** the selected Area, and the right-side panel will automatically pop open.

{% hint style="info" %}
The Area name will only appear when the Area is activated (clicked on). The Area will appear gray if you do not choose a fill color for it.
{% endhint %}

### Helpful Naming Tips:

* If you have multiple spaces or rooms of the same type on your floor plan or in your presentation, give the Area the exact same name for each type.&#x20;
  * For example, I will design three conferences rooms that all fall under the same budget. So I will name their Areas "Conference 1C". This way, my furniture schedule will be easily filterable by conference rooms and show the bundled metrics all together.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FP0lSBDgUO9dYmaGOGCQQ%2FScreenshot%202024-08-09%20at%2012.02.54%E2%80%AFPM.png?alt=media&amp;token=d98a77b1-2465-4d48-ba4b-a4ab2c728d95" alt="" width="563"><figcaption><p>Click on the Pencil icon to name the Area.</p></figcaption></figure>

## Customizing the Style of your Area:.

When you click on the Area you just drew and placed on your Canvas, four icons appear below the Area: **Set fill style**, **Set stroke style**, **Edit area,** and Export Selection. An Area will be given a default color of gray if you do not choose a fill color.

* **Set fill style / Circle icon** = Choose the **fill color** and the **opacity** level of the Area
* **Set stroke style / Dash icon** = Choose a **solid** line, **dashed** line, or **dotted** line, and then choose the **thickness** and the **color** of the line that will be the **border** of your Area
* **Edit area / Pencil icon** = Opens the side-panel to add a **name, view the metrics,** and **search** within the Area

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeZepVeYBbGMGkEqiTAWl%2FScreenshot%202024-05-15%20at%201.53.46%E2%80%AFPM.png?alt=media&amp;token=640e908e-59d3-4b96-a355-9b46252ef5f7" alt=""><figcaption><p>Three style options to customize the look of your Area.</p></figcaption></figure>

## Searching within Areas:

1. Click the Area you'd like to search within, and click the **Pencil** Icon to initiate the right-side panel. (You can also **double-click** the Area).
2. Type in the name of the product you are looking for in the **Search Bar** within the **Area side-panel**.
   * The dynamic metrics will auto-populate.

{% hint style="info" %}
Pro Tip: Choose to include **Areas** in the **Column Settings** of a **Product List**. This way, when you **export** the schedule to a CSV file, Areas will be included as a data column that you can sort by in your next spreadsheet program.
{% endhint %}


# How to Use the Markup Tool

Annotate your Canvas with freehand drawings, highlights, and visual comments to communicate design ideas effectively.

## Overview

The Markup Tool allows you to draw freehand on your Canvas, making it easy to highlight elements, create visual annotations, and add emphasis to your design presentations. Use this tool to communicate ideas clearly with clients and team members through visual cues and callouts.

### Accessing the Markup Tool

1. Open your Canvas project
2. Locate the Markup icon in the top toolbar; the icon appears as a wavy/squiggly line in the main toolbar at the top of the screen
3. **Single-click** the icon to activate the Markup Tool for a single use (tool will deactivate after one markup)
4. **Double-click** the icon to activate the Markup Tool in persistent mode (tool stays active for multiple markups)
5. When activated, a tooltip will appear showing "Markup" and the keyboard shortcut "M"
6. The Markup Tool options panel will then appear, showing thickness controls and color options

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fh1Qb9DiMz9ZV1YYCt0Rg%2FScreenshot%202025-03-31%20at%204.16.27%E2%80%AFPM.png?alt=media&amp;token=6ec014ab-9c13-4866-8e4b-b91c17899288" alt=""><figcaption></figcaption></figure>

### Creating Markups

Once the Markup Tool is activated:

1. Click and hold anywhere on the Canvas
2. Drag your cursor to draw freehand lines&#x20;
3. Release to complete the line
4. Your markup will appear in the color and thickness you selected

**Note**: By default, the Markup Tool will deactivate after drawing one line, returning you to the Selection Tool. To make the tool persist for multiple markups, double-click the Markup Tool icon instead of single-clicking it.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FAhArHDypNF4lrxsjbH43%2FMarkup1_Create.gif?alt=media&amp;token=9eeb2a78-ba49-451e-a33d-1880b4e3a339" alt=""><figcaption></figcaption></figure>

### Editing Existing Markups

#### Selecting a Markup

1. Click on the Selection Tool (arrow icon) in the toolbar
2. Click on any markup to select it
3. Selection handles will appear around the markup

#### Selecting Colors

1. Select your markup on the canvas
2. Click the line icon in the markup toolbar
3. Choose from the grid of preset colors&#x20;
4. For custom colors, click the color picker icon to access the advanced color selector
5. The advanced color picker offers:
   * A color spectrum for visual selection
   * Hue and opacity sliders
   * A HEX code field for precise color input (#FB1919 in the example)
6. Your selected color will be highlighted with a purple border in the preset grid

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F77FIcoyXqes6jvcRdxLY%2FMarkup2_ColorThickness.gif?alt=media&amp;token=174ca3a1-682c-4cf2-ab4d-3579263db304" alt=""><figcaption></figcaption></figure>

#### Adjusting Line Thickness

1. Select your markup on the canvas
2. Click the line icon in the markup toolbar
3. Drag the purple slider dot left for thinner lines or right for thicker lines
4. The thickness setting is immediately applied to new markup lines

#### Moving a Markup

1. Select the markup you want to move
2. Click and drag to reposition
3. Release to place in the new position

#### Deleting a Markup

1. Select the markup you want to remove
2. Press Delete/Backspace on your keyboard
3. Alternatively, right-click and select "Delete" from the context menu

### Keyboard Shortcuts

| Action                 | Shortcut                                   |
| ---------------------- | ------------------------------------------ |
| Activate Markup Tool   | M                                          |
| Delete Selected Markup | Delete                                     |
| Undo Last Markup       | Ctrl+Z (Windows) / Cmd+Z (Mac)             |
| Redo Markup            | Ctrl+Shift+Z (Windows) / Cmd+Shift+Z (Mac) |


# How to Use the Dimension Tool

Add precise measurements to your designs to communicate spatial requirements and proportions accurately.

## Overview

The Dimension Tool allows you to create accurate measurements on your Canvas, enabling you to document precise spatial relationships between objects, walls, and other elements in your design. Whether you're creating floor plans, furniture layouts, or space planning diagrams, the Dimension Tool helps communicate critical size information for your projects.

### Accessing the Dimension Tool

1. Open your Canvas project
2. Locate the Dimension Tool icon (ruler symbol) in the top toolbar
3. Click the icon to activate the Dimension Tool

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FLvenznTl8sQmdjjgKBiy%2FScreenshot%202025-03-31%20at%204.31.18%E2%80%AFPM.png?alt=media&amp;token=b6664f0d-11d2-4385-8812-1a79be607e9c" alt=""><figcaption></figcaption></figure>

### Creating Basic Dimensions

When the Dimension Tool is active:

1. Click on your starting point
2. Move your cursor to the ending point (the tool will snap to key points on your canvas)
3. Click again to place the endpoint and create the dimension line
4. Drag the dimension to set length of extension lines and position dimension text

The measurement will automatically display in the current measurement units (feet and inches by default).

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FqmRBnGRBEgkdyN6umCyX%2FDimension1_Create.gif?alt=media&amp;token=90750777-51d8-43d7-954b-1c0c52dee22e" alt=""><figcaption></figcaption></figure>

### Understanding Dimension Elements

Each dimension consists of:

* **Dimension Line**: The line that represents the measured distance
* **Extension Lines**: Lines at each end that extend perpendicular from the measured points
* **Extension Point:** Point at center of Dimension Line (when selected) to adjust extension distance
* **Dimension Text**: Numerical value showing the precise distance
* **Control Points**: When dimension is selected, small purple points to adjust measured distance

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeCvoco0pFuCYhPGdIzEL%2FScreenshot%202025-03-31%20at%204.38.14%E2%80%AFPM.png?alt=media&amp;token=d21227a4-4e58-4b36-8af8-6a534f27e2e5" alt=""><figcaption></figcaption></figure>

### Editing Dimensions

#### Moving Dimension Lines

1. Select the dimension by clicking on it
2. Drag the central control point to adjust the position of the dimension line
3. The measurement will remain accurate while the line moves parallel to the measured distance

#### Adjusting Endpoints

1. Select the dimension by clicking on it once
2. Click on the dimension a second time to activate the endpoint control points
3. Drag either end control point to change the measurement's start or end point
4. The measurement value will update in real-time to reflect the new distance

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F2b182csrIFKY8rsOgQ7o%2FDimension2_Edit.gif?alt=media&amp;token=c1a13495-5d40-44d5-954c-28d1e360d1ee" alt=""><figcaption></figcaption></figure>

### Dimension Properties and Options

After creating a dimension, you can customize its appearance and behavior:

#### Text Size Options

Access text size options from the bottom toolbar when a dimension is selected:

* **Small**: Compact text size for tight spaces
* **Medium**: Standard text size (default)
* **Large**: Enhanced text visibility for presentations
* **Extra Large**: Maximum text visibility
* **Custom Size**: Enter specific text size (in points)

These options control only the size of the measurement text, not the dimension lines themselves.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FQhWyja9eY005OqRZPpV9%2FDimension3_ColorText.gif?alt=media&amp;token=6eb5c95f-e53e-46ee-bf10-8d1d428c9506" alt=""><figcaption></figcaption></figure>

#### Text Options

1. Select a dimension
2. Use the font selector to choose from available fonts
3. Apply formatting options as needed

#### Style and Color Options

1. With a dimension selected, access the properties panel
2. Choose from color options to match your design scheme
3. Set text color separately from line color for better visibility

### Using Dimensions Effectively

#### Space Planning

Use dimensions to:

* Verify that furniture fits properly in a space
* Ensure adequate clearance around objects
* Document room sizes and wall lengths
* Show distances between elements

### Pro Tips

* **Snap Points**: Pay attention to the snap indicators that appear as you move your cursor - these ensure precise measurements
* **Alignment Guide**: Dimensions will automatically align to horizontal or vertical when you hold the Shift key while creating them

### Keyboard Shortcuts

| Action                    | Shortcut |
| ------------------------- | -------- |
| Activate Dimension Tool   | D        |
| Cancel Dimension Creation | Esc      |
| Delete Selected Dimension | Delete   |


# How to use Frames

This article will show you how to use Frames within your Canvas for presentation, imaging, and mood boarding scenarios.

{% embed url="<https://www.youtube.com/watch?v=GEPv-aYlk3I>" %}

## Frame on the Canvas Toolbar:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FlLIo4GO3za1Ni4UyZyAf%2FNew%20Toolbar%207.31%20-%20Frame.png?alt=media&amp;token=c5f6f6de-b465-458c-b549-9db889aca9c3" alt=""><figcaption><p>Frame icon on the toolbar</p></figcaption></figure>

1. From your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) dashboard, either select one of your Canvas boards.
2. At the top is your toolbar is where you can access main functions quickly.
3. The **Frame** icon will turn white when activated.

## Why use Frames?

A Frame allows you to group objects together and gives you the option to export your work out of Canoa. Rather than having to select individual images, placing a Frame around them allows you to easily select, move, and export these elements as a group. Frames are also compared to as being like "presentation slides" within Canvas because of their organizational value.

## Creating a Frame:

1. Click on the **Frame** icon or type **F** and the icon will turn purple when activated.
2. Create a Frame around the items that you'd like to export or print.
3. When the **Frame** feature is active, you will continue creating frames. Hit **ESC** to exit from creating frames.
4. You can **set the ratio** of your Frame to match the shape of common presentation or paper sizes and use that as a guide to layout or organize your Frame.
5. You can select either **Landscape** or **Portrait** orientation.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5LLD8wlNPyhNwV43IO2R%2FScreenshot%202024-02-22%20at%207.46.12%20PM.png?alt=media&amp;token=8c2b547e-18f3-4494-a6a6-a79e6a694436" alt=""><figcaption><p>Set ratio options and select either landscape or portrait</p></figcaption></figure>

## Naming your Frame:

Every time a Frame is created on the Canvas, it will be automatically numbered according to the order it was created in. For example, Frame 0, Frame 1, Frame 2, etc..

You can always rename your Frames. Naming your Frame is helpful when organizing your Canvas or exporting your Frame. Since a Frame is currently exported one at a time, having a unique name for each Frame helps you identify the Frames as you export them.&#x20;

1. Click on your selected Frame, and then double-click on the **Frame textbox** at the top left of your frame box.
2. Input a new name or title for your Frame. Here are some helpful naming tips:
   * If you're planning on combining your exported Frames into a book or presentation, then you may find it helpful to name your Frame "Presentation Name Page 1"; "Presentation Name Page 2", etc.
   * If you're planning on adding the visuals, floor plans, or schedules into a presentation template that you have, then you may find it helpful to name your Frame by the image or item name such as "Collage" or "Floor Plan" or "Furniture Schedule" etc.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FmzEXi32PtR4LkewkiVO9%2FScreenshot%202024-02-22%20at%207.22.56%20PM.png?alt=media&amp;token=38265558-7edf-4047-a0a2-96d2aedc1d73" alt=""><figcaption><p>Use your Frame textbox to name your frame</p></figcaption></figure>

## Styling your Frame:

By default, all Frames have a white background to start. You then can select a **background color** and set the **opacity** level of that fill color by clicking the **Set Fill Style** icon at the bottom of the Frame when it is selected.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FK6XvdPla9yVStwtdQvbt%2FScreenshot%202024-05-15%20at%201.47.52%E2%80%AFPM.png?alt=media&amp;token=332122ec-15e7-4cbb-b099-4ff4f29ad7d7" alt=""><figcaption><p>Set Fill Style icon is located at the bottom of the Frame when the Frame is activated.</p></figcaption></figure>

You can also select a **border style** by clicking **Set Stroke Style** icon at the bottom of the Frame when it is selected. Choose between a Solid Line, Dashed Line, or Dotted Line and toggle its level of thickness.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FzbmbYQ38kY4lSTux8iXf%2FScreenshot%202024-05-15%20at%201.47.00%E2%80%AFPM.png?alt=media&amp;token=ae556f5d-c540-4948-a7e1-a4066d17cb72" alt=""><figcaption><p>Set Stroke Style = chose a border for your Frame</p></figcaption></figure>

## Copying & Deleting a Frame:

To **delete** your frame, simply select the Frame (name or border) and hit the `delete` key on your keyboard. Deleting the Frame will delete the content within the Frame. The elements inside your Frame are linked to the Frame itself.&#x20;

This means when you **copy** a Frame, all of its contents will be copied as well.

If you want to delete only the Frame and *not* the elements inside of it, select the Frame, right-click and select **Ungroup**. The Frame will disappear and the contents will remain on your Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fk8eusiNPLQi5Y5s3IfIQ%2FScreenshot%202024-03-17%20at%2011.38.51%20AM.png?alt=media&amp;token=80cbe5df-1462-4388-99dc-06c3a49db4ce" alt=""><figcaption><p>To delete, select your frame and hit delete or select Ungroup</p></figcaption></figure>

Using Frames is similar to using the [<mark style="color:purple;">**Group and Ungroup action**</mark>](/docs/design/how-to-create-collages-and-vignettes-for-your-presentations#grouping-images) in Canvas, but Frames holds the power to export your work to PDF, JPEG, PNG, DWG, and DXF - a big function that Grouping does not carry.&#x20;

See below for more details on organizing your Canvas using Frames.

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/im5mENHfYZ21Bg06DqWS" %}
[How to organize your Canvas with Frames](/docs/design/how-to-organize-your-canvas-with-frames)
{% endcontent-ref %}

See below for more details on exporting or printing your Canvas using Frames.

{% content-ref url="/pages/2SjoYEwcDogDw9EcIHyp" %}
[How to export or print your Canvas with Frames](/docs/share/how-to-export-or-print-your-canvas/how-to-export-or-print-your-canvas-with-frames)
{% endcontent-ref %}


# How to organize your Canvas with Frames

This article will show you how to use Frames to group your images, organize your Canvas mood board and create standards for design presentations, furniture specifications and product catalogs.

{% embed url="<https://www.youtube.com/watch?v=GEPv-aYlk3I>" %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FlLIo4GO3za1Ni4UyZyAf%2FNew%20Toolbar%207.31%20-%20Frame.png?alt=media&amp;token=c5f6f6de-b465-458c-b549-9db889aca9c3" alt=""><figcaption><p>The Frame icon in the toolbar</p></figcaption></figure>

## Using Frames to Group:

Adding Frames to your Canvas allows you to group objects together. Rather than having to select individual images, product cards, drawings, etc.., placing a Frame around all of them allows you to easily select, move, and export these elements as a group.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FxRcKYKTwX4Jw883meagJ%2FScreenshot%202024-02-28%20at%204.32.30%20PM.png?alt=media&amp;token=30e92182-a6a8-4d70-8008-203c8470176c" alt=""><figcaption><p>Individual images grouped together inside a Frame</p></figcaption></figure>

## Organizing your Canvas:

Frames can help you organize your Canvas. Frames will automatically be named in the order they are created on the Canvas. You can use Frames to define areas of your Canvas for designing and presenting, to develop layouts to export as images or PDFs, or to create presentation standards that you can turn into a digital look-book or catalog to easily share product specifications or project details. Our Templates show different ways for you to use frames to organize your Canvas.

### [<mark style="color:purple;">Concept Design Template:</mark>](https://www.canoa.supply/templates/furniture-presentation-template)

In this example, the Canvas template has a Sandlot for ideation and product curation, a Presentation section with Frames used to build out the presentation format, and Instructions for how to export and share.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F3026qyrIokCAt9U2YkiX%2FScreenshot%202024-08-09%20at%209.51.07%E2%80%AFAM.png?alt=media&amp;token=6be675ad-4c32-4222-a3a2-d2a0a8f842bd" alt=""><figcaption><p>Concept Design Template</p></figcaption></figure>

### [<mark style="color:purple;">Product Specification Template</mark>](https://www.canoa.supply/templates/brand-templates)<mark style="color:purple;">:</mark>

This template uses larger Frames in the  portrait-orientation to organize by location or typicals by area. The frame has a rendered view, products, furniture layout, and architectural finishes layout. A template like this could be used for a presentation, a specification or look book, installation package or product catalog.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FOKxfavIi4cE3asIc5Cqx%2FScreenshot%202024-08-09%20at%209.52.42%E2%80%AFAM.png?alt=media&amp;token=5e1a4945-6b76-4a1b-bf61-d904fe019d81" alt=""><figcaption><p>Product Specification Template</p></figcaption></figure>

Easily add different product views, like the product card or drawing views, in your Frames. The example below could be exported to create a PDF product catalog or act as a digital product catalog with immediate access to all of the product details and drawings.

### [<mark style="color:purple;">Team Collaboration Template:</mark>](https://www.canoa.supply/templates/team-collaboration-template)

This template uses Frames to organize the details of a project with a frame showing a space plan, concept, selected products, color story and materials & finishes. Each frame can be exported and combined to form a presentation.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPgex49cp6j8jB1cXareg%2FScreenshot%202024-08-09%20at%209.54.44%E2%80%AFAM.png?alt=media&amp;token=2b3e92bd-6956-4984-b4ba-0620390079c7" alt=""><figcaption><p>Design Development Template</p></figcaption></figure>

## Exporting or Printing:

You can easily export any Frame to a PDF, JPEG, PNG, DWG, and DXF file to insert into an existing presentation template (like PowerPoint, InDesign or Figma), to combine into a PDF package or binder for reference or distribution, or to print.

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/4vJzNgcmc2AdGQjQFx8k" %}
[How to export or print your Canvas](/docs/share/how-to-export-or-print-your-canvas)
{% endcontent-ref %}


# How to create a Product List

This article will show you how easy it is to create a Product list (furniture schedule) from your digital mood board for furniture specification, procurement, and general information sharing.

Canoa's Canvas is more than just another digital mood board tool. With one click, you can create a Product List (also known as a furniture schedule) with  the products on your Canvas, making the furniture design and specification process quick and easy. Work with real furniture specifications from your Canvas mood board and create and download furniture schedules at any time during your design process.

## **Adding a Product List to your Canvas:**

1. Open your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) mood board.
2. Select the **`Product List`** icon on the toolbar, and the list will appear **hovering** on your cursor.
3. **Place** the list wherever you would like on your Canvas with just a **click.**

{% hint style="info" %}
Initially, the Product List will automatically capture every product that is on your entire Canvas. Toggle between the **three icon views** at the top of the Product List - product drawings, product images, and product cards - to check what the list is capturing.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FG7PJ7uTU4lzeTCmiykJ5%2FNew%20Toolbar%207.31%20-%20Product%20List.png?alt=media&amp;token=d0211369-0a32-4743-a3f5-5d1928824d2b" alt=""><figcaption><p>The Product List tool is located in the top Toolbar 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%2FDoVCHLH9StS6VAskgApE%2FScreenshot%202024-08-09%20at%2011.52.23%E2%80%AFAM.png?alt=media&amp;token=5a3f3498-3ea7-43bd-96e7-c341fb5aff15" alt=""><figcaption><p>An example of a basic list placed in a Canvas</p></figcaption></figure>

## How to Customize your Product List:

* Click the **Gear** icon on the List to edit the **Settings** of your Product List.
* **Name** your Product List.
* Choose the **data fields** you would like to show on your Canvas.
  * Toggle the Subtotal price on or off for your list.
* **Order** the data fields to your liking by clicking the **three dashed lines** and moving the fields up and down the Settings panel.
* To save these settings, simply click outside of the side panel.

{% hint style="info" %}
Pro Tip: Choose to include **Areas** in the **Column Settings** of the list. This way, when you **export** the list to a CSV file, Areas will be included as a data column that you can sort by in your next spreadsheet program.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FAo5oqm4J3bI6NKnCXe1i%2FProduct%20List%20UI.png?alt=media&amp;token=3d89c305-cd84-4076-89b4-b99ff79f75cb" alt=""><figcaption><p>Access the Settings of your Product List by clicking the Gear icon on the list.</p></figcaption></figure>

* **Resize** the Product List as wide or tall or short and narrow as you would like by clicking on the **corners** or **edges** of the schedule and **drag**.&#x20;
* You can also **resize** the width of your data columns inside of the list by zooming in and grabbing the edge of the column and dragging right or left.
* **Sort** your columns by ascending or descending order by clicking on the **arrows**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FSNpzQkuo78ggUmw1t3ym%2FScreenshot%202024-08-09%20at%2011.57.37%E2%80%AFAM.png?alt=media&amp;token=8b8b9082-4d8a-46ad-92ec-e24345544c0b" alt=""><figcaption><p>Stretch the Product List and resize the width of the columns. Use the arrows to Sort.</p></figcaption></figure>

## The Benefits of Using Product Lists:

* Use the **Search Bar** within the list to find a product quickly.
* Use the **Filters** button to filter and show only specific categories of product.
  * Filter by Areas, Category, Condition, Lead Time, Manufacturer, Vendor, and Tags.
  * You can also filter by toggling between the **three icon views** - product drawings, product images, and product cards.
* **Confirm counts** by filtering product and checking the **Quantity** column. This is great for validating space plans.
* To **download** the list to a .CSV file, **select** the list and click **Export Selection icon** at the bottom. In the format window, **choose CSV** as the format in the drop down menu. Select the **data fields** you wish to be included, and click download. A CSV file will be sent to your email within seconds. You can take that .CSV file and bring it into Excel, GoogleSheets, Airtable, or any spreadsheet program that you use.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F3X0fVKUko7xa10OBgqm9%2FSchedules%20-%20Filter.png?alt=media&amp;token=e1e39589-e7a6-452b-a8c6-405f5ce52303" alt=""><figcaption><p>Use the All Filter button to confirm counts!</p></figcaption></figure>

## Creating Budgets with Product Lists:

The best way to create budgets within Canvas is with the use of **Dashboards**. When you add a Dashboard (also known as project) to your Canvas, you are only now able to add in custom pricing per line item in your Product List. With Dashboards, you have full control of **Discounts** and **Markups**. You then can decide whether to show or hide these data fields in addition to **List Price**, **Sell Price**, **Net Price**, and **Net Discount** fields. This is a great feature to create quick ROM budgets when presenting to clients.

To learn more about this upgraded feature that gives you full control over pricing, read this article here:

{% content-ref url="/pages/em0apYNQibq3hV671VQ4" %}
[Creating a Dashboard](/docs/design/how-to-use-dashboards/creating-a-dashboard)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5pRN0vKWqu0pwkqXPTPX%2FScreenshot%202024-05-10%20at%2012.36.38%E2%80%AFPM.png?alt=media&amp;token=4050bf16-b6f6-4da9-8b1c-2daa69a8e2ea" alt=""><figcaption><p>Control pricing with Projects</p></figcaption></figure>


# How to use the Product Side Panel

This article will teach you how to view the full furniture specifications of products and pre-existing kits that can jump-start your design.

**Canvas** is connected to a product catalog where every product is enriched with incredible data, like product specifications and embodied carbon. Here is a step-by-step way how to access these furniture specifications and recommended product suggestions, which will help save you time preparing design options as an interior designer.

First, create a [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas)<mark style="color:purple;">**.**</mark>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Ft8ul7vz5Dvzxg9CeVCBG%2FProduct%20Side%20Panel%20new%20UI.png?alt=media&amp;token=e870c41d-ff38-4bec-a7d3-bc4b5c9d1738" alt="" width="563"><figcaption></figcaption></figure>

You can find all of the product details by right-clicking on a product and selecting **View Product Details**. A Side Panel will open up showing all of the product's associated live data.‍

If you scroll down through the Side Panel, you'll see other categories like Kits, Recommended, and Similar Products.

**What is Recommended?**

The Recommended category shows additional products that may work with the product you have selected. For example, if you have selected a chair, Recommended may show you a side table and a rug that both go well with this chair. Recommended will help you easily find alternates to create additional design options. ‍

**What is Similar Products?**

Similar Products show the same category of product as the one you have selected. For example, you selected a lounge chair, and Similar Products will show different fabric options available for this chair or other lounge chairs that have a similar overall design. You can easily drag and drop different options into your Canvas to see how they look.&#x20;

We hope this Side Panel feature within Canvas helps save you time as you create mood boards, design options, and furniture specification alternates for all your interior design projects.


# How to adjust your Product Card view

This article will show you how to adjust the settings of you product card to create a customized view of specifications.

Each product in our library has three different views available: a scaled 2D vector drawing, the product image and the detailed product card. When you place a product into your Canvas, you can easily toggle between these views.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F0OTlqQFdXstMnlChkofF%2FGIF_Toggle%20Views%20(2).gif?alt=media&amp;token=d6ead472-861c-41ec-84fd-6761b5fd76e3" alt=""><figcaption></figcaption></figure>

## Adjusting your Product Card View:

* You can easily adjust what details and data are shown in the product's Card view. To adjust the settings, click on the **Settings** (or gear icon).&#x20;

{% hint style="info" %}
**NOTE:**  The **Settings** icon will only be visible when you toggle to the product's Card view.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FRJSam5qUbeiVac1GhdgH%2FScreenshot%202024-12-02%20at%201.32.18%E2%80%AFPM.png?alt=media&amp;token=a71caf28-9cde-4a8c-af2a-0a72467f6374" alt=""><figcaption><p>Product Card Settings</p></figcaption></figure>

* You can select which data fields you want displayed and hidden on the Card view.&#x20;
  * Drag any of the Secondary settings to move up and down in order shown on the Card. As you select or remove settings, the size of the Card will automatically adjust.

{% hint style="info" %}
Adjusting the settings on a product card is a global setting and will impact the product card view for all products on your Canvas.&#x20;
{% endhint %}

This is a great option if you want to hide details, such as the image, pricing, manufacturer, or SKU, or show specific details such as lead time or materials.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FYN6kCnVGl9kcMUDTSdy5%2FFrame%20(30).jpeg?alt=media&amp;token=44528bee-84aa-48f6-adfc-7a486eaafe01" alt=""><figcaption><p>Left: Default Card View vs Right: Adjusted Card View</p></figcaption></figure>

## Viewing Product Details:

Want to see full product details? Right click on the product image and select **View Product Details** to open the product card in your side panel.

{% hint style="info" %}
**NOTE:** Only Pro, Studio, and Enterprise accounts will be have an option to save a product to their **Catalog**.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fxm7qp8WxUXgsF73jEIIR%2FScreenshot%202024-05-10%20at%208.52.54%E2%80%AFAM.png?alt=media&amp;token=f9805bfd-03a1-46e0-ada0-b7da2d2f6c8f" alt="" width="563"><figcaption><p>View Product Details found in the right-click menu</p></figcaption></figure>


# How to use Dashboards

Add Dashboard (project) information and metrics to your Canvas to better manage, track, and present furniture schedules, budgets, and milestone dates to your clients and teammates.

## Track Projects with Budgets and Timelines

Designs don't just happen in a vacuum. Our industry organizes itself around projects that have a specific goal, budget and timeframes. With Dashboards, you can track all of your specifications with real quantities against your project budget. Track your embodied carbon. Track your procurement progress. All in one place inside the Canvas.

### What you can do:

1. Set an overall budget of per square foot
2. Set a discount and markup percentage for the overall Dashboard (project) or per manufacturer/vendor
3. Track your actual costs against your budget
4. Set a project address
5. Set project milestones and track against them

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FvYxmejZtiF7cHrfG7BFC%2FScreenshot%202024-08-09%20at%2012.42.25%E2%80%AFPM.png?alt=media&amp;token=55db87e6-286a-4d1a-9074-979c67b161f0" alt=""><figcaption><p>Control pricing with Dashboards</p></figcaption></figure>


# Creating a Dashboard

This article will walk you through the steps of how to create a Dashboard within Canvas, taking your mood board to specification and better managing furniture schedules, budgets, and milestone dates.

## What are Dashboards?

Dashboards, also known as projects, allow you to focus on the management and scheduling part of the design process so that everyone is aware of a project's scope, progress and status. You can create a budget, Product List (furniture schedule), and mark milestones all in one place within the Canvas to make sure your project stays on track. **Adding a Dashboard** within your Canvas also allows you to track your embodied carbon. With Dashboards, you can easily organize and manage a project's scope of work - all in one place.&#x20;

### Why use Dashboards?

Add a Dashboard into your Canvas in order to capture and easily present the following information:

* The Project's Name
* Furniture Specification (Product Lists)
  * Lists are customizable and filterable
* Address information with a live Google Maps view of your project's location
* Gross Area sq ft
* Plannable Area sq ft
* Total Budget - with a Discount percentage and a Markup percentage
  * You can edit pricing per item by adding in custom discounting and a markup to show net discounting
  * You can decide to show or hide the project subtotal price
* Carbon Estimate
* The percentage of second-life items you are designing with
* Cost per Square Foot
* Milestone Dates in a timeline format

## How to add a Dashboard:&#x20;

On the toolbar, click **`Add a Dashboard`** to then place one inside the **Canvas** you are working on. The Dashboard reads the entire Canvas initially, but don't worry - you are able to filter and manipulate what you want it to read.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FHQtr5AMGsH0gYoMHx3y9%2FNew%20Toolbar%207.31%20-%20Dashboard.png?alt=media&amp;token=1e8d945e-b427-4267-a136-dc524f4c06ec" alt=""><figcaption><p>The Dashboard icon in the toolbar</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FWKoESuhVcnvSYnE0lyWE%2FProjects.gif?alt=media&amp;token=cb1a76b2-78ef-4de6-884c-c45c6f8a74db" alt=""><figcaption></figcaption></figure>

1. Open or create a **Canvas**.
2. Start designing with **Products** library to [<mark style="color:purple;">**create a collage or vignette**</mark>](/docs/design/how-to-create-collages-and-vignettes-for-your-presentations) for a new project or client. (A.k.a. put some furniture into your Canvas for the Dashboard to capture and showcase).
3. Reference the top **Toolbar**, and click **Add a Dashboard.**
4. A grey rectangle will hover with your cursor. Place your Dashboard in your Canvas wherever you would like it to live. You can always move your Dashboard around the Canvas at a later time.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FxrAcPM4ammyxbucYSknr%2FScreenshot%202024-08-09%20at%2012.44.09%E2%80%AFPM.png?alt=media&amp;token=38d9943b-5296-4af6-9573-4e45559719b9" alt=""><figcaption><p>When you first drop in a Dashboard into your Canvas, it will read every product in your Canvas.</p></figcaption></figure>

## What do to with your Dashboard:

Now it's time to edit and customize your dashboard with all your project details.&#x20;

* To **edit** the **Dashboard settings**, click on the **Gear icon** in the upper right hand corner of the Dashboard. A side panel window will pop-up on the right side of your screen to edit all the fields inside the Project.
  * Click on the **Arrows** to expand the editable fields, which are Address, Budget & Pricing, Square Footage, Milestones, and Column Settings.
  * While in the Dashboard settings, add **Milestone** dates that will then activate the Milestone widget at the bottom of your Dashboard. After you add a few milestones - like Kick Off Meeting, Order Ship Date, and Delivery & Install days - you can scroll horizontally on a timeline to compare those due dates to today.
* Outside of Dashboard settings, click on the **Filter** button and the different **product view icons** to further control what is included in the **Product List** portion of your Dashboard. The Product List is located on the left-side of your Dashboard and is interactive.
  * You can edit the List columns under **Column Settings** in the Dashboard settings side panel.
* Click the **Export Selection** button at the bottom of the Dashboard (when activated) to export your Dashboard.&#x20;
  * You can choose to export this work into a PDF, JPEG, or PNG.
  * If you select to export to a **.CSV file,** a product list, with all the products' data, will be emailed to you directly.

Read more about the Product List feature and how to customize it in depth here:

{% content-ref url="/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

{% hint style="info" %}
Resize your Dashboard by clicking the corners or dragging out the sides.&#x20;
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FfMiMJAkKXOthLtHsqrR8%2FDashboard%20new%20UI.png?alt=media&amp;token=30ff8740-3a22-4626-a561-24705ff9b51d" alt=""><figcaption><p>Finding your way around a Project inside your Canvas.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FU6U6iTgZVnSnLesQkuTy%2FProjects_Area%20and%20Budget.gif?alt=media&amp;token=aa5217da-e4b6-4d34-b423-3d7f3f6f66a5" alt=""><figcaption><p>The widgets in the Project are interactive as you enter in the details.</p></figcaption></figure>

Continue reading the next articles to learn how to utilize **Areas** to better manipulate and further detail your Dashboard and Product List.

{% content-ref url="/pages/pRiHl4qKJR9gOgtimnoN" %}
[How to draw an Area](/docs/design/how-to-draw-an-area)
{% endcontent-ref %}


# Editing the Dashboard settings

This article will teach you how to add the details of your project and edit your Dashboard settings to better manage furniture schedules, budgets, and milestone dates within your Canvas.

You have opened or created a **Canvas**, began designing with **Public Catalogs**, and added a **Dashboard** into your Canvas to better capture the scope and budget of your new project.&#x20;

When we first add a Dashboard into our Canvas, the Dashboard initially captures every single product that lives in that Canvas - product images, cards, and drawings. This article will show you how to edit and add details to the Dashboard and filter the Product List to show only product data you want included.&#x20;

## Edit the Dashboard Settings:

1. Click on the **Gear icon** in the upper right hand corner of the **Dashboard**. A side panel window will pop-up on the right side of your screen to edit all the fields inside the Dashboard. Click the arrows to expand the sections.
   * Give your Dashboard a **name**.
   * Input the **address** of your project's location. The **Google Maps preview** will populate automatically.
   * Add in an overall budget, project **Discount** and project **Markup** **percentage**. Choose to hide or show the product subtotal here too. The budget per sf will populate automatically based off of this and the Plannable Area input.
   * Add in **Gross Area** (sq ft)
   * Add in **Plannable Area** (sq ft) - *Areas automatically calculate this number for you!*
   * Add **Milestone** dates that will then activate the Milestone widget at the bottom of your Dashboard. After you add a few milestones - like Kick Off Meeting, Order Ship Date, and Delivery & Install days - you can scroll horizontally on the timeline widget to compare those due dates to today.
   * **Column Settings** is where you choose which data fields appear in your Product List and set their order.
2. To **exit** the Dashboard Settings, simply click anywhere on the Canvas outside of the side panel. The settings side panel will **save** and **close** automatically.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FU6U6iTgZVnSnLesQkuTy%2FProjects_Area%20and%20Budget.gif?alt=media&amp;token=aa5217da-e4b6-4d34-b423-3d7f3f6f66a5" alt=""><figcaption><p>Click the Pencil Icon to open the Dashboard Settings.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FozdcnjOai5OdDn2Kn3Kj%2FProjects_Milestones.gif?alt=media&amp;token=098789d4-374a-4c57-b9dd-f5df43057b8c" alt=""><figcaption><p>As you input information into the Dashboard settings fields, the widgets on the window will automatically update and change.</p></figcaption></figure>

## Edit the Product List:

1. Filter the Product List by selecting the **product type** icons in the upper left corner - Drawings, Images, and/or product Cards.
2. Click the **Filters** button to filter the list by **Areas, Category, Condition, Lead Time, Manufacturer, Vendor, and Tags.**
3. Need to edit the pricing? This is the place to do so. You can edit pricing directly inside the Product List by double clicking into the **Discount** and **Markup** fields per line item. This is great for creating ROM budgets!
   1. Choose to show or hide the List Price, Sell Price, and/or Net Price in the column settings.

{% hint style="info" %}
Pro Tip: Choose to include **Areas** in the **Column Settings** of the Product List. This way, when you **export** the schedule to a CSV file, Areas will be included as a data column that you can sort by in your next spreadsheet program.
{% endhint %}

{% content-ref url="/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fj8OCl315LTSwwPNJO3u1%2FScreenshot%202024-05-01%20at%203.51.54%E2%80%AFPM.png?alt=media&amp;token=00628c38-f859-4615-9fb4-6dc3bdeaf5fa" alt=""><figcaption><p>Filters to the left. Column settings to the right.</p></figcaption></figure>

Editing the Dashboard Settings and inputing all the details of your project inside your Canvas allows you to track your actual costs against your overall budget, set project milestones and track against them live, and track your embodied carbon to see how much of your Dashboard is designed with second-life pieces of furniture.&#x20;

Now in Canvas, you can manage projects all in one place with live, active product data.&#x20;


# How to use Areas in a Dashboard and Product List

When you upgrade your account to Pro, Unlimited, and Custom, you unlock additional features in our platform, like **Dashboards in Canvas**. See Canoa's pricing page [<mark style="color:purple;">**here for current pricing**</mark>](https://www.canoa.supply/pricing).

{% embed url="<https://www.youtube.com/watch?v=f2t9jtgyblY>" %}


# How to design with Brand Storefronts

This article will show you how to leverage manufacturer Brand Storefronts and community Canvas mood boards and presentations in your design development and furniture specification process.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fv6shYI2KHHZro5FgqsuR%2FCanvas%20Storefronts%20on%20Webpage.gif?alt=media&amp;token=e8d24a03-dbc0-472d-90bc-748636b7a225" alt=""><figcaption></figcaption></figure>

## What are Brand Storefronts?

Some of our community's favorite brand manufacturers now have digital storefronts, aka [<mark style="color:purple;">**Brand Storefronts**</mark>](https://www.canoa.supply/brands). These storefronts give you insight into the manufacturer and their design ethos, showcase new product launches and featured furniture, and the best part... Canvas presentations and mood boards with their product catalog and design inspirations that you can copy and paste directly into your own Canvas or furniture layout.

## How to find Brand Storefronts?

The Brand Storefronts are conveniently linked in our [<mark style="color:purple;">**Product library**</mark> ](https://www.canoa.supply/products)under '**Brands**' and linked through the Resources menu on our home page.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FTaX11pXFQ5tlvjcMsKwi%2FPublic%20Catalogs%20-%20Homepage.png?alt=media&amp;token=704e0fee-b339-47f1-b010-0964feff028b" alt=""><figcaption><p>Expand the Resources menu on Canoa.Supply and select Public Catalogs.</p></figcaption></figure>

### From the Navigation Bar:

* Select the **Products icon**.

<div><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FnQ8c0FwxaDT64d8KqWga%2FScreenshot%202024-02-12%20at%203.38.51%20PM.png?alt=media&amp;token=9d02e829-fc46-468a-bfc0-99754a9b3a9f" alt=""><figcaption><p>Navigation bar outside of a Canvas</p></figcaption></figure> <figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FPHw3wSMzBgqZJaouIblt%2FHelp%20Docs.png?alt=media&amp;token=15a61f43-066e-4187-970c-cf1cbe55677b" alt="" width="181"><figcaption><p>Navigation inside a Canvas</p></figcaption></figure></div>

* Select **BRANDS** from the category filters at the top of the page.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F0zRmysmf1lcgudjkKgOV%2FScreenshot%202024-02-12%20at%203.40.21%20PM.png?alt=media&amp;token=13fb79e3-30e8-45f7-b958-d9b81c691e7a" alt=""><figcaption></figcaption></figure>

* Select the **Brand Storefront** that you'd like explore.

### From you Canvas board:

* Click on the **Canoa logo** at the top left of your Canvas board. You will be taken to your Canvas Dashboard.
* Click on the [<mark style="color:purple;">**Products icon**</mark>](https://www.canoa.supply/products) on the Navigation bar on the left.
* Select **BRANDS** from the category filters at the top of the page.
* Select the **Brand Storefront** that you'd like explore.

## How to launch a Brand Canvas:

* Select a [<mark style="color:purple;">**Brand Storefront**</mark>](https://www.canoa.supply/brands).
* Read more about a brand and their design ethos and mission statement.
* A brand's Canvas is embedded within the storefront itself. You can preview their Canvas within the storefront or select **Launch Brand Canvas** to be taken directly to the public Canvas they created

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fzu42rx6yGrKYLFZdRo55%2FScreenshot%202024-02-12%20at%203.48.40%20PM.png?alt=media&amp;token=432342b7-92b3-4784-a013-6aa2a303a4d3" alt=""><figcaption><p><a href="https://www.canoa.supply/brands/design-by-them"><mark style="color:purple;"><strong>The Brand Storefront of Australian brand DesignByThem</strong></mark></a></p></figcaption></figure>

## How to design with Brand Storefronts & Community Canvases

Each Brand Storefront has a public Canvas with their products and inspiration images. Some brands or designers in our community have created additional Canvases with designs featuring products from a brand. When you navigate to a brand's storefront, you can see if there are additional Canvases available.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F22ii3poREFFlc8b7Y5Dr%2FScreenshot%202024-02-12%20at%204.08.18%20PM.png?alt=media&amp;token=e326fc0f-228a-430f-aac6-8791ee576b4e" alt="" width="563"><figcaption><p><a href="https://www.canoa.supply/brands/denvir-enterprises"><mark style="color:purple;"><strong>The Brand Storefront of Denvir Enterprises</strong></mark></a></p></figcaption></figure>

* Click on **Launch Brand Canvas** or select a Canvas created by the community.&#x20;
* The Canvas will open up in a new tab or window.
* &#x20;Select the products or images that you're interested in, right-click and select **`Copy or ctrl+C` / `cmd+C.`**
* Navigate to your Canvas dashboard, which is typically in another tab. Otherwise, click on the Canoa logo to be taken to your Canvas Dashboard. Start a new Canvas or open an existing Canvas.
* Right-click on an area of your Canvas and select **Paste or `ctrl+V` / `cmd+V`** to paste the selected brand products into your Canvas.
* Let the design fun begin! Incorporate these added products into your design.


# How to design with second life products

This article will explain second-life products and show you how to navigate our Public Catalogs to find and design with second-life products.

Including second life furniture and products in your plans and design is important for our design community and good for the planet. Doing so contributes to a circular economy, promotes sustainability and extends the value and lifecycle of furniture. Our Public Catalogs feature products listed by resellers of second-hand, pre-owned and open box furniture and accessories.

## **What is second-life furniture?**

There are many terms used to convey the condition of second-life or second-hand furniture and products. Here are some commonly used terms and what they mean:

**Pre-owned, Used, Used without Box:** Items that have previously been in another environment or office. These products could have been used daily in workplaces and commercial environments, displayed in showrooms or kept in storage. Products are available as-is with existing finishes and fabrics. The wear & tear will vary on these products, and there often won't be a warranty. But, they still have a use-life left. These products typically require additional packaging when being shipped. These products are often extremely affordable solutions and allow you to quickly furnish your space.

**Certified Pre-Owned:** Examined, re-conditioned and certified by the company that sells the product. These products often have limited finish options or are only avaiable in existing finishes only. But certified pre-owned products are a price-advantage solution, often 50-60% from purchasing new and have a new warranty by the company that sells the furniture.

**Remanufactured:** These products are re-built or re-conditioned as needed by certified manufacturers. They can be re-built to your specification, which allows you to customize finishes and fabrics. They often have a new warranty by the company that sells the furniture and allow you to have a like-new, customizable solution but at 30-35% off of new.

**Open-box:** items that have been ordered and displayed, installed or stored, but typically not heavily used. Products can often be overstock or discontinued inventory. They are typically in like-new or gently used condition and can often ship in their current packaging.

## **How to find second-life products on Canoa?**

You can find second-life products a couple of different ways on our platform.

### **Searching through our Public Catalogs:**

Click on the <mark style="color:purple;">**Public Catalogs**</mark> feature in the top navigation bar to open up our products library. From there, click on [<mark style="color:purple;">**Second Life**</mark>](https://www.canoa.supply/products/second-life) to filter for this product type. You can filter further by selecting Categories and Sub-Categories.&#x20;

‍

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FyZYmJQt1arYyuDdM3vGU%2FScreenshot%202024-10-08%20at%203.07.13%E2%80%AFPM.png?alt=media&amp;token=914fd078-c7e9-4283-b7ae-8b14e43f2af4" alt=""><figcaption><p>Second life category in the Public Catalogs</p></figcaption></figure>

### **When using Canvas:**

* You can search through our second life products by clicking on the **My Catalog icon** in the bottom right corner of Canvas. Toggle to the **Public Catalogs** tab. You can enter a query in the search bar or select Brands that specialize in second life products, such as Reseat or Envirotech.&#x20;
  * ***For Pro, Unlimited, and Custom users*****:** You can also click on **My Catalog** to show only products that you've added to your catalog.
* Click the **Filter** button, and then expand the **Condition** field. Here you can find second-life products that fall into the New, Open Box, Like New, Remanufactured, Gently Used, Used, Pre-Owned, and My Inventory subcategories.&#x20;
* Double click the product if you are looking for more details like product names, dimensions, list price or carbon index.
* Drag & drop the product image into you Canvas.
* Want to see full product details? Right click on the product image and select **View Product Details** to open the product card.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FMLW7q249kuta7B8lX2Nb%2FScreenshot%202024-10-08%20at%203.08.44%E2%80%AFPM.png?alt=media&amp;token=f237c8a5-15e8-4b42-b389-38d6994fec98" alt="" width="563"><figcaption><p>Find second life products easily with the Condition filter.</p></figcaption></figure>


# How to design with generic products

This article will show you how to design and space plan with a collection of standard products that are available to all users.

Within our Public Catalogs database of over 28,000 skus, we do offer a collection of standard products that you can design mood boards with and even use to layout floor plans and space plan with. This can be helpful when you just need a placeholder product in your furniture layout.&#x20;

Each product in the Canoa's Standards collection includes a name, image, basic sizing dimensions, and a scaled 2D drawing. These standards are great to design with as thought-starters for space planning.

You can also use the Template [<mark style="color:purple;">**CAD Library 1**</mark>](https://www.canoa.supply/templates/canoa-cad-library) to design with generic blocks. These 100+ products are not tied to extensive product data, and just call out the dimensions of the drawing for easy space planning use. We wanted to give designers a dedicated space to test fit and space plan when you are just trying to figure out the specification, and not be held back by a brand, product name, lead time, or price.&#x20;

## How to view standard products:

1. Open the **Public Catalogs** feature in the navigation menu.
2. In the main search bar, type in **Canoa Standards**. (You can also search for Canoa Standards in the Brand drop-down field).

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fn6s8b8r96upMKJlDFvZj%2Fpublic%20catalogs%20snip.png?alt=media&amp;token=eab24b23-deb8-4872-817b-2212da104ec8" alt=""><figcaption><p>The collection of generic products called Canoa Standards in the Products database</p></figcaption></figure>

## How to design with standard products:

1. You can also search for this standard collection in **Canvas**.
2. Within a Canvas, click on the **`My Catalog`** icon to add a standard product.&#x20;
3. Select the **Public Catalogs** tab.
4. Type in '**Canoa Standards'** to either the product **search ba**r or in the **Manufacturer filter**.
5. Bring in the standard product you want to design with by dragging and dropping it into the Canvas.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FczpaimEP8gM5nN0nApUY%2FScreenshot%202024-10-08%20at%202.12.44%E2%80%AFPM.png?alt=media&amp;token=ef277de4-8d0d-4ccf-95f3-14e284f57723" alt="" width="375"><figcaption><p>The Canoa Standards collection viewed in a Canvas</p></figcaption></figure>

{% hint style="info" %}
Remember: You can toggle between three assets and views of each standard product - it's image, it's product card with the basic data, and it's 2D vector drawing.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FSSpL8wAbiny7JM9lSHmu%2FCanoa%20Standards%20UI%202.png?alt=media&amp;token=9f6fc6bb-4440-4443-9f86-913e12fec3ee" alt="" width="563"><figcaption><p>An example of three products of Canoa Standards collection. Toggle between the three assets by clicking the icons that appear below the product.</p></figcaption></figure>

## What does the Canoa Standards collection include?

* Plants
* Tables&#x20;
* Chairs
* Desks
* Sofas
* Workstations
* Storage
* Accessories
* Stools

## How to use the CAD Library Template:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F9d2egWRuWHCFMN9y57cx%2FTemplates_Drag%20and%20Drop%202.gif?alt=media&amp;token=4ef92614-b77f-4ac5-a914-3fd27baf4403" alt=""><figcaption><p>CAD Library Template in use</p></figcaption></figure>

{% content-ref url="/pages/V0vaB24NzVNGGvHYCuqO" %}
[Begin with a Template](/docs/getting-started/begin-with-a-template)
{% endcontent-ref %}

The Canoa team is continuing to add more products to this generic collection. Send us a note to **<support@canoa.supply>** if you want to recommend a new placeholder block that we should add!


# Share


# How to share your Canvas

This article will show you how to share your Canvas and mood boards with everyone on your design team for seamless collaboration.

{% embed url="<https://youtu.be/9vfDQI-1GZU?feature=shared>" %}

## **Sharing your Canvas within Canvas:**

* Click on the **`Invite+`** icon found at the top right of your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) board.

<div data-full-width="false"><figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fp1ngDi31G8X1PuqBTQGV%2FNew%20Toolbar%207.31%20-%20Invite%20Share%20icon.png?alt=media&amp;token=cd8b38ba-380c-42ed-ae1a-94f72c0bd8c6" alt=""><figcaption><p>The Invite/Share icon is located at the far right of the toolbar next to your profile picture.</p></figcaption></figure></div>

* Next to "Anyone with Link," toggle the drop down menu to **Can View**.
* Click **Copy Link**.
* Paste this link wherever you'd like to share it, like embedding your Canvas to a website, document or message. The public link allows for View-only access, so you don't have to worry that your Canvas will be edited.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FkPcWhvoN5cFi9rEonxSM%2FShare%20Canvas%20-%20Copy%20Link.png?alt=media&amp;token=b6d10cb1-53e6-439c-83aa-52b1cee1aab5" alt="" width="411"><figcaption><p>Anyone with Link, Can View, Copy Link</p></figcaption></figure>

You can also share your Canvas with specific people by entering in their emails.

* Enter the email(s) of those you want to invite to your Canvas, and separate between emails with a comma.
  * Don't forget to set their permissions - an **Editor** has full access to collaborate and edit your Canvas, while a ***Viewer*** is view-only.
* Click **Share**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F5oBtr3vho6h87DW9Gs2N%2FShare%20Canvas%20-%20Emails.png?alt=media&amp;token=3bdcdef7-e36d-41ab-b09f-55d1a655d658" alt="" width="414"><figcaption><p>Enter emails, click Share</p></figcaption></figure>

## **Sharing your Canvas from the Canvas Dashboard:**

* In your Canvas Dashboard, hover over the Canvas you'd like to share.
* Click on the **Share icon** OR select **Share** from the **3-dot menu**.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FLXFfV7t2MNCbt7rpcNZP%2FShare%20Canvas%20-%20Dashboard.png?alt=media&amp;token=0881ecc5-36ce-498d-9eab-9d04d7b5fbad" alt="" width="563"><figcaption><p>Two Share icons to choose from on the Canvas Dashboard</p></figcaption></figure>

* The **Share Canvas window** will pop up and you can either enter the email(s) of those you want to invite to your Canvas. Add a comma between emails. Or, you can toggle the access permissions to **Can View** and then click **Copy Link** to share out.
  * Don't forget to set their permissions - an ***Editor*** has full access to collaborate and edit your Canvas, while a **Viewer** is view-only.
* Click **Share**.

{% hint style="info" %}
Sharing is unlimited regardless of your account tier on Canoa. For example, if you have a free account, other users can share their Canvases with you and surpass the two Canvas limit set on free accounts. These would be 'View Only' Canvases.
{% endhint %}


# How to invite team members to collaborate

This article will show you how to share your Canvas furniture presentation and mood boards with everyone on your design team for seamless collaboration.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fp1ngDi31G8X1PuqBTQGV%2FNew%20Toolbar%207.31%20-%20Invite%20Share%20icon.png?alt=media&amp;token=cd8b38ba-380c-42ed-ae1a-94f72c0bd8c6" alt=""><figcaption><p>The Invite/Share icon in the toolbar in Canvas</p></figcaption></figure>

‍‍‍Canoa was designed to make collaboration easy and simple. Working together on mood boards, furniture layouts, projects and product schedules should be as easy online as it is in person. Effortlessly welcome collaborators, commenters, or viewers directly into your design canvas, creating a shared space where you can focus on teamwork and spend less time dealing with email. This collaborative approach ensures that you can engage in productive interactions, brainstorm collectively, and accelerate the decision-making process. Because good design is never done alone.

## **Inviting team members to collaborate with you**

Need to share your mood board with your client? Want to review your layout with your design colleagues? No gate keeping here! We have a couple of different ways to invite team members to view and collaborate on your designs. You can invite anyone to your Canvas - even someone who doesn't have an account on Canoa.

### Add additional Users to your Account:

{% content-ref url="/pages/tgNS7LqzmO0uAxO5b5cP" %}
[How to add and remove users from your account](/docs/support/managing-your-account/how-to-add-and-remove-users-from-your-account)
{% endcontent-ref %}

After adding users to your account, you can now share your Canvas by making it public to everyone in your account.

* From the Canvas Dashboard, click the `three dots` of the Canvas thumbnail you'd like to share.
* Where you see your account name, toggle to either Viewer or Editor access.
* Your permissions have now been updated.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FsbyjjPpnp7JKCJucFB8X%2FShare%20Canvas%20-%20Accounts.png?alt=media&amp;token=9717d90c-d25f-46dc-bba1-52f9d8ee2702" alt="" width="418"><figcaption><p>Choose your permissions for your account</p></figcaption></figure>

This shared Canvas will now appear in your teammates' Canvas Dashboard when they click on **Shared by My Team** the next time they sign in.

## **Sharing your Canvas within Canvas:**

{% content-ref url="/pages/At6Ym5Wi8m2rdyqbqSqc" %}
[How to share your Canvas](/docs/share/how-to-share-your-canvas)
{% endcontent-ref %}


# How to provide Comments

This article will show you how adding comments and capturing notes directly in your Canvas furniture presentation and mood board is an effortless and efficient way to enhance collaboration.

{% embed url="<https://www.youtube.com/watch?ab_channel=Canoa&list=PLYtA2M2IhMnyoEV0g52K3i7h4dUCkSG_v&v=OpBJyzQ7xH8>" %}

What is collaboration with comments? It's more efficient to have all of your project notes and comments together in one document rather than having separate documents that you have to reference.&#x20;

## Turning Comments On & Off

The **Comments** or speech bubble icon is found on your Canvas toolbar. Click on the icon to turn the Comments feature on or off. When Comments are turned on, the icon will be purple and the Comments Window will pop up.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBk9fXyJb3DVWNrsIHRP6%2FNew%20Toolbar%207.31%20-%20Comments.png?alt=media&amp;token=86dc49ec-83ff-4984-b8ab-be068b1ffe02" alt=""><figcaption><p>The Comment icon on the toolbar</p></figcaption></figure>

## Adding Comments to your Canvas

* Place the purple speech bubble icon on the area(s) you'd like to leave your comment. When the icon is placed, a window will open up that allows you to input your comment. Hit **Post** after making your notes.
* The comment you added will appear in the **Comments window** on the right side of your Canvas.&#x20;
* You can mention a user in your comment by typing the **@** symbol and then typing in the user's name. An email notification is sent when someone is mentioned in a Comment.

{% hint style="info" %}
If you mention @ someone who does not have access to your Canvas or a Canoa account, a popup will prompt you to **invite** that new user.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FGTli4cHcwgTcuHfmoNhd%2FScreenshot%202024-08-15%20at%209.28.37%E2%80%AFAM.png?alt=media&amp;token=5c186f84-0671-4947-b08d-3e2cf6ac2fa8" alt=""><figcaption><p>Inputting a comment in Canvas</p></figcaption></figure>

The Comments window acts like a running list of edits or notes that you can keep track of.&#x20;

* Clicking on a Comment in the Comments window will fly to the area in the Canvas where the Comment lives.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FbAVCQamNSXxSvhHTEacs%2FComments%20Flying.gif?alt=media&amp;token=8a1e76b7-feac-4842-aa44-db48d57c92bc" alt=""><figcaption><p>Comments flying across the Canvas</p></figcaption></figure>

## Editing or Deleting Comments

* You can edit or delete a comment either from the Comments window or directly in a Comment. Click on the **3-dot menu** to **Edit**, **Delete** or mark your comment as **Resolved**.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FjvlK9x2cwokEXdmjB4tm%2FScreenshot%202024-02-06%20at%205.03.53%20PM.png?alt=media&amp;token=9437dd0c-c51e-4671-855c-00538454800c" alt="" width="375"><figcaption><p>Edit, Delete, Resolve comments directly in the Comment</p></figcaption></figure>

## Resolved Comments

* The **Resolved** tab shows a running log of resolved comments. In the **Resolved** tab, you can ***Edit***, **Delete** or **Re-open** comments as needed.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F4HcfofZ4KR8LKCyBlXaD%2FScreenshot%202024-02-06%20at%205.00.45%20PM.png?alt=media&amp;token=7108b3b4-3e99-428e-b158-1c9cd316a2aa" alt="" width="375"><figcaption><p>The Resolved Tab in the Comments window</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FiP9Lu86NinKIjwhMZhW3%2FScreenshot%202024-08-22%20at%202.37.41%E2%80%AFPM.png?alt=media&amp;token=2f447e2f-938f-4219-9ed4-0355b269460c" alt="" width="504"><figcaption><p>Inviting a user to your Canvas, and sharing it with them.</p></figcaption></figure>


# How to use Presentation Mode

This article will show you how to use the Play feature in Canvas that turns any series of Frames into a full-screen presentation on your desktop and to share out to your collaborators.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FnnJuZLP906TnSDWubNPv%2FScreenshot%202024-09-11%20at%201.51.34%E2%80%AFPM.png?alt=media&amp;token=0cef2394-4d61-435b-9de7-73687efb8826" alt="" width="375"><figcaption><p>Presentation icon in the toolbar</p></figcaption></figure>

Presentations access all the information that is organized into [<mark style="color:purple;">**Frames**</mark>](/docs/design/how-to-use-frames) on your Canvas. The Play feature allows you to create shareable private or public link to share with your team, client, or vendor. Creating a presentation inside your Canvas is a way helpful way to show a more curated and polished look of your work, leaving out the sometimes messy sandlots that live inside your infinite Canvas 😬.

## To play a full-screen presentation:

1. Open a [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) in your Canoa account.
2. Use **Frames** (`F` key) to create "slides" that bound the content you want to present together.
3. In the top right, click **`Play`**.&#x20;
4. Here in the Presentation side panel, click the **checkboxes** of the Frames you'd like to include in, or hide from, your presentation.
5. **Arrange** the order of your Frames by dragging and dropping the three-dashed lines up and down.
   1. Click the `download` icon to export your presentation to PDF, JPEG, PNG, DWG, or DXF if necessary.
6. Click the **`Play`** button to launch your presentation in a new browser window.
7. Use the **arrows** on your keyboard or at the bottom of the presentation to change slides.

{% hint style="info" %}
A best practice is renaming your Frames so they are more recognizable in the Presentation side panel. Read our [<mark style="color:purple;">**Working with Frames**</mark>](https://help.canoa.supply/docs/canvas/working-with-frames/how-to-use-frames) article to learn all about the functionality of Frames in Canvas.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FSX5y6Z6QvnY2QwGzSnJf%2FScreenshot%202024-07-19%20at%2012.43.58%E2%80%AFPM.png?alt=media&amp;token=db11b64f-7c5b-467f-b63f-6cfd3f94734b" alt="" width="563"><figcaption><p>Example of how the Presentation looks in a web browser</p></figcaption></figure>

## To share a link of your presentation:

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBQQJZvaTZxVGCFmSIFak%2FScreenshot%202024-09-11%20at%202.12.16%E2%80%AFPM.png?alt=media&amp;token=8b329a58-4b19-44ee-8542-c8dfd1c8603e" alt=""><figcaption><p>Private and Public presentation links</p></figcaption></figure>

1. Open up a Canvas, and in the top right corner, click **`Play`**.&#x20;
2. Here in the Presentation side panel, click the **checkboxes** of the Frames you'd like to include in, or hide from, your presentation.
3. **Arrange** the order of your Frames by dragging and dropping the three-dashed lines up and down.
4. Click **`Create`** to create a view-only public presentation - meaning, whoever you share this link to will *not* be able to edit your presentation in any way.
5. Click **`Copy Link`**.
6. Send the link to your friends, family, clients, and team to share your presentation with them.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBvUaGSq8XxLaLdsc5LHc%2FScreenshot%202024-09-11%20at%202.00.30%E2%80%AFPM.png?alt=media&amp;token=4df23daf-75aa-4b76-8d67-db1986bbae8d" alt="" width="375"><figcaption><p>Private and Public presentation links</p></figcaption></figure>

{% hint style="info" %}
At anytime, you can make your presentation **private** again by simply clicking on the `trash can icon` in the Presentation window.
{% endhint %}

### Need help getting started with creating a Presentation?&#x20;

We have plenty of guides, use cases, and [<mark style="color:purple;">**Templates**</mark>](https://www.canoa.supply/templates) that you can use to create a beautiful Canvas worthy of a presentation for clients, teams, and friends. Look no further than ⤵️

{% content-ref url="/pages/isT6ZbaPOPyXlDVHsQ9b" %}
[How to create a furniture & accessories presentation](/docs/collect/how-to-create-a-furniture-and-accessories-presentation)
{% endcontent-ref %}

{% content-ref url="/pages/V0vaB24NzVNGGvHYCuqO" %}
[Begin with a Template](/docs/getting-started/begin-with-a-template)
{% endcontent-ref %}

## Export your Presentation

While you can always [<mark style="color:purple;">**export Frames**</mark>](/docs/share/how-to-export-or-print-your-canvas/how-to-export-or-print-your-canvas-with-frames) to various file types, you can also do so quickly from the Presentation side panel. Here, click the `download` icon to export your presentation to PDF, JPEG, PNG, DWG, or DXF. Check your downloads folder when the export is complete! Your file will be named the same as the name of your Canvas.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FYWi7v6DUwsh48QMxVAhk%2FPresent%20-%20export%20download.jpeg?alt=media&amp;token=2719b1ef-77b7-4ab8-bd80-cf4f1a44a94d" alt=""><figcaption><p>Download icon within the Presentation Side Panel</p></figcaption></figure>


# How to download a Product List

Once you download your CSV product list from Canvas, you can easily import it into a variety of data management programs to edit, format, or link into AutoCAD DWG and Revit RVT.

{% embed url="<https://www.youtube.com/watch?index=7&list=PLYtA2M2IhMnyoEV0g52K3i7h4dUCkSG_v&v=OThWXyMtOlM>" %}

Once you have created a [<mark style="color:purple;">**Canvas**</mark>](/docs/support/managing-your-account/how-to-create-an-account)[ ](/docs/getting-started/arranging-your-canvas-dashboard)mood board, added a budgetary Product List, and selected the products you want in that list, you are ready to download this Product List to your email.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FB3hMacScQMKmhbCpEEh7%2FScreenshot%202024-08-09%20at%2012.00.01%E2%80%AFPM.png?alt=media&amp;token=11b97bb2-02a8-49e3-bd4f-2ffa6ebc2961" alt=""><figcaption><p>Click Export Selection to have a CSV file sent to your email.</p></figcaption></figure>

## To **download** the Product List to a .CSV file:

1. **Select** the Product List and click **Export Selection icon** at the bottom (as seen above).
2. In the Export window, **choose CSV** as the format in the drop down menu.&#x20;
3. Select the **data fields** you wish to be included, and then click download.&#x20;
4. A CSV file will be sent to your email within seconds. You can take that .CSV file and bring it into Excel, GoogleSheets, Airtable, or any spreadsheet program that you use.

## **What to do with your Product List:**

The Product List emailed to you is a .csv file (CSV). A CSV, or comma-separated values file, is data saved in a table format and is one of the most common file types. It looks similar to a typical spreadsheet, but CSV files are plain-text or raw data. Since the file is raw data, you will need to import into another program that will allow you to add formatting and manipulate the data to your presentation needs. Once imported, you can edit, format and manipulate your furniture product data to create budgets, formatted status or inventory reports, and specification details as needed.

## **Accessing your Product List:**

* Download the attachment emailed to you. &#x20;
* Open the CSV in another spreadsheet program, like GoogleSheets, Excel, or Airtable to start editing and formatting.&#x20;

<figure><img src="https://uploads-ssl.webflow.com/6399c9f45da398ac3776f03e/65948c0c0bb85f679a8adccc_Screenshot%202024-01-02%20at%203.17.44%20PM.png" alt=""><figcaption></figcaption></figure>

Continue onto the next articles to learn how to convert your furniture schedule into a SIF file, and bring it into AutoCAD and Revit.


# How to export a SIF file from Canvas

Easily export your Product List into a SIF file to use with software for contract office furniture specification and procurement.

Exporting a SIF file from Canoa enables seamless integration with your other tools, allowing you to manage products without manufacturer or catalog codes directly within the same program used to create final specifications and quotes.

{% embed url="<https://youtu.be/butvySmIRcI>" %}

{% hint style="info" %}
This section specifically pertains to SIF export from the Canvas. For a followup tutorial on exporting from My Catalog, go [here](https://help.canoa.supply/docs/share/how-to-export-your-product-data-from-my-catalog/how-to-export-a-sif-file-from-my-catalog-table-view).&#x20;
{% endhint %}

### How to access your Product Lis&#x74;**:**

* When in your [<mark style="color:purple;">**Canvas**</mark>](https://www.canoa.supply/canvas) click on the **Product List** icon on the top tool bar.
* Filter the **Product List** by **Area** to select the products you wish to add.  Refer to the [<mark style="color:purple;">**Areas Help Doc**</mark>](https://help.canoa.supply/docs/design/how-to-draw-an-area#areas-on-the-canvas-toolbar) for more tips and tricks.

### How to export your Product List

* Click the bottom arrow of the **Product List** to `Export` as a SIF file.
* The SIF file will download to your computer and the SIF file will be sent to your email.
* Open the SIF file in your preferred program that accepts this file type.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FwnCPntGEacIX9hKSTlE1%2FScreen%20Shot%202024-11-14%20at%204.01.54%20PM.png?alt=media&amp;token=4726d009-8cbc-4319-a1a4-17be7e9388aa" alt=""><figcaption><p>Click on the Product List to activate the Export button</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F4m9JSEge4LoGgX9h3CPl%2FScreen%20Shot%202024-11-14%20at%204.03.56%20PM.png?alt=media&amp;token=d13f021a-382f-481b-b05e-00768e766a3f" alt=""><figcaption><p>Select SIF</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FdnWaMRwr14g7Tju6ixCi%2FScreen%20Shot%202024-11-14%20at%204.04.10%20PM.png?alt=media&amp;token=e088fa46-8251-49f3-8df2-448011d0e196" alt=""><figcaption><p>Product fields will be mapped to SIF equivalent field when exported</p></figcaption></figure>

## **What is the SIF file format?**

The Simple Interchange Format (SIF) is a text-based file format used for data interchange between systems. It typically consists of key-value pairs, where each key represents a specific attribute of a product or configuration, and the value is the corresponding data. The keys and values are separated by an equal sign (`=`), and each pair is usually placed on a new line. Entries (which represent individual records, such as products) are separated by a blank line.

{% hint style="info" %}
SIF files are compatible with many furniture specification programs such as, CET, Spec, Worksheet and Hedberg.
{% endhint %}

## Structure of a SIF File

**SIF files are text files structured as "Key-Value pairs" on each line.**

* Each line contains a key and its corresponding value in the format `key=value`.
* If a value is not available, the format `key=` is used, leaving the value empty.
* Products are delineated by the starting code `PN` which contains the product code of the product if known.  If the product code is not known, Canoa will subsitute SKU as a unique identifier, however, most applications that handle SIF files will also accept an empty `PN`code to delineate products. &#x20;

#### Example SIF File

Here's an example of a SIF file format:

```
PN=102813-
PD=*Cut Key,UM Series
MC=FMS
GC=R
P1=2.00
P2=2.40
P4=10.00
P5=99.00
WT=0.00
VO=0.00
NT=1
G0=0000126471
PN=1B2JK7-
PD=*Lock Plug and Key,Chrome UM Series
MC=FMS
GC=R
P1=10.00
P2=12.00
P4=10.00
P5=99.00
WT=0.00
VO=0.00
NT=1
G0=0000126471
PN=232092-
PD=*Lock Plug and Key,Black UM Series
MC=FMS
GC=R
P1=10.00
P2=12.00
P4=10.00
P5=99.00
WT=0.00
VO=0.00
NT=1
G0=0000126471
```

### Usage

SIF files are useful for:

* **Data Interchange:** Transferring product information between different systems in a structured and standardized format.
* **Data Import/Export:** Facilitating the import and export of data between systems, ensuring consistency and accuracy.

The example provided gives a basic overview of how data is structured in a SIF file. The actual keys and their meanings may vary depending on the specific application and requirements of the systems involved.

### **File Structure**

* Each product or configuration entry is separated by a blank line.
* Each attribute within an entry is represented as `key=value`.
* If an attribute value is empty, the format is `key=`.

This specification ensures a standardized format for all SIF files generated using the common schema, facilitating seamless data integration and interchange across various systems.

### Can SIF Files Contain Links to Other Files?

Yes, SIF files can contain links to other files. However, this depends on the specific implementation and the system using the SIF file. In a general context, SIF files are designed to store structured data in key-value pairs, and you can include URLs or file paths as values associated with specific keys.

#### How to Include Links in SIF Files

To include links to other files in a SIF file, you can add key-value pairs where the value is the URL or file path to the other file. Here’s how you can do it:

1. **Identify the Key**: Determine the appropriate key in your schema to store the link. This could be a new key or an existing one like `Product URL`, `Image URL`, or similar.
2. **Add the Link as a Value**: Ensure the value associated with the key is the URL or file path to the other file.

#### Example SIF Entry with Links

Here’s an example of a SIF entry that includes links to other files:

```makefile
makefileCopy codePN=12345
PD=Example Product
MC=Example Manufacturer
P1=100.00
P2=90.00
P4=10.00
P5=5.00
VO=0.5
WT=1.0
G0=Example Vendor
GC=Example Category
NT=10
ProductURL=https://example.com/product/12345
ImageURL=https://example.com/images/product_12345.jpg
```

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}


# Customizing SIF Export Field Mappings

This guide explains how to customize your SIF exports for compatibility with different software platforms, specifically for Configura (CET/SPEC) and Cyncly Worksheet (CAPSIF)

{% embed url="<https://youtu.be/akr_N9B8Bb8>" %}

### Default Settings

The default field mappings in Canoa are optimized for Configura SPEC/CET users. No changes are required if you're exporting to these platforms.

### Customizing for Cyncly Worksheet (CAPSIF)

To customize your export for Worksheet compatibility:

1. Start the SIF export process from your product list
2. In the column mapping modal, make these adjustments:

For basic export:

1. Remove manufacturer code mapping (if not needed)
2. Remove manufacturer name mapping (if not needed)

For detailed manufacturer information:

1. Change the manufacturer code from 'EC' to 'MG' (CAPSIF format)
2. Set manufacturer name/description code to 'MN'
3. Add 'PRC' code to map furniture category information

For pricing fields:

1. Change unit list price to 'I1' (CAPSIF format)
2. Remove discount mappings (these will be calculated in Worksheet)
3. Remap sell price to 'I2' purchase price code (CAPSIF format)

### After Export

* Verify the exported file contains the expected information
* Import into your destination software to confirm compatibility

Note: Different software packages may have specific requirements for SIF imports. Consult your software documentation for any additional mapping requirements.


# How to bring your Product List data into Microsoft Excel

With one click, you can bring your Product List CSV data from your mood board into Microsoft Excel. Once imported, you can edit, format or link you data into AutoCAD dwg or Revit rvt.

## **Adding a** Product List **to your Canvas:**

{% content-ref url="/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

## **Accessing your** Product Lis&#x74;**:**

* Download the attachment emailed to you.

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}

<figure><img src="https://uploads-ssl.webflow.com/6399c9f45da398ac3776f03e/6596088f420ab2df2b1ccc33_Screenshot%202024-01-03%20170816.png" alt="" width="563"><figcaption><p>Excel Open Dialog Window</p></figcaption></figure>

## **Importing your CSV** Product List **into Excel:**

* Open **Excel**, go to **File** and select **Open**.
* Select **Text Files** from file type dropdown menu in the **Open dialog window**.
* Navigate to where your Product List CSV file is saved (this will typically be your Downloads folder) and double-click the file.
* Excel will automatically open the file and display it as data in a new workbook.
* **Save As** the file to the Excel format of your choice so you can edit and work with the files as a typical Excel sheet.
* From here, you can import your Product List into **AutoCAD dwg** or save as a **PDF** to import into **Revit rvt**.**‍**

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/GZAJKNRohtzZvUXc1xRg" %}
[How to bring your Product List data into AutoCAD](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-autocad)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/21eoOzqclRYcydQ6WHgJ" %}
[How to bring your Product List into your Revit model](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-into-your-revit-model)
{% endcontent-ref %}


# How to bring your Product List data into Google Sheets

With one click, you can bring your Product List CSV data from your Canvas mood board into Google Sheets. Once imported, you can edit, format or link you data into AutoCAD DWG or Revit RVT.

## **Adding a** Product List **to your Canvas:**

{% content-ref url="/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

## **Accessing your** Product Lis&#x74;**:**

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}

‍

<figure><img src="https://uploads-ssl.webflow.com/6399c9f45da398ac3776f03e/6594932fe15c05e4d1fa68de_googlesheets13.jpg" alt=""><figcaption><p>Google Sheet Import Settings</p></figcaption></figure>

## **Importing your CSV** Product List **into Google Sheets:**

* Log into **Google Sheets** and **Select Start a New Spreadsheet, Blank**. Do not use an existing template.
* Click on the **File** menu and select **Import**.
* A new window to **Open a File** will prompt you select the file you'd like to import. Click on **Upload**, and either click on **Select a file** from your computer or **Drag a file** into the upload window.
* Navigate to where the Product List CSV file is saved (this will typically be your Downloads folder).
* Select the correct **import settings** as shown below (Import location: Create new spreadsheet; Separator type: Detect automatically; Convert text to numbers and dates: No) and click on **Import data**.
* Your data will be imported into a Google Sheet for you to edit and work with as a typical Google Sheet.
* To link your Google Sheet into **AutoCAD dwg**, then **Download** your file as a **Microsoft Excel (.xlsx) file**.
* To import or link your Google Sheet into **Revit rvt**, Download your file as a **PDF**.

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/GZAJKNRohtzZvUXc1xRg" %}
[How to bring your Product List data into AutoCAD](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-autocad)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/21eoOzqclRYcydQ6WHgJ" %}
[How to bring your Product List into your Revit model](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-into-your-revit-model)
{% endcontent-ref %}


# How to bring your Product List data into Airtable

With one click, you can bring your Product List CSV data from your Canvas mood board into Airtable. Once imported, you can edit and format your database.

## **Adding a** Product List **to your Canvas:**

{% content-ref url="/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

## **Accessing your** Product Lis&#x74;**:**

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}

## **Importing your CSV** Product List **into Airtable:**

* Log into your **AIrtable** account / go to your **Airtable Home page**.
* Click on **+ Create a base**.
* Click on **Add or import** and select **CSV file**.
* A new window will open and prompt you to **drop your file** or **browse files** to navigate to where your Product List CSV file is saved (this will typically be your Downloads folder).
* Click U**pload**.
* Check your data and edit field names and field types as needed. In the **Other Settings** menu, you can **Auto-select field types** and **Use first row as headers**.
* Click **Import**. Your data will be imported into a new Imported table for you to edit and work with as a typical Airtable.

<figure><img src="https://uploads-ssl.webflow.com/6399c9f45da398ac3776f03e/6595b5f1e28ffd16be04b2f1_Screenshot%202024-01-03%20at%2012.30.28%20PM.png" alt=""><figcaption><p>Type image caption here (optional)</p></figcaption></figure>


# How to bring your Product List data into AutoCAD

Easily create a Product List in your Canvas mood board and bring that data into your AutoCAD dwg drawing.

Make sure to start with:

{% content-ref url="/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

## **Importing your CSV** Product List **into Microsoft Excel:**

Before you can link your Product List from Canvas into your AutoCAD dwg drawing, you will need to save your Product List as a CSV and bring it into an Excel file (.xls or .xlsx).

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/M1KYHJTsdso6QCP2bXPV" %}
[How to bring your Product List data into Microsoft Excel](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-microsoft-excel)
{% endcontent-ref %}

{% content-ref url="/pages/6e4PsWcjyeUwnU1KnOf5" %}
[How to bring your Product List data into Google Sheets](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-google-sheets)
{% endcontent-ref %}

## **Linking your** Product List **and AutoCAD dwg with Data Links:**

<figure><img src="https://uploads-ssl.webflow.com/6399c9f45da398ac3776f03e/6596ed227a29c3b60b9a5951_Screenshot%202024-01-04%20at%2010.37.56%20AM.png" alt=""><figcaption></figcaption></figure>

* Open your **AutoCAD DWG**.
* Run the **DATALINK** command and navigate to where your Product List Excel file is saved.
* Select your file and click **Open**.
* The **New Excel Data Link window** will open. Confirm the **File Name** and file path is correct. Select the link type and create a unique **Data Link Name**.
* You have the option of revising the cell content and formatting in AutoCAD or Excel. Checking **Keep data formats and formulas** and **Allow writing to source file** will make sure your Excel formulas are preserved
* Check **Insert Table.**

‍

<figure><img src="https://uploads-ssl.webflow.com/6399c9f45da398ac3776f03e/6596078c9d114aa687f68d73_Screenshot%202024-01-03%20at%205.47.01%20PM.png" alt=""><figcaption></figcaption></figure>

* To modify data in locked cells, right-click on the cell to open up your **Properties** manager, and select **Unlocked** from the drop-down menu under **Cell locking**.
* Remember to **Refresh Content** in your **Reference Manager** to sync the data link between your Excel file and your AutoCAD drawing.


# How to bring your Product List into your Revit model

Easily create a Product List in your Canvas mood board and import it into your Revit rvt model.

‍Make sure you start with:

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/RWpLzkuromEfDYsBNVrn" %}
[How to create a Product List](/docs/design/how-to-create-a-product-list)
{% endcontent-ref %}

## **Linking your** Product List **from Canvas into Revit rvt:**

Unfortunately, you can't link data files directly into Revit. Below are some options that can allow your Product List to be used in Revit. Please note that your Product List will be static and no edits can be made within Revit to your linked list from Canoa.

* Save your **CSV Product List** as a **PDF** and insert into you Revit model, You can choose to **Import PDF** or **Link PDF** and select which page to import or link.
* Link your Product List into an **AutoCAD DWG file** and then **Insert, Link CAD** to place your CSV list into your Revit model.

These learning articles can help you convert your CSV Product List to a format that will work with Revit rvt:

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/GZAJKNRohtzZvUXc1xRg" %}
[How to bring your Product List data into AutoCAD](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-autocad)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/M1KYHJTsdso6QCP2bXPV" %}
[How to bring your Product List data into Microsoft Excel](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-microsoft-excel)
{% endcontent-ref %}

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/6e4PsWcjyeUwnU1KnOf5" %}
[How to bring your Product List data into Google Sheets](/docs/share/how-to-download-a-product-list/how-to-bring-your-product-list-data-into-google-sheets)
{% endcontent-ref %}


# How to convert your Product List data into a SIF file

Easily convert your Product List CSV data into a SIF file to use with software for contract office furniture specification and procurement.

## **What is the SIF file format?**

The Simple Interchange Format (SIF) is a text-based file format used for data interchange between systems. It typically consists of key-value pairs, where each key represents a specific attribute of a product or configuration, and the value is the corresponding data. The keys and values are separated by an equal sign (`=`), and each pair is usually placed on a new line. Entries (which represent individual records, such as products) are separated by a blank line.

{% hint style="info" %}
Need to convert a schedule into SIF for import into Spec or Worksheet?&#x20;

Click [<mark style="color:purple;">**here**</mark>](/docs/share/how-to-download-a-product-list/how-to-convert-a-product-list-from-canoa-to-sif-using-canoagpt) for a step-by-step process on how to do it.&#x20;
{% endhint %}

## Structure of a SIF File

1. **Key-Value Pairs:**
   * Each line contains a key and its corresponding value in the format `key=value`.
   * If a value is not available, the format `key=` is used, leaving the value empty.
2. **Entry Separation:**
   * Each entry (e.g., a product) is separated by a blank line to distinguish between different records.

#### Example SIF File

Here's an example of a SIF file format:

```
PN=102813-
PD=*Cut Key,UM Series
MC=FMS
GC=R
P1=2.00
P2=2.40
P4=10.00
P5=99.00
WT=0.00
VO=0.00
NT=1
G0=0000126471

PN=1B2JK7-
PD=*Lock Plug and Key,Chrome UM Series
MC=FMS
GC=R
P1=10.00
P2=12.00
P4=10.00
P5=99.00
WT=0.00
VO=0.00
NT=1
G0=0000126471

PN=232092-
PD=*Lock Plug and Key,Black UM Series
MC=FMS
GC=R
P1=10.00
P2=12.00
P4=10.00
P5=99.00
WT=0.00
VO=0.00
NT=1
G0=0000126471
```

### Key Elements of a SIF File

* **PN (Part Number):** Unique identifier for the part or product.
* **PD (Product Description):** Description of the product.
* **MC (Manufacturer Code):** Code representing the manufacturer.
* **GC (Group Code):** Group or category code.
* **P1, P2, P4, P5 (Price Points):** Various price-related fields.
* **WT (Weight):** Weight of the product.
* **VO (Volume):** Volume of the product.
* **NT (Count/Flag):** Numeric value indicating a count or specific flag.
* **G0, G1, etc. (Group Identifiers):** Additional group-related information.

#### Usage

SIF files are useful for:

* **Data Interchange:** Transferring product information between different systems in a structured and standardized format.
* **Data Import/Export:** Facilitating the import and export of data between systems, ensuring consistency and accuracy.

The example provided gives a basic overview of how data is structured in a SIF file. The actual keys and their meanings may vary depending on the specific application and requirements of the systems involved.

### Schema Definition

The common schema consists of several key-value pairs, where each key represents a specific attribute of a product or configuration. The keys are derived from analyzing the provided data files and identifying common elements.

**Key-Value Pairs**

Each entry in the SIF file is defined by a set of key-value pairs. Below is the detailed specification of each key:

1. **CR (Creation/Reference Code)**
   * **Description**: Code indicating creation or a specific reference.
   * **Format**: String
2. **G0, G1, G2, G3, G4, G5 (Group Identifiers)**
   * **Description**: Identifiers for grouping related items.
   * **Format**: String
3. **GC (Group Code)**
   * **Description**: Code representing the group category.
   * **Format**: String
4. **MC (Manufacturer Code)**
   * **Description**: Code representing the manufacturer.
   * **Format**: String
5. **NT (Count/Flag)**
   * **Description**: Numeric value indicating a count or a specific flag.
   * **Format**: Integer
6. **O1, O2, O4, O5 (Option Fields)**
   * **Description**: Fields representing various options or configurations.
   * **Format**: String or Numeric, depending on context.
7. **OD (Option Description)**
   * **Description**: Description of the option.
   * **Format**: String
8. **OG (Option Group)**
   * **Description**: Group to which the option belongs.
   * **Format**: String
9. **ON (Option Number)**
   * **Description**: Numeric identifier for the option.
   * **Format**: Integer
10. **P1, P2, P4, P5 (Price Points)**
    * **Description**: Different price points or values associated with the product.
    * **Format**: Decimal
11. **PD (Product Description)**
    * **Description**: Description of the product.
    * **Format**: String
12. **PN (Part Number)**
    * **Description**: Identifier for the part number.
    * **Format**: String
13. **PO (Purchase Order)**
    * **Description**: Identifier related to purchase orders.
    * **Format**: String
14. **SL (Storage/Layout)**
    * **Description**: Information related to storage or layout.
    * **Format**: String
15. **SO (Sales Order)**
    * **Description**: Identifier related to sales orders.
    * **Format**: String
16. **TO (Transaction Order)**
    * **Description**: Identifier related to transaction orders.
    * **Format**: String
17. **VO (Volume)**
    * **Description**: Volume measurement.
    * **Format**: Decimal
18. **WT (Weight)**
    * **Description**: Weight measurement.
    * **Format**: Decimal

**Example of an Empty SIF Entry**

Below is an example of an empty SIF entry following the common schema. Each key is present, but the values are empty.

```
CR=
G0=
G1=
G2=
G3=
G4=
G5=
GC=
MC=
NT=
O1=
O2=
O4=
O5=
OD=
OG=
ON=
P1=
P2=
P4=
P5=
PD=
PN=
PO=
SL=
SO=
TO=
VO=
WT=
```

### **File Structure**

* Each product or configuration entry is separated by a blank line.
* Each attribute within an entry is represented as `key=value`.
* If an attribute value is empty, the format is `key=`.

This specification ensures a standardized format for all SIF files generated using the common schema, facilitating seamless data integration and interchange across various systems.

### Can SIF Files Contain Links to Other Files?

Yes, SIF files can contain links to other files. However, this depends on the specific implementation and the system using the SIF file. In a general context, SIF files are designed to store structured data in key-value pairs, and you can include URLs or file paths as values associated with specific keys.

#### How to Include Links in SIF Files

To include links to other files in a SIF file, you can add key-value pairs where the value is the URL or file path to the other file. Here’s how you can do it:

1. **Identify the Key**: Determine the appropriate key in your schema to store the link. This could be a new key or an existing one like `Product URL`, `Image URL`, or similar.
2. **Add the Link as a Value**: Ensure the value associated with the key is the URL or file path to the other file.

#### Example SIF Entry with Links

Here’s an example of a SIF entry that includes links to other files:

```makefile
makefileCopy codePN=12345
PD=Example Product
MC=Example Manufacturer
P1=100.00
P2=90.00
P4=10.00
P5=5.00
VO=0.5
WT=1.0
G0=Example Vendor
GC=Example Category
NT=10
ProductURL=https://example.com/product/12345
ImageURL=https://example.com/images/product_12345.jpg
```

#### Steps to Include Links in Your SIF File Using CanoaGPT

1. **Prepare Your Data**: Ensure your CSV or other source data includes columns for the links you want to include (e.g., `Product URL`, `Image URL`).
2. **Map the Columns to SIF Keys**: When using CanoaGPT to convert your data to a SIF file, map these columns to appropriate keys in the SIF schema.
3. **Generate the SIF File**: CanoaGPT will include the links in the SIF file as part of the conversion process.

## **Accessing your** Product Lis&#x74;**:**

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}


# How to convert a Product List from Canoa to SIF using CanoaGPT

To convert a Product List exported from Canoa to a SIF file using CanoaGPT, follow these steps:

### **Step 1: Open CanoaGPT**

You'll need to create a free OpenAI account to use CanoaGPT.

{% embed url="<https://chatgpt.com/g/g-dkB2IDXQ3-canoagpt>" %}

### **Step 2: Upload the CSV File**

1. **Upload your CSV export file from Canoa to CanoaGPT.**
   * Ensure the file is in the CSV format. If it's in another format, convert it to CSV first.

### **Step 3: Inspect the CSV Structure**

1. **CanoaGPT will load and display the first few rows of your CSV file.**
   * This helps understand the structure and columns of the CSV file.

### **Step 4: Define the Mapping**

1. **CanoaGPT will automatically map the CSV columns to the appropriate SIF keys.**
   * Example mapping:
     * `PN` (Part Number): `SKU`
     * `PD` (Product Description): `Product`
     * `MC` (Manufacturer Code): `Manufacturer`
     * `P1` (Price 1): `List Price`
     * `P2` (Price 2): `Sell Price` (if available)
     * `P4` (Discount): `Discount`
     * `P5` (Net Discount): `Net Discount` (if available)
     * `VO` (Volume): Leave empty if not available
     * `WT` (Weight): Leave empty if not available
     * `G0` (Group 0): `Vendor`
     * `GC` (Group Code): `Category` (if available)
     * `NT` (Count/Flag): `Quantity`

### **Step 5: Generate the SIF File**

1. **CanoaGPT will generate the SIF file for you:**
   * After mapping the columns, CanoaGPT will convert the CSV data into the SIF format.
   * CanoaGPT ensures the data is properly formatted and ready for import into CET or other systems.

### **Step 6: Download and Verify the SIF File**

1. **Download the generated SIF file.**
2. **Verify its contents to ensure it meets your requirements.**

By following these steps, you can efficiently convert your Canoa CSV export into a SIF file using CanoaGPT, ensuring seamless data integration and consistency across systems. If you have any specific questions or need further assistance, don't hesitate to ask CanoaGPT for help!


# How to export data from a Dashboard

This article will teach you how to export the details and data of your Dashboard to help you better manage furniture schedules, budgets, and milestone dates outside of Canvas.

You have added a **Dashboard** into your **Canvas** to better capture the scope and budget of your new project. You have edited and added details to the Dashboard, and manipulate the **Product List** to show only product data you want included. So now it's time to export this Dashboard data out of Canvas and into your email.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FdCtdigz93UgoJB9yStfO%2FScreenshot%202024-05-08%20at%204.20.03%E2%80%AFPM.png?alt=media&amp;token=206add92-d844-4549-a1f4-5fbf139a9999" alt=""><figcaption><p>Export icon appears at the bottom of the Project when it is activated.</p></figcaption></figure>

## Export Selection Icon:

1. **Select the products** you want in the Product List portion of the Dashboard. **Filter** by product Drawings, Images, or Cards. You can also filter by **Areas**.
2. Click the **Export Selection** button located at the bottom of the Dashboard when activated.
3. Choose which **format** to export the Dashboard as - either **PDF, JPEG, PNG, or CSV**. Then click download.
   1. The size relates to the resolution and file size of your download.&#x20;
4. If you choose CSV as the format, the Product List emailed to you is a **.CSV file** (CSV). A CSV, or comma-separated values file, is data saved in a table format and is one of the most common file types.
5. Open the CSV in another spreadsheet program, like GoogleSheets, Excel, or Airtable to start editing and formatting. Read the below article to learn how to convert your furniture schedule into a SIF file, and bring it into AutoCAD and Revit.

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}

{% content-ref url="/pages/pfEleQjAgoxUOBsVpgjk" %}
[How to convert your Product List data into a SIF file](/docs/share/how-to-download-a-product-list/how-to-convert-your-product-list-data-into-a-sif-file)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FfMiMJAkKXOthLtHsqrR8%2FDashboard%20new%20UI.png?alt=media&amp;token=30ff8740-3a22-4626-a561-24705ff9b51d" alt=""><figcaption><p>Filter the Product List on the left side of the Dashboard. Click Export Selection icon at the bottom of the Dashboard.</p></figcaption></figure>

## Export your Dashboard using Frames:

{% content-ref url="/pages/xoC0jc2bk5F4Gu4Im1Rl" %}
[How to use Frames](/docs/design/how-to-use-frames)
{% endcontent-ref %}

1. In the top toolbar, click **Frame**.
2. Drag and drop the **Frame** around the entire **Dashboard**.&#x20;
3. **Select** this **Frame**, and click **Export Selection**.
4. Choose the output image size and the format - **PNG, JPEG, PDF, DXF, or DWG**.
5. Click **Download**. And your selected file will download directly into your **Downloads folder**.

With this downloaded file of your Dashboard, you can now print, send as an email attachment, or even drop it into a GoogleSlides or PowerPoint presentation.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FtpXP13mq1nVnqP8INKtb%2FScreenshot%202024-08-09%20at%2012.54.24%E2%80%AFPM.png?alt=media&amp;token=af471a20-373e-4830-a6e8-ca1604c2babd" alt=""><figcaption><p>We added the Frame around the Dashboard. Right-click on the Frame and choose Export As to download your Dashboard.</p></figcaption></figure>

![Export Options](https://help.canoa.supply/~gitbook/image?url=https:%2F%2F2113117739-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FoXL90G447T7Arsje35d9%252Fuploads%252FurphOcpXs8abg8s17cZw%252FFrame%2520%2816%29.png%3Falt=media%26token=78c926db-eb19-4f9f-b1dc-ef2c0d6567db\&width=768\&dpr=4\&quality=100\&sign=903ca66ee3b0edac9a2c3000441aa71a89abc49f4cfef0453ae6806206a2b348)


# How to export or print your Canvas

This article will show you how to export your work out of Canvas and create PDFs, JPEGs, PNGs, DWGs, DXFs, and CSVs.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FSgpSJh10KArNuiFcqxAD%2FScreenshot%202024-08-09%20at%209.39.53%E2%80%AFAM.png?alt=media&amp;token=9c0f8f06-8b60-40c9-953f-da4c77c9403d" alt="" width="563"><figcaption><p>Export Selection icon!</p></figcaption></figure>

Need to take your work out of Canvas and bring it into PowerPoint, or GoogleSlides, or Miro, or Figma, or Canva, or Excel, or AutoCAD, or Rhino, or SketchUp, or attach it in an email? There are so many places you can take the work you complete on Canoa. And we make it easy with the **Export Selection icon**. You are able to export and download all items out of Canvas with the use of this butto&#x6E;**.** Simply follow these easy steps to learn how:

## How to Export elements out of Canvas:

1. **Select** the item that you would like to export out of Canvas, and the menu of icons will appear just below them.&#x20;
2. Find the **Export Selection icon** to the far right, and click it.
3. The Export menu will pop up.
4. Choose your **Format** in the dropdown menu selection - PDF, JPEG, PNG, DWG, DXF, or CSV.
5. Choose your file size in the **Size** dropdown menu selection - 0.5x, 1x, 1.5x, 2x, 2.5x, 3x.&#x20;
6. Click **Download**. Your file will most likely download into your downloads folder on your computer.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FVsjud0xqhUfsP4lx4OdS%2FScreenshot%202024-08-09%20at%209.44.04%E2%80%AFAM.png?alt=media&amp;token=af0304b4-3ce9-42f7-8ee4-26c0cc64003c" alt="" width="375"><figcaption><p>The Export Selection icon appears in the icon menu below the selected items.</p></figcaption></figure>

{% hint style="info" %}
You can select one item to export individually, or select multiple items at once to export all into one file.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F3XTXtvHdsSAiMcfDffsO%2FScreenshot%202024-08-09%20at%209.46.26%E2%80%AFAM.png?alt=media&amp;token=0ff8c2df-a383-4296-84bc-f81ae2e8f1bc" alt="" width="563"><figcaption><p>The Export menu to choose your Format and file Size.</p></figcaption></figure>

{% hint style="info" %}
**Pro Tip:** Here, Size corresponds to output image size or resolution. For smaller file sizes, choose the lower number. For bigger file sizes, choose the higher numbers. At Canoa, we recommend choosing 2x - which usually outputs crisp, clear files that don't take up too much space on your computer.&#x20;
{% endhint %}

## Elements that can be Exported out of Canvas:

* **Product** [<mark style="color:purple;">**Cards**</mark>](/docs/design/how-to-adjust-your-product-card-view#viewing-product-details) | *Supported file types*: PDF, JPEG, PNG
* [<mark style="color:purple;">**Images**</mark>](/docs/collect/how-to-add-an-inspiration-image) | *Supported file types*: PDF, JPEG, PNG
* **Product** [<mark style="color:purple;">**Drawings**</mark>](/docs/collect/my-catalog/working-in-table-view/how-to-import-your-product-data/how-to-import-2d-vector-data-drawings) (2D vector drawings) | *Supported file types*: PDF, JPEG, PNG, DWG, DXF
* [<mark style="color:purple;">**Floor Plans**</mark>](/docs/design/how-to-import-and-scale-floor-plans) | *Supported file types*: PDF, JPEG, PNG, DWG, DXF
* [<mark style="color:purple;">**Areas**</mark>](/docs/design/how-to-draw-an-area) | *Supported file types*: PDF, JPEG, PNG, DWG, DXF
* [<mark style="color:purple;">**Frames**</mark>](/docs/design/how-to-use-frames) | *Supported file types*: PDF, JPEG, PNG, DWG, DXF
* [<mark style="color:purple;">**Product Lists**</mark>](/docs/design/how-to-create-a-product-list) | *Supported file types*: PDF, JPEG, PNG, CSV
* [<mark style="color:purple;">**Dashboards**</mark>](/docs/design/how-to-use-dashboards) | *Supported file types*: PDF, JPEG, PNG, CSV

{% content-ref url="/pages/2SjoYEwcDogDw9EcIHyp" %}
[How to export or print your Canvas with Frames](/docs/share/how-to-export-or-print-your-canvas/how-to-export-or-print-your-canvas-with-frames)
{% endcontent-ref %}

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}

{% content-ref url="/pages/amDPfuuVKhF5DuDkUFCS" %}
[How to export data from a Dashboard](/docs/share/how-to-export-data-from-a-dashboard)
{% endcontent-ref %}

Here is an example of a **Floor Plan** that was space planned with **Areas** and 2D product **drawings** in Canvas, and now is being exported out of Canvas as a DWG file and imported into AutoCAD.

*Scaled Floor Plan in Canvas:*

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FblqxGdYGumKfIXNK196T%2FScreenshot%202024-05-10%20at%202.18.58%E2%80%AFPM.png?alt=media&amp;token=84096000-ff20-4304-bd1b-7f4e8b4a8c5e" alt=""><figcaption><p>This scaled floor plan includes 2D vector product drawings and is broken into Areas. Export as  DWG file.</p></figcaption></figure>

*Same scaled Floor Plan with product drawings and Areas imported into AutoCAD:*

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FydCg954I5LCsgC8Beltb%2FScreen%20Shot%202024-05-10%20at%2012.09.30%20PM.png?alt=media&amp;token=9a5aedac-27f9-474a-a412-8939060b8359" alt=""><figcaption><p>The DWG file from Canvas imported into AutoCAD</p></figcaption></figure>


# How to export or print your Canvas with Frames

This article will show you how to use Frames to print, PDF, or export your Canvas presentation, images, mood boards and product lists for use in a variety of presentation programs.

{% embed url="<https://www.youtube.com/watch?v=hSFFMZf9GVk>" %}

You've used Canvas to create visuals like collages and vignettes, lay out your floor plan, and even put together a furniture specification presentation and furniture schedule. But now what? How do you get what you've created in your infinite Canvas mood board into a presentation template that you're using or print it out? Use Frames to export or print anything on your Canvas to PDF, use with Google Slides, MS Powerpoint, Adobe InDesign, Figma and other presentation programs.

{% content-ref url="/pages/xoC0jc2bk5F4Gu4Im1Rl" %}
[How to use Frames](/docs/design/how-to-use-frames)
{% endcontent-ref %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FsBDfKNJ5X5y9zLrLgBSW%2FFrame%20(33).jpeg?alt=media&amp;token=5148eb14-754f-4d6d-aa65-e4f4196fdfe6" alt=""><figcaption><p>Use your Frame textbox to name your frame</p></figcaption></figure>

## Using a Frame to Export:

* Click on your Frame and name your Frame.
* With the Frame selected, click on the **Export Selection icon.**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F0DwqqBGPoHoowIH0gbz0%2FExport%20icon%20-%20Frames.png?alt=media&amp;token=1b079c60-0e37-406f-9d35-70b672c9d653" alt=""><figcaption><p>Open the right-click menu to export Frame</p></figcaption></figure>

* The Export window will pop-up. You'll have the option to select format and the image resolution size (the output image size will change accordingly).
  * **Size:** Relates to resolution. The higher the size selection, the larger the exported file will be.
  * **Format:** You can export anything in a Frame as a PDF, JPEG, PNG (with or without a transparent background), DWG, and DXF file.
* Click **Download.**

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeVYyVzRZpkavFGRRN0LS%2FScreenshot%202024-05-22%20at%203.10.44%E2%80%AFPM.png?alt=media&amp;token=15e76f6e-da6b-499a-8712-6edca36eb3f9" alt="" width="375"><figcaption><p>Export Size options</p></figcaption></figure>

### Exporting multiple Frames together to one file:

Want to create a multi-page PDF? Select any number of Frames - in the order you want them to export in the file - and then follow the same exporting steps listed above. You will then have created a PDF (or any file type) with your Frames as pages in one file.&#x20;

### Exporting a PNG:

When you select PNG as your export format, you can choose for your exported Frame to have a transparent background or not. The default background will be white.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FC8e5KObVf4T91TQr7BXF%2FScreenshot%202024-02-23%20at%2012.35.21%20PM.png?alt=media&amp;token=64575bab-c94e-4568-85ee-3f23684ceb19" alt="" width="294"><figcaption></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2Fg3XFYb2E2WVtAatDNQ5P%2FScreenshot%202024-03-18%20at%2012.04.46%20PM.png?alt=media&amp;token=755ffed3-8fa4-434c-abde-04fe3de3b2e0" alt=""><figcaption><p>Left: Exported frame PNG with transparent background. Right: Exported frame PNG with default white background</p></figcaption></figure>

### Using your exported Frame:

If you export your Frame as a JPEG or PNG, then you can import, embed or attach into any presentation program (such as Google Slides, Microsoft Powerpoint, Adobe InDesign and Photoshop, Figma, etc.) as a typical image file. Export your Frame as a PDF to send as an attachment in emails to clients. It's so easy to create all sorts of marketing and sales materials thanks to the ease of exporting Frames out of Canvas and into your Downloads folder. Happy Designing!

## Printing your exported Frame:

When designing within your Canvas, you can create a Frame and set a ratio to match common paper or presentation formats. Please note, that the set ratio of your Frame is for design & layout purposes only. It doesn't correspond to the page/paper size of your exported frame.&#x20;

When printing, and to ensure your exported Frame fits your preferred page size, please remember to:

* Uncheck **Choose paper source by PDF page size**
* Select either **Fit** / Fit To Printable Area or **Shrink** / Shrink To Printable Area
* NOTE: Your Frame will not print to scale&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FvBq1KD61AUQjbwFSoKtA%2FPrint%20screen.JPG?alt=media&amp;token=1fce32ae-8202-401d-8498-7f51ae8d7845" alt="" width="563"><figcaption></figcaption></figure>

See below for more details on organizing your Canvas using Frames.

{% content-ref url="/spaces/oXL90G447T7Arsje35d9/pages/im5mENHfYZ21Bg06DqWS" %}
[How to organize your Canvas with Frames](/docs/design/how-to-organize-your-canvas-with-frames)
{% endcontent-ref %}


# How to embed a Canvas

This article will teach you how to embed a Canvas in various third-party locations, like Notion, Squarespace, and Webflow, as another way to share your Canvas.

Being able to embed a Canvas outside of Canoa is a powerful way to utilize digital mood-boarding as a sales and marketing tool - or even just as a fun way to show off your latest inspo board with your friends. Just like there are multiple ways [<mark style="color:purple;">**to share your Canvas**</mark>](https://help.canoa.supply/docs/canvas/sharing-your-work/how-to-share-your-canvas)<mark style="color:purple;">**,**</mark> we also make it easy to embed Canvases on third-party apps.&#x20;

Maybe you want to embed your Canvas on your own website in order to show off your latest thought-starter mood board, inspirations, or interior design project. Or maybe you are a Brand wanting to embed a Canvas that showcases your newest product launch with full product specifications on your own website. Embedding is a great way to share information in a visually pleasing way outside of Canoa.

## Two ways to Embed a Canvas:

### While in your Canvas:

* Click on the **`Invite+`** icon in the upper right hand corner.
* At the bottom of the pop-up window, you'll see the **`Copy Embed`** button.&#x20;
  * Clicking this will automatically copy an embed **code** to use in many outside tools, like Notion, Squarespace, and Webflow to name a few.&#x20;

{% hint style="info" %}
***Pro Tip:*** If the `Copy Embed` button is not highlighted, make sure your Canvas in is **Can View** mode. If it is in No Access mode, `Copy Embed` will *not* be accessible.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FGlCfLns2KFCIN2BdVvmi%2FEmbed%20Canvas.png?alt=media&amp;token=64bc78e3-cdc2-41b6-a470-352abb8ca28b" alt=""><figcaption><p>Click the Invite icon. Then click Copy Embed to copy the embed code to use in third-party sites.</p></figcaption></figure>

### Copying the Canvas's URL:

A second way to embed a Canvas into a third-party platform is by copying and pasting the Canvas's URL.&#x20;

{% hint style="info" %}
***Pro Tip:*** take note of the view of your Canvas before copying the link. Position the Canvas exactly how you want the view of the embed to look on your own site. *Then* copy the URL.&#x20;
{% endhint %}

* This exact position is noted in the URL by the **x, y, width, and height axises** underlined below in <mark style="color:red;">**red**</mark>.
* Your Canvas must be in **Preview** mode. If it is in **No Access** mode, embedding will *not* be possible.
  * Click on **Share** to toggle to **Preview** mode.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FppMbvUgTpr5jZN8whwpY%2FCamera_Axis_Embed_Link.png?alt=media&amp;token=a729afa0-6330-4f4e-8cdf-888c86e4528c" alt=""><figcaption><p>Copy this URL once you position your perfect view of your Canvas. Take this URL to your third-party site.</p></figcaption></figure>

Now that you have the embed link or the embed code of your Canvas, let's learn how to **paste** this embed code into some third-party apps in order to share and show your Canvas to wider audiences.

Continue onto the next articles to learn how to embed your Canvas in [<mark style="color:purple;">**Notion**</mark>](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion), [<mark style="color:purple;">**Squarespace**</mark>](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace), and [<mark style="color:purple;">**Webflow**</mark>](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow).

{% content-ref url="/pages/puik0oXiPIjoBUQ0JEsD" %}
[How to embed a Canvas into Notion](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-notion)
{% endcontent-ref %}

{% content-ref url="/pages/FMod863lEJUBheoJ5EDI" %}
[How to embed a Canvas into Squarespace](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-squarespace)
{% endcontent-ref %}

{% content-ref url="/pages/xygZ3oNT0BZTvoSFKqOf" %}
[How to embed a Canvas into Webflow](/docs/share/how-to-embed-a-canvas/how-to-embed-a-canvas-into-webflow)
{% endcontent-ref %}


# How to embed a Canvas into Notion

This article will teach you how to embed a Canvas in Notion to enrich your pages with an interactive and collaborative window of the Canvas.

Now that you have [<mark style="color:purple;">**copied the embed link or the embed code**</mark>](/docs/share/how-to-embed-a-canvas#two-ways-to-embed-a-canvas) of your Canvas, let's learn how to paste this embed code into the third-party app, Notion, in order to share and show your Canvas in a unique way.&#x20;

Embedding enriches your Notion pages with an interactive window of the Canvas. It takes hyperlinking to the next level, and let's you keep all your information in one place.&#x20;

## Insert an embed

* Open a Notion page.
* Click the **+** that appears to the left when you hover over a new line. Choose **Embed** or one of the common embed types listed above. Press **Enter**.
* In the menu that appears, **paste** the content's URL or embed link.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F3dchPeRYgcTYfd6h3ZAL%2FNotion_Canvas_Embed.png?alt=media&amp;token=54d9a382-b342-4ddb-9723-daddc230637f" alt="" width="554"><figcaption><p>Hover over the + and choose Embed. Paste the embed link of the Canvas here.</p></figcaption></figure>

### Resize and arrange embeds in Notion <a href="#resize-and-arrange-embeds" id="resize-and-arrange-embeds"></a>

Most embeds can be resized to suit their content and the format of your page directly within the Notion page.

* Hover your mouse over your embed, then drag the black bars that appear on the sides.
* Use drag-and-drop to move embeds around your page. Hover over the embed in question, then use the `⋮⋮` icon that appears as a handle to drag it up and down the page.

### Go to an embed's source from Notion: <a href="#go-to-an-embeds-source" id="go-to-an-embeds-source"></a>

It's easy to link back to where the embed came from.

* Hover over your embed and click **Original**. Your browser will take you to its source.
* You can also hover over the embed and click `⋮⋮` on the left or `•••` at its top right corner.
* Select **View Original** and your browser will open to the source page.

For more help regarding Notion embedding, read this [<mark style="color:purple;">**article here**</mark>. ](https://www.notion.so/help/embed-and-connect-other-apps)


# How to embed a Canvas into Squarespace

This article will teach you how to embed a Canvas in Squarespace to enrich your website with an interactive and collaborative window of the Canvas.

Now that you have [<mark style="color:purple;">**copied the embed link or the embed code**</mark>](/docs/share/how-to-embed-a-canvas#two-ways-to-embed-a-canvas) of your Canvas, let's learn how to paste this embed code into the third-party website hosting platform, Squarespace, in order to share and show your Canvas in a unique way on your site.

Embedding enriches your website with an interactive window of the Canvas. It takes hyperlinking to the next level, and let's you keep all your information in one place. The **Embed** block in Squarespace gives you the power to add custom blocks of code to your sites.&#x20;

## Add an embed block in Squarespace <a href="#h_01hkx07zg1rpaz2z4cd43gjjpx" id="h_01hkx07zg1rpaz2z4cd43gjjpx"></a>

* Launch Squarespace.
* Edit a page or post, click **Add Block** or an insert point, and click **Embed**.&#x20;
* Open the block editor by clicking the **pencil** icon or **Edit** on the block.
* Paste the **URL** of the Canvas you're embedding.&#x20;
* If the Canvas doesn't appear, click **Code snippet** in the block editor on a computer and paste an embed code manually into the text field.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZRyzdRcjmLGjUxlQiN8T%2FSquarespace_Canvas_Embed.png?alt=media&amp;token=0da99d1e-5046-43d8-a9e4-e757c51fb0d1" alt=""><figcaption><p>Click Edit page and then Add Block to find the Embed function in Squarespace.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FBgfnbMqU5U02qlZMf01R%2FSquarespace_Canvas_Embed_Link.png?alt=media&amp;token=2ae8b439-b81b-41a8-8a13-5f53e4736ce5" alt=""><figcaption><p>Paste the URL of your Canvas after clicking Link. Your Canvas will then appear in view.</p></figcaption></figure>

If the view of your Canvas on Squarespace is not to your liking, you can edit the view of the Canvas window within the **Embed data** button, show below.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FRPviNZbPTEUqm1Quqv7b%2FSquarespace_Canvas_Embed_Link_howto.png?alt=media&amp;token=913b2179-d83d-4f8a-a1cf-8fc7c5d142a9" alt=""><figcaption><p>Paste in the Canvas URL with the x, y, width, and height axises here.</p></figcaption></figure>

As you can see below, the preferred view of this Canvas is now correct because the URL with the x, y, width, and height axises is included within the embed data in Squarespace.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FYi0YzVYK31UmkL99A002%2FSquarespace_Canvas_Embed_final.png?alt=media&amp;token=27949d69-f3fa-4ffc-9754-2d2bf2beb38b" alt=""><figcaption><p>Editing the URL within the Embed data in Squarespace.</p></figcaption></figure>

For more help regarding Squarespace embedding, read this [<mark style="color:purple;">**article here**</mark>.](https://support.squarespace.com/hc/en-us/articles/206543617-Embed-blocks)&#x20;


# How to embed a Canvas into Webflow

This article will teach you how to embed a Canvas in Webflow to enrich your website with an interactive and collaborative window of the Canvas.

Now that you have [<mark style="color:purple;">**copied the embed link or the embed code**</mark>](/docs/share/how-to-embed-a-canvas#two-ways-to-embed-a-canvas) of your Canvas, let's learn how to paste this embed code into the third-party website hosting platform, Webflow, in order to share and show your Canvas in a unique way.&#x20;

Embedding enriches your website with an interactive window of the Canvas. It takes hyperlinking to the next level, and let's you keep all your information in one place. The **Embed** element in Webflow gives you the power to add custom blocks of code to your sites.&#x20;

## How to add an Embed code directly to your Webflow website

* Launch Webflow.
* Open the **Add panel** and add an **Embed** element to the **Webflow canvas.**
* Paste in the embed code you copied from Canoa.
* Save and close the modal.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FaM3zrwPiQiASgq2EHtOJ%2FWebflow_Embed_button.png?alt=media&amp;token=df70d261-a506-4b18-926e-abfd6bd76db7" alt=""><figcaption><p>In Webflow, open the Add panel and click the Embed button here.</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FLSEB71v0xcIVIO6VgPUw%2FWebflow_Canvas_Embed.png?alt=media&amp;token=2bc00e68-8b3d-489e-8a17-cf03abfd771d" alt=""><figcaption><p>Paste the Embed Code you copied from Canoa into this window.</p></figcaption></figure>

For more help regarding Webflow embedding, read this [<mark style="color:purple;">**article here**</mark>](https://university.webflow.com/lesson/custom-code-embed?topics=elements).&#x20;


# How to share products from My Catalog (Gallery)

This article will show you how to share your own catalog of products, data, and design standards with your team of collaborators from My Catalog in Gallery view.

If you are a Canoa user (Admin or Member) in **multiple accounts** you have the ability to **Share** products and their data between the accounts that you are a part of. This is true for any products you have collected from the [<mark style="color:purple;">**Public Catalogs**</mark>](https://help.canoa.supply/docs/share/www.canoa.supply/products) as well as all custom products you've created.&#x20;

Whenever products are shared to other accounts, they will live in **My Catalog (Gallery)** of that receiving account and while some products cannot be edited, they can be removed from My Catalog by the receiving account at anytime.

## Sharing from **My Catalog - Gallery:**

This is a great way for sharing products from the <mark style="color:purple;">**Public Catalogs**</mark> and a small number of custom products.

* Open [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog)<mark style="color:purple;">**.**</mark> And choose the **Gallery** view in the upper navigation bar.
* Select all products you wish to share by checking them of&#x66;**.**
* Click the **Share** button in the upper right corner.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeZPjlnx9sRIgHuJLivZe%2FMy%20Catalog%20-%20gallery%20-%20share.png?alt=media&amp;token=53de090c-6a6d-4c08-9d36-0580b8d126c9" alt=""><figcaption><p>Click on product to share in My Catalog</p></figcaption></figure>

* Select the account you would like to **Share** your products with in the dropdown menu of accounts.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FmmmOz7NiS6hyw7RVnwv6%2FScreenshot%202024-09-20%20at%2012.31.16%E2%80%AFPM.png?alt=media&amp;token=39eb7ced-a110-4aaf-897f-28004ed300c0" alt=""><figcaption><p>Only accounts you are a member of will appear in the dropdown.  </p></figcaption></figure>

* After you have hit Share, **switch accounts** to confirm the products that you have shared appear in [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog) of the second account.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F0OmLjHJJNbvrgg9jgXHZ%2FAccount%20swticher%20-%20new%20ui.png?alt=media&amp;token=9dcf189b-45a2-4df1-a1b8-52bb84026b78" alt="" width="375"><figcaption><p>Toggle between accounts via the upper right dropdown</p></figcaption></figure>

You can also share custom products from the **table** view of My Catalog. For more about this process, visit the article linked below:

{% content-ref url="/pages/bW2JYqNKGMkjELNSDhm7" %}
[How to share custom products from My Catalog (Table)](/docs/share/how-to-share-custom-products-from-my-catalog-table)
{% endcontent-ref %}

{% hint style="info" %}
**NOTE:** Users that are *not* apart of the account where the custom (private) product is initially created will *not* be able to edit the product data in the shared account. They will have view-only access to this shared product data. They *will* be able to remove the shared product from their **My Catalog** at anytime.
{% endhint %}


# How to share custom products from My Catalog (Table)

This article will show you how to share your private catalog of custom products, data, and design standards with your team of collaborators from My Catalog within the Table view.

If you are a Canoa user (Admin or Member) in **multiple accounts** you have the ability to **Share** custom products and their data between the accounts that you are a part of. This article will walk you through how to share product data from your account to other accounts you are a member of.

Whenever products are shared to other accounts, they will live in **My Catalog (Gallery)** of that receiving account and while some products cannot be edited, they can be removed from My Catalog by the receiving account at anytime.

## Share data from **My Catalog - Table**:

This is great for sharing custom products in large quantities.

* Open [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog-pro)<mark style="color:purple;">**.**</mark> And choose the **Table** view in the upper navigation bar.
* Select all products you wish to **Share** by clicking the box next to the products' image.
* Click the **Share** button in the upper right corner. If you do not see the Share button, click the dropdown menu to select Share.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FZcWRXpmt4OcSEheBVYOz%2FTable%20view%20-%20share.png?alt=media&amp;token=102127c3-1c99-46dd-b504-87f28df673ac" alt=""><figcaption><p>Catalog Pro view with selected products </p></figcaption></figure>

* Select the **account** you would like to **Share** your products with. Only accounts you are a member of will appear in the dropdown. &#x20;
* **Switch** accounts to confirm products are appearing correctly in [<mark style="color:purple;">**My Catalog**</mark>](https://www.canoa.supply/catalog)<mark style="color:purple;">**.**</mark>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FtQDzxZV9pEGfXB9k1Xme%2FScreenshot%202024-09-20%20at%2012.39.37%E2%80%AFPM.png?alt=media&amp;token=29fcc5d9-0a4e-4a00-bd56-1341645f0e7c" alt=""><figcaption><p>Only accounts you are a member of will appear in this account dropdown selection.</p></figcaption></figure>

{% hint style="info" %}
**NOTE:** Users that are *not* apart of the account where the custom product is initially created will *not* be able to edit the product data in the shared account. They will have view-only access to this shared product data. They will be able to delete (remove) the shared product from their **My Catalog**.
{% endhint %}

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2F0OmLjHJJNbvrgg9jgXHZ%2FAccount%20swticher%20-%20new%20ui.png?alt=media&amp;token=9dcf189b-45a2-4df1-a1b8-52bb84026b78" alt="" width="375"><figcaption><p><strong>Switch</strong> accounts to confirm products are appearing correctly in My Catalog.</p></figcaption></figure>

You can also share products from **My Catalog**. Read the following article to learn about that process:

{% content-ref url="/pages/X1eljzEmKO3C5hhORqNk" %}
[How to share products from My Catalog (Gallery)](/docs/share/how-to-share-products-from-my-catalog-gallery)
{% endcontent-ref %}


# How to export your product data from My Catalog

This article will teach you how to export product data from My Catalog into a CSV file so you manipulate that data in your preferred spreadsheet program.

With the **My Catalog** feature, you will be able to import, edit, and export your products to a raw data CSV file whenever you need to take this data somewhere else. Exporting products to a CSV file is helpful when needing to make bulk edits quickly for fresh specifications or when it's time to create a budget for a client or project.

## Let's export your existing products out of **My Catalog** and into a CSV file.

1. Open up My Catalog and choose the **Table** view.
2. Make sure you are working in your own **View** - in case someone else from your team is working in Catalog Pro at the same time.
3. **Select** all of the products you would like to export by checking the box to the right of the product name. You can use the **Filter tool** to narrow down the search or click on the **top checkbox** to **select all.**&#x20;
4. Click on the **three dots** on the right and then select **Export**. You will then see a window pop up at the bottom of your screen to let you know that it's working on downloading the **CSV** file to your computer. (It may take a few seconds).
5. The **CSV** file usually downloads directly to your computer's download folder. If not, disable pop-up blockers from this site.
6. Open your **CSV** file in your preferred spreadsheet program, like **Excel, GoogleSheets, or Airtable**, to edit and manipulate however you'd like.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FOS9H0YsbcOSR5AGxYFJ5%2FTable%20view%20-%20export.png?alt=media&amp;token=75ad7d73-d1e2-4c64-9896-609bfe5de20e" alt=""><figcaption><p>Filter tool located on the left side. Export feature is located within the three dots on the right side.</p></figcaption></figure>

{% hint style="info" %}
Only custom product data is included here in My Catalog - Table view. All products from Canoa's Public Catalogs only live on your Canvases and My Catalog - Gallery view - and are only editable by the owner of that product data (usually the brand or manufacturer).
{% endhint %}


# How to export a SIF file from My Catalog/Table View

Easily export your custom product data to a SIF file to use with software for contract office furniture specification and procurement.

Exporting a SIF file from [<mark style="color:purple;">**My Catalog/Table View**</mark> ](https://www.canoa.supply/catalog-pro)enables seamless integration with your other tools, allowing you to manage products without manufacturer or catalog codes directly within the same program used to create final specifications and quotes.

Go [here](https://help.canoa.supply/docs/share/how-to-download-a-product-list/how-to-export-a-sif-file-from-canvas) to learn how to export a SIF file from the Canvas.

{% embed url="<https://youtu.be/mMR-InhjJwc>" %}

### How to export a SIF fil&#x65;**:**

1. When in [<mark style="color:purple;">**My Catalog/Table View**</mark>](https://www.canoa.supply/catalog-pro) select the products you wish to `Export`. &#x20;
2. Click the export menu (three dots in the upper right side) and click `Export to SIF`
3. The SIF file will download to your computer and the SIF file will be sent to your email.
4. Open the SIF file in your preferred program that accepts this file type.&#x20;

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FlKse2y8IUou60P9N5Soq%2FScreen%20Shot%202024-11-25%20at%203.13.26%20PM.png?alt=media&amp;token=70d498b9-13c8-42c2-8b0c-d1c8aefdae6e" alt=""><figcaption><p>Click on the export menu (three dots) and Export to SIF</p></figcaption></figure>

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FnPrzMfnwtlkM7cEsbeld%2FScreen%20Shot%202024-11-25%20at%203.13.46%20PM.png?alt=media&amp;token=f4cc0c9a-e611-41b8-aa84-010f76c51076" alt=""><figcaption><p>Canoa field product fields will be mapped to SIF fields when exported</p></figcaption></figure>

## **What is the SIF file format?**

The Simple Interchange Format (SIF) is a text-based file format used for data interchange between systems. It typically consists of key-value pairs, where each key represents a specific attribute of a product or configuration, and the value is the corresponding data. The keys and values are separated by an equal sign (`=`), and each pair is usually placed on a new line. Entries (which represent individual records, such as products) are separated by a blank line.

{% hint style="info" %}
SIF files are compatible with many furniture specification programs such as, CET, Spec, Worksheet and Hedberg.
{% endhint %}

### Schema Definition

The common schema consists of several key-value pairs, where each key represents a specific attribute of a product or configuration. The keys are derived from analyzing the provided data files and identifying common elements.

### **File Structure**

* Each product or configuration entry is separated by a blank line.
* Each attribute within an entry is represented as `key=value`.
* If an attribute value is empty, the format is `key=`.

This specification ensures a standardized format for all SIF files generated using the common schema, facilitating seamless data integration and interchange across various systems.

### Can SIF Files Contain Links to Other Files?

Yes, SIF files can contain links to other files. However, this depends on the specific implementation and the system using the SIF file. In a general context, SIF files are designed to store structured data in key-value pairs, and you can include URLs or file paths as values associated with specific keys.

#### How to Include Links in SIF Files

To include links to other files in a SIF file, you can add key-value pairs where the value is the URL or file path to the other file. Here’s how you can do it:

1. **Identify the Key**: Determine the appropriate key in your schema to store the link. This could be a new key or an existing one like `Product URL`, `Image URL`, or similar.
2. **Add the Link as a Value**: Ensure the value associated with the key is the URL or file path to the other file.

#### Example SIF Entry with Links

Here’s an example of a SIF entry that includes links to other files:

```makefile
makefileCopy codePN=12345
PD=Example Product
MC=Example Manufacturer
P1=100.00
P2=90.00
P4=10.00
P5=5.00
VO=0.5
WT=1.0
G0=Example Vendor
GC=Example Category
NT=10
ProductURL=https://example.com/product/12345
ImageURL=https://example.com/images/product_12345.jpg
```

{% content-ref url="/pages/hqomPeN7dsdBpcgHH1fw" %}
[How to download a Product List](/docs/share/how-to-download-a-product-list)
{% endcontent-ref %}


# For Brands

#### **Introduction: Why Publish on Canoa**

Canoa gives brands a direct path to reach designers at the moment of product selection—inside the tools and workflows where real decisions are made. By publishing your catalog on Canoa, you increase visibility, drive high-intent traffic, and make your products easier to specify, save, and share.

**Key Benefits of Publishing on Canoa**

* **Free access for brands** – Publish up to **100,000 SKUs** at no cost
* **Product backlinks** – Send designers directly to your site (you control the URLs)
* **Increased discoverability** – Appear in AI-powered search and recommendations
* **Organized product data** – Group by collection, category, or application
* **Up-to-date visibility** – Keep data current via CSV or API sync
* **Integrated into real workflows** – Your products show up in canvases, shared catalogs, and project links used by designers daily

**Who should use this guide**

* Brand managers looking to onboard product data quickly
* Marketing teams aiming to improve attribution and referral tracking
* Ops or digital teams responsible for maintaining catalogs
* Any manufacturer or rep looking to be discoverable by designers

If you want to skip ahead, you can apply below, otherwise move on to the next page.


# Before you start publishing

This article will walk you through becoming a published Brand on Canoa.

#### **Before You Start Publishing**

Before uploading any product data, there are a few quick steps to ensure your brand is set up correctly and approved for publishing. This helps maintain quality and consistency across the Canoa platform and ensures your products are discoverable and ready for designers to use.

***

**✅ Step 1: Get Approved as a Publisher**

To protect data quality across the platform, all brands must be approved before publishing. This is a one-time review process to ensure your product information meets the minimum completeness standards.

**What’s required for approval:**

* You must have full, unencumbered rights to any content you upload (images, CAD files, etc.)
* You must agree to Canoa’s terms and conditions
* You must provide accurate company information when applying

**How to apply:**

* [Fill out the Publisher Application Form](/docs/for-brands/before-you-start-publishing/application-to-publish-a-brand-catalog)
* Canoa’s team will review your submission (typically within 2 business days)
* Once approved, your account will be upgraded and you’ll gain access to publishing tools

> 📌 Until your application is approved, you can build your catalog in draft mode but will not be able to publish it live.

***

**✅ Step 2: Set Up Your Account**

Once approved, you’ll need to create your brand account on Canoa:

1. Visit [canoa.supply/signup](https://canoa.supply/signup)
2. Enter your brand or parent company name for easy recognition
3. Choose your preferred contact email and create a password
4. Log in and confirm your email to activate the account

> 🔹 If you manage multiple brands, consider using your parent company name or agency account to organize product lines under one login.

***

**✅ Step 3: Define What You Plan to Publish**

Before uploading any files, take a moment to plan what data you'll share.

* Do you want to publish your **entire catalog**, a specific product line, or selected SKUs tied to a campaign?
* Will you **exclude pricing**, certain variants, or B2B-only items?
* Do you need to **segment** product types or regional catalogs?

You can always adjust visibility settings later, but having a clear structure up front will make uploading and organizing much easier.


# Application to Publish a Brand Catalog

{% embed url="<https://airtable.com/appnFvztOlkJPVOJw/shr8f8VmEMPnsV2gP>" %}


# Identify What Data You Want to Share

This article will walk you through becoming a published Brand on Canoa.

#### **Identify What Data You Want to Share**

Before you upload anything, it's important to define *what* you’re publishing—and *how much*. This section will help you scope your catalog, audit your data sources, and ensure you're assembling the right product information for upload.

***

**🧩 Step 1: Choose What to Publish**

You have full control over what appears in your public Canoa catalog. Brands typically take one of three approaches:

* **Full catalog** – Ideal if your product line is already organized and published elsewhere (e.g., Shopify, Akeneo)
* **Select families or categories** – Useful for brands with multiple divisions or complex product hierarchies
* **Campaign-specific collections** – Great for new product launches or regional rollouts

> ✅ You can publish in phases and add more products over time. There’s no penalty for starting small.

***

**🧾 Step 2: Audit Your Existing Data Sources**

You likely already have usable product data scattered across various internal tools. Take inventory of what’s available:

| Data Type           | Common Source                   |
| ------------------- | ------------------------------- |
| SKUs & Descriptions | ERP, Shopify, PIM system        |
| Images              | DAM platform, shared drives     |
| CAD Files (2D only) | Internal design team, Revit     |
| Pricing & Variants  | Price lists, spreadsheets       |
| PDF Cut Sheets      | Marketing teams, print catalogs |
| Website Links       | Existing PDPs, rep portals      |

Make a folder (or shared drive) that gathers these assets. Having everything organized will speed up the upload process.

***

**📦 Step 3: Include the Right Asset Types**

Canoa supports a broad range of data types. While you don’t need every field to publish, more complete data leads to better discoverability and AI-driven recommendations.

**Recommended fields:**

* Product name, SKU, and short description
* Thumbnail image (JPG/PNG)
* Product URL (for backlinks)
* Category or collection
* Optional: price, dimensions, materials, finishes

**Supported file attachments:**

* PDFs (cut sheets, brochures)
* DWG or SIF files (CAD symbols for design integration)
* Additional images (detail views, install shots)

> 🔄 We recommend including downloadable files if you want designers to specify your products directly from their workflow.


# Format your data for upload

This article will outline the necessary steps to ensure successful onboarding of your brand’s data. You will learn how easy it is to upload product details, images, 2D vector drawings and attachments.

#### **Format Your Data for Upload**

Once you’ve decided what to publish and gathered your data, the next step is formatting it for upload. Canoa uses CSV files to organize product information in bulk. This section will help you structure your spreadsheet for success—whether you’re uploading 10 SKUs or 100,000.

***

**📄 What is a CSV file?**

A CSV (Comma Separated Values) file is a universal spreadsheet format used to import structured data. It works with Excel, Google Sheets, Airtable, and most database tools.

You’ll upload your catalog as a single `.csv` file through your Canoa Brand Dashboard.

> 📁 Need a starting point? Download our \[CSV template] for a pre-formatted version with example rows.

***

**🧱 Required Fields**

To publish a product, each row in your CSV must include these core fields:

| Column Header     | Description                       | Example                                        |
| ----------------- | --------------------------------- | ---------------------------------------------- |
| `product_name`    | Display name of the product       | “Lounge Chair 001”                             |
| `sku`             | Unique identifier                 | “LG-CHAIR-001”                                 |
| `thumbnail_image` | Direct image link (JPG or PNG)    | `https://yourcdn.com/images/lg001.png`         |
| `description`     | Short summary (1–3 sentences max) | “A modern lounge chair with a walnut base.”    |
| `category`        | General category or type          | “Seating”                                      |
| `product_url`     | Destination URL for backlinks     | `https://yourbrand.com/lg001?utm_source=canoa` |
| `brand_name`      | Your brand or manufacturer name   | “Modern Form”                                  |

> ✅ Be sure all links are live and publicly accessible—no login walls or expired file paths.

***

**🧩 Optional (Recommended) Fields**

While not required, these help improve product discoverability, search relevance, and downstream specification:

* `price` (MSRP or base pricing)
* `dimensions` (e.g., W x D x H in inches or mm)
* `materials` (e.g., powder-coated steel, recycled PET)
* `finish_options` or `variants`
* `tags` (keywords for filtering, e.g. “outdoor”, “stackable”)
* `collection` (e.g., “Spring 2024”)
* `downloads` (direct links to PDFs, DWGs, or SIF files)

***

**🔧 Formatting Guidelines**

* Save the file as `.csv`, UTF-8 encoded
* Use consistent headers—no merged cells or blank rows
* Avoid extra formatting (bold text, cell shading, etc.)
* Keep columns in a consistent left-to-right order

> 🔎 Tip: Use Google Sheets or Airtable if you’re having trouble with Excel formatting or file encoding.

***

**🧪 Test Before Uploading**

Before uploading your full catalog, we recommend testing with a sample file (10–20 rows). This helps surface any formatting errors before doing a bulk push.


# Setting up product backlinks

#### **Setting Up Product Backlinks**

Product backlinks let you direct designers from your Canoa catalog straight to your website—whether that’s a product detail page, rep form, or a curated landing page. This gives you full control over the next step in the customer journey and allows you to track designer engagement using your own analytics tools.

***

**🔗 What is a backlink?**

A **backlink** is a hyperlink embedded in your Canoa product listing that leads to a URL you control. It’s typically a product page on your website, but you can also link to:

* Contact forms
* Custom spec request pages
* Digital cut sheets
* Campaign or landing pages

> 📌 These links only appear in **public** product listings. Private catalogs do not support external backlinks.

***

**🎯 Why backlinks matter**

1. **They drive high-intent traffic.**\
   Designers are discovering your products mid-specification. That means clicks from Canoa are often moments away from purchase decisions or deeper inquiries.
2. **You control the destination.**\
   Unlike marketplaces that trap users inside their own UI, Canoa sends them to your website. You decide what they see next.
3. **You can track performance.**\
   Add UTM parameters to your links to track Canoa as a distinct source inside tools like Google Analytics, Amplitude, or HubSpot.

***

**🛠 How to add backlinks**

There are two ways to assign backlinks to your products:

**✅ Option 1: Manual CSV Upload**

1. Open your product spreadsheet.
2. Add a column called `product_url`.
3. For each row, enter the destination URL.
   * Example:\
     `https://yourbrand.com/lounge-chair-001?utm_source=canoa&utm_medium=referral`
4. Save and upload the file through the Brand Dashboard.

**✅ Option 2: API Sync**

If you manage your catalog via API, include a `product_url` field in your schema. Reach out to your dev team or Canoa support for field mapping guidance.

***

**📏 Best practices**

* Use **clean, campaign-ready URLs** with UTM tags like:\
  `?utm_source=canoa&utm_medium=referral&utm_campaign=spring_launch`
* Link to **pages optimized for designers** (e.g., with downloadable assets, lead times, rep contact info)
* Avoid general homepage links—they dilute tracking and confuse the user
* **Test** your URLs before publishing to ensure they resolve correctly

***

**❓ FAQs**

**Do backlinks apply to private catalogs?**\
No. Only public product listings can include backlinks.

**Can I change a link after publishing?**\
Yes. Simply re-upload your CSV with an updated URL, or update it via API.

**Does Canoa track clicks for me?**\
Not currently. You own the link and can track visits using your existing analytics setup.


# Upload product data in bulk

#### **Upload Product Data in Bulk**

Canoa supports bulk catalog uploads using CSV files, allowing you to publish up to **100,000 product records** in a single file. This method is ideal for brands managing their data in spreadsheets or exporting from a PIM, e-commerce platform, or ERP system.

Whether you're launching your entire catalog or just testing a handful of SKUs, this guide walks you through the process.

***

**🧰 What You’ll Need Before Uploading**

* A CSV file containing all required product fields
* UTF-8 encoding and `.csv` file format
* Live links for images, PDFs, and backlinks
* A brand admin account on [canoa.supply/brands](https://www.canoa.supply/brands)

> 🧪 First time uploading? Start with 5–10 rows to confirm formatting before uploading your full file.

***

**📥 Step-by-Step: Uploading Your CSV**

1. **Log into your Brand Dashboard**\
   → [canoa.supply/brands](https://www.canoa.supply/brands)
2. **Go to the “Catalog” tab**
3. **Click “Upload CSV”**
   * Select your `.csv` file
   * Canoa will automatically detect your column headers
4. **Review the field mapping**
   * Confirm that each column (e.g., `product_name`, `sku`, `product_url`) maps to the correct field
   * You can adjust mappings manually if needed
5. **Click “Submit”**
   * Your catalog will begin processing
   * You’ll be notified once it’s complete or if errors are detected

> ⏳ Uploads may take up to 24 hours to fully process and propagate across the platform. You can continue working while they process.

***

**✅ Best Practices for Clean Uploads**

* **Use direct image URLs** — e.g., `https://cdn.yourbrand.com/images/chair.png`
* **Avoid formatting artifacts** — No merged cells, blank headers, or trailing spaces
* **Include tracking in your backlinks** — Use UTM tags like `utm_source=canoa`
* **Keep SKUs unique** — Duplicate SKUs will cause overwrite or conflict
* **Ensure file is UTF-8 encoded** — Especially if working in Excel, which may default to other formats

***

**🚧 Troubleshooting Common Issues**

| Issue                | Likely Cause                                | Solution                               |
| -------------------- | ------------------------------------------- | -------------------------------------- |
| Upload fails         | Missing required columns or encoding issues | Check field headers and CSV format     |
| Images don’t display | Invalid or restricted image URL             | Use public, direct JPG/PNG links       |
| Duplicate entries    | Matching SKUs used across multiple rows     | Deduplicate or combine variant options |
| Data not updating    | Upload didn’t overwrite previous values     | Make sure SKU matches and resubmit CSV |

***

**🧠 Pro Tip: Split Large Catalogs**

If you’re managing more than 100,000 SKUs or want to break uploads by category or geography, simply split your catalog into multiple CSV files and upload them sequentially.


# Publishing your product data

Once your product data has been uploaded in bulk, you can choose which items to make publicly visible in the Canoa catalog.

<figure><img src="https://2113117739-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoXL90G447T7Arsje35d9%2Fuploads%2FeJh2Au6V51ZPhtPGIn0x%2Fimage.png?alt=media&amp;token=fa1b326c-5af5-4399-b4f3-b5a395f441bb" alt=""><figcaption><p>The 'Publish' field must be checked for a product to be published</p></figcaption></figure>

#### How to Publish a Product

1. Navigate to your product list.
2. In the **Publish** column, check the box next to any product you want to make public.
3. Once your selection is complete, click the **Publish** button.

The selected products will now be visible in the public catalog.

#### How to Unpublish a Product

To remove a product from the public catalog:

1. Select the product(s) you'd like to unpublish.
2. Click the **Unpublish** button.

The product(s) will remain in your private database but will no longer be visible to catalog users.

> 🛠️ Note: Only brand accounts have access to the publishing feature.


# Maintaining your data over time

#### **Maintaining Your Data Over Time**

Publishing your catalog is just the start. Keeping your data current ensures that designers always see accurate specs, up-to-date images, and valid product links—especially important for evolving product lines or seasonal changes.

This section covers how to efficiently maintain your catalog, track product engagement, and update only what’s needed—without rewriting your entire dataset.

***

**🔄 How to Keep Your Catalog Up to Date**

Canoa supports two maintenance workflows:

**✅ Option 1: Manual CSV Re-Upload**

Ideal for occasional updates or smaller teams.

* Update your existing CSV and re-upload via the Brand Dashboard
* Any row with a matching SKU will be **overwritten** with new data
* SKUs not included in the upload will remain unchanged
* You can remove products by unpublishing or omitting them from future uploads

> ⚠️ Avoid creating duplicates: always use matching SKUs for updates.

**🔁 Pro Tip: Use the Exported CSV for Delta Updates**

After your initial upload, download your catalog from the Dashboard. This exported CSV will include a **Canoa Product ID** column—a unique internal identifier.

By using this file as your source of truth:

* You gain access to precise, record-level updates
* You can **edit only the rows you want to update**, rather than re-uploading your full catalog
* You reduce the risk of overwriting or duplicating content

> 📁 Exported CSVs are the safest way to maintain long-term data integrity on Canoa.

***

**✅ Option 2: Live API Sync (Advanced)**

For large or frequently changing catalogs, consider syncing directly with your database.

* Use the Canoa API to automate updates in real time
* Perfect for dynamic pricing, variant toggles, or inventory visibility
* Contact <support@canoa.supply> to get started

***

**📤 Exporting Your Current Catalog**

To retrieve your existing products and their Canoa-assigned IDs:

1. Visit your **Brand Dashboard**
2. Open the **Catalog** tab
3. Click the **three-dot menu** (top right)
4. Select **Export as CSV**

This file can now act as your master copy for ongoing edits and reuploads.

***

**📊 Monitor Performance Using Your Tools**

If you've configured backlinks, you can track how designers engage with your listings using your preferred analytics tools.

Measure:

* Click-through rates
* Page engagement metrics
* File download rates (e.g., spec sheets, DWGs)
* Goal conversions (e.g., contact forms)

Use that feedback to:

* Refine copy and tags
* Optimize destination links
* Phase out or repromote products

***

**🧹 Maintenance Best Practices**

* Audit and re-upload product data quarterly or seasonally
* Keep images and downloadable assets live and accessible
* Validate that all external links still resolve
* Unpublish discontinued or outdated SKUs as needed
* Use consistent field formatting to prevent sync errors


# Choose a Plan

Wondering what account is right for you? This article will explain our different account tiers and help you decide which tier is right for you or your company.

{% embed url="<https://www.canoa.supply/pricing>" %}
Click here to view our current plans!
{% endembed %}

## Who can use Canoa?

At Canoa, we believe that good design should be accessible to anyone; and to make that possible, we are building the tools that make interior design accessible to everyone. So whether you're...an architect, designer or decorator; work in commercial, hospitality, residential or construction; handle specifications or procurement; represent brands; manufacture furniture; design your own personal spaces; or just learning or exploring...

Canoa may have something to help you create and collaborate.

## Account Tiers:

We offer several different account options depending on your design needs. As you upgrade beyond our Starter account on the **Team** page, you'll unlock additional platform features.&#x20;

Designers

* <mark style="color:purple;">**Studio**</mark> - For teams that are ready for unlimited use
* [<mark style="color:purple;">**Enterprise**</mark>](/docs/choose-a-plan/enterprise) - For larger teams with custom needs

Publishers

* [**Brand**](/docs/for-brands/before-you-start-publishing) - For brands that want to publish their data to the open catalogs

Continue to the next articles to learn more details about the four account types on Canoa.

## Sign Up:

{% content-ref url="/pages/WL5gELwl8skUAZN8pewV" %}
[How to create an account](/docs/support/managing-your-account/how-to-create-an-account)
{% endcontent-ref %}

## Are you a Brand interested in joining Canoa?&#x20;

There are many ways how furniture brands and manufacturers utilize the power of Canoa every day. You can publish your brand catalog in full, getting your products directly into the designers' workflow, or upload your products and keep them private for internal use only. Either way, you'll equip designers (internal or external) with real time pricing, lead times, and 2D drawings to space plan and specify with while enabling your sales team to use Canvas to create inspiring marketing presentations. [<mark style="color:purple;">**Read how our platform can work for you here.**</mark>](https://www.canoa.supply/manufacturers)

{% content-ref url="/pages/3nGSmTnQfydmOONrhflQ" %}
[Before you start publishing](/docs/for-brands/before-you-start-publishing)
{% endcontent-ref %}


# Enterprise

This article will explain the features and benefits of a Custom account on Canoa.

The Custom account tier is made for medium to large studios and large furniture manufacturers with many users needing custom support. Good design is never a one-size-fits-all approach. Our Custom tier recognizes that you may need a customized application for your team. We can work with you to set up a system that is tailored for how you work.

## Features:

Custom accounts are tailored for the experience you want and need on Canoa. You will receive all the features as an Unlimited account plus the following additions:

* Bulk data onboarding support from PDF, DWG, XLS, and other data sources
* Workflow-specific training and learning content for your team and network of users in the form of webinars, 1:1 onboarding, and on demand support
* Dedicated account support and enterprise level SLAs
* Inventory Management services
* API access with custom integrations and API support

## Perfect for:

* A large design firm who needs more than one account to manage multiple teams and projects
* Furniture manufacturers with dealer networks who need a fast specification tool&#x20;
* Brands with sales representative teams who need support in marketing and presentation tools
* Sales Reps who manage multiple brands and want to upload multiple product catalogs
* Manufacturers with a catalog of thousands to millions of products
* Dealerships who need custom training for their workflow and tech stacks

## Billing:

* Custom pricing
* Annual agreement

[<mark style="color:purple;">**Contact our Sales team to start a Custom account!**</mark>](mailto:sales@canoa.supply)




---

[Next Page](https://help.canoa.supply/docs/llms-full.txt/1)

