Use a custom landing page
Canva provides a product catalog to help partners get an integration up and running as quickly as possible. However, not all partners want to use the pre-made catalog. Some prefer to use a custom landing page that better integrates with their existing user experience.
This guide explains how to open the Canva editor via a custom landing page, which eliminates the integration's dependency on the product catalog.
Custom landing pages don't support templates. You can open the Canva editor with a selected product, but not with a template.

Step 1: Provide Canva with the ID of each product

When you use the product catalog, the showCatalog method provides all of the required data for creating new designs.
When you don't use the product catalog, you need to provide Canva with the ID (such as a SKU) of each product that you'd like to make available to users. For example, a poster product may have the ID "Poster11x17in".
You can't define these IDs via the Partnership SDK. You need to request Canva to set them up in the backend.
To raise a request:
    1.
    Navigate to the Canva Helpdesk.
    2.
    Select Integration support.
    3.
    In the Description field, provide the ID of each product.
If you inspect the SDK's opts objects, you might find theproductId or productSizeOptionId properties. These are internal, volatile properties that are different from the partnerProductId.

Step 2: Call the createDesign method

When the product IDs are defined in Canva's backend, call the createDesign method and pass the product ID via the partnerProductId property.
1
(async () => {
2
const api = await Canva.Partnership.initialize({
3
apiKey: "<partner_api_key>",
4
autoAuthToken: "<auto_auth_token>"
5
});
6
7
api.createDesign({
8
partnerProductId: "Poster11x17in",
9
maxPages: 2,
10
title: "Untitled Design - Poster",
11
designSource: "direct",
12
onBackClick,
13
onArtworkCreate
14
});
15
})();
Copied!
This code doesn't depend on the showCatalog function, which means the product catalog is optional.
Last modified 1mo ago