We make it possible to create a beautiful, professional webinar integration that can be added to your Zapnito post content. Here's how to set it up.
Firstly, if you haven't already, you will need to sign up to BigMarker and Slido. Both providers offer free trials so if you're not quite satisfied with the service, you can easily cancel your subscription at any time.
Set up the webinar template
Navigate to the post that you will be embedding the webinar into and click the 'Source code' button in the post editor.
From here, you will be able to insert the webinar template into your post, which you can copy below.
<div class="my-8 mx-breakout">
<div class="flex items-center justify-between h-screen">
<div class="w-full md:w-3/4 h-full">
<!--Insert BigMarker here-->
<div class="w-full md:w-1/4 h-full">
<!--Insert Slido here-->
Obtain the embed codes
Once you have created your BigMarker webinar and Slido widget, you will need to generate an embed code for each, in order to add them to the template within the post.
Please refer to BigMarker's support resources if you are unsure on any aspect of setting up your webinar.
Under the Manage Webinar tab, navigate to the 'Live Webinar Widget' page using the menu on the left-hand side of the page. Under the Embed tab, copy the entire embed code.
Head back to the source code section of your post and paste the embed code into the space provided. Within the iframe, edit the 'width' attribute to be
width=100% as opposed to 720.
As with BM, please refer to Slido's support resources if you are unsure on any aspect of setting up your Slido event
In your 'Event settings', select Integrations in the left-hand menu and scroll down until you find the Embed Slido tab.
Copy the embed code and head back to the source code section of your post. Paste the code into the space provided within the webinar template.
Once you have inserted both embed codes into the template, don't forget to hit save.
That's all there is to it!
You will now be able to host a webinar within a piece of content on your Zapnito site. We've even gone the extra mile to ensure that the integration is responsive all the way down to mobile devices, so your attendees will be able to watch from anywhere!
Want to learn more about embedding external content into a Zapnito post? Check out this guide.