> For the complete documentation index, see [llms.txt](https://docs.xibosignage.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.xibosignage.com/cms-configuration-and-integration/canva-integration.md).
# Canva Integration
Designs created in Canva can be published directly into a Xibo Layout without having to leave the Canva dashboard
The **Xibo Canva App** allows exporting designs directly into the CMS Library or into a Layout, with additional features available.
* Install the **Xibo App** from the Canva's Apps marketplace.
* Once installed, click on the app from the left hand navigation menu to open the Xibo App panel.
You will be asked to 'Connect' the first time you publish to Xibo or if you haven't published to Xibo in a while.
### Connecting Canva to the Xibo CMS
* Click **Connect**, to open the Xibo popup.
The URL should be "canva.xibosignage.com" with the padlock icon present, to denote a secure connection.
* Enter your full **CMS URL**, including https\://
* Click **Connect** and follow the connection steps for your CMS below.
Cloud Hosted CMS
* Clicking **Connect** will take you directly to your CMS and ask you to **login**.
* Click **Approve** to grant Canva full access.
Self Hosted CMS
You will be prompted to enter a **Client ID** and **Client Secret** into the Connect to Xibo popup. To get these credentials:
* Login to your CMS as a **Super Administrator User** and navigate to the **Applications** page to access the **Canva Connector**.
* Tick **Authorisation Code**.
* Tick **Is Confidential**.
* Enter in the **New Redirect URI** field.
* From the **Sharing** tab, tick Access to Library, Layouts, Playlists, Widgets and Resolutions for Scopes.
* Make a note of the **Client ID** and **Client Secret**.
* Click to **Save**.
* Enter the Client ID and Client Secret into the **Connect to Xibo** popup.
* Click **Register**.
{% hint style="success" %}
Once you have registered you will be taken back to your CMS to complete the approval to grant Canva access.
{% endhint %}
### Xibo Canva App Features
Once connected, the Xibo Canva App provides a set of features to help you publish and reuse content from your CMS. These features are organised into two main tabs:
{% tabs %}
{% tab title="Publish Tab" %}
The **Publish** tab is where you send your Canva designs to the Xibo CMS:
* Export your design either as a complete Layout or as a Media file to save in the CMS Library, to give flexibility in how the content is later used.
* Open the connected Xibo CMS directly from Canva to quickly view and manage the designs you have published.
### Publishing a Design as a Layout or to the Media Library
* From the Xibo App panel, go to the **Publish** tab.
* From the **Destination** dropdown, select from **Publish as Layout** or **Publish to Library**.
* Click **Continue to export**.
The Canva export panel will open for the following configuration steps:
* Select a File type: JPG or PNG
* Adjust the Size and Quality sliders as needed
* Use the **Select pages** dropdown to choose which pages to include
* Once ready, click **Export** to begin publishing.
* After export is complete, a success message will appear with a link to view the design.
* Select **Click here to View**, Canva will show a confirmation that you are leaving the site to open the Xibo CMS.
* Click **Continue** to view the exported design in the CMS.
* If the design was exported as a **Layout**, you will be taken to the Layout Editor.
* If the design was exported to the **Library**, you will be taken to the media file’s preview page.
{% hint style="info" %}
When exporting multiple pages to the Library, the preview page will only display the first image. Each page is saved as a separate media file and can be found in the **Media** grid under the Library section of the main CMS menu.
{% endhint %}
{% endtab %}
{% tab title="Import Tab" %}
The **Import** tab is where you can bring media from your Xibo CMS into Canva:
* Browse through existing CMS media assets, use the search bar to find what you need and upload selected items into your Canva workspace so they can be added directly to your design.
### Uploading Images from CMS to Canva
Once the Xibo App has been successfully connected to your CMS, the **Import** tab will automatically load media from the CMS Media Library and display it in a grid.
* Use the search bar at the top to quickly locate specific images.
* Add an image to your design by **dragging** the image directly from the grid onto the Canva page.
* Or by **clicking** the image to upload to your Canva Library and automatically insert into the current active design page.
{% hint style="warning" %}
Canva doesn’t allow the Xibo App to delete or overwrite items in your Canva Media Library. If you want to manage or remove files, you’ll need to do it manually from the **Uploads** panel. If you click or drag the same image again in the Xibo App, it will be reuploaded as a new file, even if it already exists in your Canva Library.
{% endhint %}
{% endtab %}
{% endtabs %}
## FAQs
What file formats can be published to Xibo?
*Currently JPG and PNG image formats can be published to Xibo.* *We are working with the Canva team to offer more formats in the future!*
What about white labelling?
*Unfortunately the Canva app cannot be white labelled*.
I have an error message in Canva “Problem publishing design”?
*If a User deletes the standard “1080p HD Landscape / 1080p HD Portrait” resolutions within their CMS, the User publishing from Canva will need to have* [*Feature access/Permission*](https://xibo.org.uk/manual/en/users_features_and_sharing.html) *to create resolutions in order to successfully publish.*
Where can I get support with the Canva app?
*If you are a Xibo Cloud hosting customer then please open a* [*Ticket*](https://xibosignage.com/my-account/tickets?open=true) *via My Account. If you are self-hosting/on-prem then please create a topic in the* [*Get Help*](https://community.xibo.org.uk/c/support/6) *section on the Xibo Community.*
Can I connect an on-premise CMS?
*Yes you can, but Canva and the Xibo Canva app need access to your CMS over HTTPS to publish your designs. If your CMS is only available via HTTP, or on a private network, it will not be possible to use the app.*
I’m getting the following Canva connection error {"error":"invalid_client","error_description":"Client authentication failed","message":"Client authentication failed"} ?
*The error message indicates incorrect client information, manually correct your CMS credentials by visiting this link:* [*Register | Xibo Canva Connector*](https://canva.xibosignage.com/register)
Why can I no longer use the Canva Publish option to send my designs directly into a Layout?
*We received notice that the Publish extension would be retired by Canva and we implemented the new Design Publisher App, ahead of the retirement date. This extension is now no longer available from Canva, however, the new Design Publisher intent in the Apps SDK unlocks additional functionality which was previously not possible with the Publish Extension.*
---
# 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
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.xibosignage.com/cms-configuration-and-integration/canva-integration.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.