Product Catalog
The product catalog is a ready-made landing page that partners can embed in their website.
If you want more control over the user experience, create a custom landing page. If you want to have multiple product catalogs, see Set up multiple product catalogs.
Features
The product catalog lets users:
- Create a design based on a product configuration or a template.
- Open their existing designs.
- Search for products and templates.
By using the product catalog, you can get a Print Partnership integration up and running as quickly as possible.
Live demo
For a live demo of the product catalog, check out the following page:
https://sdk.canva.com/partnership-internal-demo.html(opens in a new tab or window)
To learn how to set up a product catalog from scratch, follow the step-by-step tutorial.
Interface tour
Search
Help users find the product they're looking for.
The search bar is enabled by default. To disable the search bar, raise a support request and ask Canva to disable it.
If your integration has multiple product catalogs, only one of those product catalogs can have a search bar. The search bar searches all products and templates even if a product catalog shows only a subset of products and templates.
To raise a request:
- Navigate to the Canva Helpdesk(opens in a new tab or window).
- Select Homepage Update Request.
- In the Description field, ask Canva to disable the search bar.
Products
Let users create a design based on a product, such as a T-shirt, poster, or business card. This determines the initial dimensions of the design.
Designs
Once a user creates at least one design, their designs appear in the catalog, in a carousel. This lets the user easily open their previously created designs.
To display the "My Designs" carousel, register the onDesignSelect
callback via the showCatalog
method.
Templates
As the user scrolls down the page, they see carousels of templates. These templates give users a starting point for their designs. Each template is associated with a specific type of product.
Pricing
Display pricing information alongside products and templates.
Pricing information is disabled by default. To enable pricing information, raise a support request with Canva and ask to enable it.
To raise a request:
- Navigate to the Canva Helpdesk(opens in a new tab or window).
- Select Homepage Update Request.
- In the Description field, ask Canva to enable the pricing information.
Limitations
- You can't control the ranking of templates. Canva automatically ranks the templates based on relevance and popularity.