Embedding Third-Party Content in a Ceros Experience

Studio allows you to further increase the engagement and interactivity of your Ceros experiences by embedding third-party media and content. Whether it's a YouTube video, Google form or map, Spotify playlist, or practically anything else, you can quickly and easily add it to any experience in Studio without writing a single line of code.

How to embed content in an experience:

1. Generate a shareable URL or embed code from the desired third-party app or web page

   

2. Select Embed Object from the Toolbar in Studio to open the embed window

3. Paste the third-party URL or embed code in Studio's embed window

   

   1. If you paste a URL rather than an embed code, Studio will auto-generate an embed code for you

      

      1. To use a URL rather than an embed code, the third-party service must have oEmbed enabled for their URLs

      2. Most prominent third-party platforms (as examples: YouTube, Google, Vimeo) have oEmbed enabled; however, if you receive a message stating, “Unable to read URL. Try using embed code” when pasting a third-party URL in Studio’s embed window, that third-party platform more than likely doesn’t have oEmbed enabled for their URLs

   2. After pasting the URL or embed code, you may see a checkbox labeled "Fit to frame." Uncheck this box to manually resize the dimensions of the embed frame (useful for content like social media posts) after generating it

4. Select the Arrow button to generate the embed frame on the canvas

How to resize or adjust embedded content:

Once you've embedded third-party content on the canvas, you can easily scale and adjust the dimensions of the embed frame to fit your desired layout.

To scale the embed frame:

1. Select the embed frame

2. Click, hold, and drag any of the binding box's squares to quickly scale up or down the size of the embed frame without changing its aspect ratio

To manually adjust the dimensions of the embed frame:

1. Select the embed frame

2. Uncheck the "Fit to frame" checkbox under Design Tab > Embedded Object

   

3. Click, hold, and drag any of the binding box's squares to reshape the embed frame

   1. Hold Shift as you reshape the embed frame to retain its current aspect ratio

Note: Some embed frames will display a thumbnail while designing in Studio; to view the embedded content, preview or publish the experience.

What can be embedded in a Ceros experience?

Any third-party content that generates a shareable URL or embed code can be embedded in an experience; however, below are the most optimized and common content we recommend embedding:

• Video content:

  • YouTube

  • Wistia

  • Vimeo

• Social media posts:

  • Instagram

  • Facebook

  • LinkedIn

• Surveys:

  • Google Forms

  • Hubspot

  • Survey Monkey

• Data visualization:

  • Graphy

• Misc rich content:

  • Google Maps

  • Spotify