Embedding content allows our website to pull content from other places on the web and display it like it is part of our website. The most common example of this is showing videos from YouTube, but it also includes things like social media posts and functionality like 360-degree images. 

Overview

Icons and logos of types of embedded content
The types of content that this component can accommodate

YouTube Embed

You will find the embed functions within the ‘Main Content’ area by pressing the green ‘+’ button. YouTube Embed is the one you are likely to use most often so we will address it first. It looks like this.

YouTube Embed box in contensis.
YouTube Embed box in Contensis.

Most embeds will require you to have a line of code to display content and this is the case with YouTube. You need to do the following:

  • Find the video you want to embed
  • Click on ‘Share’
YouTube embed share button highlighted on a YouTube video
The share function is highlighted.
  • You then need to click on the 'Embed' button
YouTube Embed function on YouTube
The Embed function is highlighted.
  • Copy the code it displays and paste it into the box on Contensis. It looks like the below:
YouTube Embed code in Contensis.
YouTube Embed code in Contensis.

Something to remember...

You can also use the regular ‘Embed’ function in Contensis to embed YouTube videos as well as the specific ‘YouTube Embed’ function.

Embedding other content

The ‘Embed’ function can be used to embed content from other sources. For example, the same process of copying and pasting code goes for other types of embeds such as from an Instagram account. On Instagram desktop, there are three dots at the top of posts. Click on these to bring up a menu within which you will find the embed option.

Embed menu on an Instagram post
The menu is in the top-right of the post which brings up the embed option.

You can then select 'Embed' and copy the code from there, pasting it into Contensis to show that particular post on a page. 

Embedding tweets

Embedding a specific tweet from Twitter is a subtly different process. You need to use the ‘Twitter Embed’ function in Contensis, but rather than adding a long line of code, you simply need the numerical reference for the tweet you wish to display. It looks like this in a tweet URL.

A Twitter embed URL
The numerical identity of the tweet is located as part of the tweet's unique URL.

Paste that string of numbers into the embed box and Contensis will pull that tweet into the page. It looks like this in the back end of the website.

A Twitter embed in Contensis.
A unique Twitter numerical identity in Contensis.

Component in action

Some business users will need to embed forms through Form Assembly links. To do this, you need to get the link, which is set out in the following format - https://canterbury.tfaforms.net/xxxxxx - and paste it into a regular 'Embed' box. This will render the form on the page. 

Once you are happy, save the page in Contensis and then preview it to check everything displays correctly before submitting for approval. You can view an embedded YouTube video here.