How do I host a live Webinar in a Kajabi product?

Embed Video into the PostAdding/Editing the Code


Did you know that you can host a LIVE video broadcast from within a Kajabi product? Well we, at Kajabi, are here to show you how we embed our live video feeds into a product for your wonderful members to tune in! 

Hosting Live Events in a Kajabi Product

 The first thing we'll do is create a product specifically for our webcast. Within this product, you'll want to create a category, then a post for the video feed. 

Create a product, category, and post

Embed video into the post

Now we've set up our video post, let's grab our Video ID from our live Youtube event! From within your Youtube video feed, you can grab the share link from directly below the video. 

Navigate back to the post you created for your live event. Open the source code in the text box by clicking the < > icon.  

Copy and paste the code shown below into your source code editor (BE SURE TO REPLACE { YOUR VIDEO CODE } WITH THE SHARE LINK CODE PREVIOUSLY FOUND):

<div class='embed-container'> <iframe src='{ YOUR VIDEO ID }' frameborder='0' allowfullscreen></iframe> </div>

After we click 'Ok' we should now see our video appear within our text box. 

Ok! Now let's go ahead and set everything up on the back end!

Adding/Editing the Code

We'll go ahead and install our wonderful Derby Product Theme and immediately click Edit Code after activation. 

On the left side, you'll see a drop-down list of menus. Go ahead and open the Assets folder, then locate and open the styles.scss.liquid file. 

Within the styles.scss.liquid file, we'll paste the following code at the bottom:

.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;


 Once you click save, your live event should appear on your product post without a hiccup! 

Was this article helpful?