Canva Integration

Canva Integration

From Xibo CMS v2.3.12 and v3.0.3, designs created in Canva can be published directly into a Xibo Layout without having to leave the Canva dashboard.

Please note: 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.

How to Publish from Canva for the first time using Xibo

From your Canva dashboard complete the following steps:

  • Select Create a Design.
  • Select Presentation 1920x1080 or create a custom size to match your intended display screen resolution.
  • Using Canva, create and save your content.
  • Once saved, click the three dots found in the top right hand corner of the screen.
  • Enter Xibo in the search field ’ How would you like to publish?’

Xibo should appear within the Recommended list for future selection!
Screenshot/Image

  • Click Connect.

You will be asked to ‘Connect’ for the first time you publish to Xibo or if you havent published to Xibo in a while
Screenshot/Image

  • This will open the ‘Connect to Xibo’ popup:

You can be sure that it is from Xibo by confirming the "canva.xibosignage.com" URL and making sure the padlock icon is present, denoting a secure connection.
Screenshot/Image

  • Enter your full CMS URL, including https://
  • Click Connect and follow the steps from the appropriate section below.

Connecting to a Xibo Cloud hosted CMS

  • Clicking Connect will take you directly to your CMS and ask you to login.
  • Click Approve to grant Canva full access.

Connecting to a self-hosted/on-premise CMS

  • You will be prompted to enter a Client ID and Client Secret.
  • To get these credentials you will need to login to your CMS as a Super Administrator User and navigate to the Applications page to create a new Application called “Canva”

  • Tick Authorisation Code.
  • Tick Is Confidential.
  • Enter https://canva.xibosignage.com/complete in the New Redirect URI field.
  • From the Sharing tab, tick All 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.

Once you have registered you will be taken back to your CMS to complete the approval to grant Canva access.

Publishing to Xibo

  • Once approved, use the dropdown to select which file type to use.

  • Click to Save

Once successfully saved, you can continue editing your current design in Canva, return to your Canva homepage or go directly to the Layout by clicking on View in Xibo.

Published Layout viewed in Xibo:

FAQs:

Q: What file formats can be published to Xibo?

A: 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!

Q: What about white labelling?

A: Unfortunately the Canva app cannot be white labelled.

Q: Can you just upload an image from Canva to Xibo rather than creating a new layout with each design?

A: We had to choose from one or the other, so we went for the full layout reason being it’s easier to delete the layout than it is to create it.

Q: I have an error message in Canva “Problem publishing design”?

A: If a User deletes the standard “1080p HD Landscape / 1080p HD Portrait” resoultions within their CMS, the User publishing from Canva will need to have Feature access/Permission to create resolutions in order to successfully publish.

Q: Where can I get support with the Canva app?

A: If you are a Xibo Cloud hosting customer then please open a Ticket via My Account. If you are self-hosting/on-prem then please create a topic in the Get Help section on the Xibo Community.

Q: Can I connect an on-premise CMS?

A: 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.

Q: I’m getting the following Canva connection error {"error":"invalid_client","error_description":"Client authentication failed","message":"Client authentication failed"} ?

A: The error message indicates incorrect client information, manually correct your CMS credentials by visiting this link: Register | Xibo Canva Connector