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.
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.
Once uploaded, you can get an 'embed' link from YouTube and add it to any page or content that you post in Locable.
You have two choices when it comes to embedding, a quick-option that is NOT responsive and an almost-as-quick responsive option that requires just one extra step.
The Responsive Approach (3 Steps)
First, visit the video you want to embed and get the link (see below).
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.
Adding Embeds in Locable
Now you can place the responsive video wherever you'd like it. First, we'll show you how to add it to a post:
And now we're show you how to add it to a page on your website:
Once you save, your video is available.
Above you can see an example of adding a video to content (in this case a "Quick Post") or a page in the hero's "Main Image" however you can add a video or any other embedded content pretty much anywhere an image is used by clicking into the "Embed" tab.
Scroll down for details on how you can make sure your content looks good when shared to Facebook etc...
The Quicker but not responsive option (2 Steps).
First, get the embed code from YouTube which is similar to getting the link. You have a few setting options, you'll need to choose whether to make it small for mobile or large for desktop but you can't do both.
Next, you'll place it on your post or page just like the example above.
We strongly recommend using the first option.
Ensuring your content with a video looks good when shared to 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.