Canto App Documentation
Prerequisites
To utilize the Canto integration, ensure you have the following:
Contentstack Account: An active Contentstack account which is required to integrate with Canto.- Canto Account with Media Delivery Cloud: A Canto account together with the Media Delivery Cloud (MDC). The MDC allows for transformation and delivery of assets to your digital platforms.
Step 1. Install the Canto App
Search for ‘Canto’ in the Contentstack Marketplace and install the Canto App in any stack that you would like to associate with an organization in Canto.
Step 2. Configure the Canto App
After installing Canto in a stack you will need to configure authentication data from Canto.
In Canto you find the authentication data in Settings → Configuration Options → API → API Keys or by following the Canto tutorial on API key generation.
)
Within Contentstack you have to configure the Canto App accordingly for every stack:
)
Don't forget to hit save!
Step 3. Add a custom field for the Canto App
Edit an existing content type or create a new content type in the stack where the Canto App is installed.
Add a field and select Custom from the new field options.
)
In the resulting pop up window choose ‘Select Extension/App’.
)
Select ‘Canto’ from the following pop up window and select ‘Proceed’.
Step 4. Create or edit an entry including a Canto App custom field
Entries that have the Canto custom field will look similar to the following.
)
On the left side you can see a tree view of the folders and albums loaded from your Canto instance.
Once you select any of the albums you will get an overview with all associated assets in this album.
)
Instead of clicking through folders and albums you can also use the search bar, which uses the Canto search functionality. The search results cover all albums in Canto:
)
Select on one of the assets and click save to persist your selection.
Serving assets in frontend applications
The Canto App for Contentstack provides seamless access to assets stored in Canto, ensuring they can be effectively used within frontend applications. Instead of retrieving assets directly from Canto, the integration is designed to serve them via the Canto Media Delivery Cloud (MDC), which optimizes asset delivery for performance and scalability.
When assets are added to Contentstack via the Canto App, the stored data includes all necessary metadata, ensuring frontend apps can access the correct asset versions without requiring direct Canto API calls.
This approach decouples frontend applications from direct dependencies on Canto while ensuring efficient, scalable, and optimized asset delivery. Developers can integrate asset links from Contentstack into frontend applications, benefiting from the Media Delivery Cloud’s capabilities without additional API requests to Canto.