Embedding Third-Party Objects

3 Minute read

Reading Time: 3 minute

The Embedded Objects tool makes it a breeze to add YouTube videos, maps, lead forms, social feeds, playlists and tons of other third-party content directly to your Ceros Experiences. Below we’ve outlined the basic steps to get 3rd-party content into Ceros.

How to Add Embedded Objects

  • Navigate to the web object you would like to embed and copy the HTML embed code provided (usually found within the share menu)
  • In the Ceros studio, select the Embed Objects icon and draw a placeholder on your canvas
  • With that Embed Object window selected, you’ll see a box in the Design tab of your Inspector Panel where you can paste in an embed code

It’s that simple! Below we have outlined a handful of different use cases, however, the limits are really based on your creativity and access to web-based embed codes.


Embedded YouTube videos are a great way to preserve the views and shares reflected on the YouTube platform. To embed a YouTube videos within Ceros:

  • Locate the Share button below the YouTube video
  • Select Embed and copy the provided embed code
  • Navigate to studio and select the Embed Object icon
  • Draw out placeholder box on the canvas
  • Paste the YouTube embed code into the Inspector Panel

You can customize your YouTube embeds by adding the following parameters to the end of the url in the embed code:


  • modestbranding=1 – this will remove most YouTube branding (this should be first)
  • autoplay=1 – the video will play automatically
  • rel=0 – this will remove suggested videos at the end of the video
  • controls=0 – this will remove all controls except for the play/pause button in the center of the video
  • showinfo=0 – this will remove the video title from the player

An embed code example:

<iframe width=“560” height=“315” src=“https://www.youtube.com/embed/exampleAddParametersHere” frameborder=“0” allow=“accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

Google Map

  • Locate the map you would like to include in your Ceros Experience
  • Click the Share button and then select Embed map”
  • Select the size you would like to use (this can be changed later) and copy the provided code
  • Draw out placeholder box on canvas
  • Paste the Google Maps embed code into the Inspector Panel

Note: The embed code width and height dimensions will override the placeholder box you draw. If you would like the google map to take the shape of your embedded object box, change the width and height to be 100%.

Social Feeds

  • Navigate to the social post or feed you want to share
  • Locate and copy the embed object code
  • Navigate to studio and select the Embed Object icon
  • Draw out placeholder box on the canvas
  • Paste social feed embed code into the Inspector Panel

Lead Forms

Embedding lead forms directly into Ceros is a great way to customize your user’s experience to better fit your company’s needs. How to export will likely vary depending on lead form provider. Please consult your CMS documentation to determine how to embed lead form objects.

Lead form

Note: Depending on the embed code provided, you may need to adjust the dimension of either the placeholder box or the HTML code provided.

Was this helpful?

You already voted!
6 out of 17 people found this helpful