How to Embed a Video or 3rd Party Widget on Your Site

Available for all plans on the Locable Marketing Platform

Embedding widgets enables you to add new functionality to your website. Scroll down to see how to embed on your Locable powered website or within content.

Hosted Video

Adding video to your site is a great way to engage visitors in a more human and personal way. YouTube has become the standard for video hosting and is a great free option.

If you haven't already, you'll need to create a YouTube channel for your business and upload your video to the channel.

Adding Video Embeds in Locable - The Responsive Approach (3 Steps)

Visit the video you want to embed and get the YouTube URL link.

Next, visit http://embedresponsively.com/ to get the responsive code. Simply paste the YouTube link and click Embed then scroll down and copy the new code.

Now you can place the responsive video wherever you'd like it.

How to add the video to a post:

 

How to add the video to a page on your website:

 

 

Once you save, your video (or any other widget) is available on the front end of the site.

Adding YouTube Shorts to your website

YouTube has recently introduced a feature called "Shorts," enabling users to produce and share brief videos on their YouTube channels. The purpose of these videos is to offer concise and engaging content that can be conveniently consumed by mobile users.

The process to embed a YouTube Short on your website will be the same as a standard video, as outlined above, however, a YouTube Short does not need to be run through embedresponsively.com.

To get the proper embed code from a YouTube Short, you will need to right-click on the Short and then click 'Copy Embed Code'.

You will then add this embed code to a post or a webpage.

NOTE: Embedded YouTube Shorts video will not autoplay on your website. Instead, it will show a thumbnail with the Play button.

Ensuring your content with a video looks good when shared on Facebook etc

Every webpage and every post can have their OG:Image and OG:Descriptions set - this is an extra step but ensures Facebook and others display your content how you want it when shared.
When you use a video you should also set an OG:Image otherwise when your content is shared it may include an unrelated image or no image at all 😥

Your best option is to take a screenshot of your video and set that as the OG:Image

There are a number of ways to capture your screen. We use Snagit, but you can use Print Screen or other software. Alternatively, simply selecting a picture that reflects the video content is also a viable option.

Be sure to follow the instructions about Optimizing Your Content for Facebook before finishing.