How to embed a Zoom Meeting into your website
Have you ever wanted to embed your Zoom Video Conference meeting into a website? Zoom video conferencing has a lot of features many people do not know about. Embedding a meeting directly into your website may be one feature you have never heard of. This feature is ideal for sharing access to public meetings such as a public town hall or webinar. In this tutorial, you will learn how to easily add a Zoom meeting into a WordPress website.
6 Steps for Embedding a Zoom Meeting into your Website
- Step 1 – Create a WordPress Website
- Step 2 – Download & Install Zoom Meetings for WordPress Plugin
- Step 3 – Create an App with API Key
- Step 4 – Add API keys into WordPress
- Step 5 – Use Shortcode on Webpage (With Zoom Meeting ID)
- Step 6 – Publish Page
See Example Here: https://worshipsummit.live/watch-live/
Installing the WordPress Plugin
The process of embedding your video conference is easily done with a WordPress plugin. You can embed your zoom meeting into other HTML environments using the code available on Github. Start this process by logging into your WordPress account. In the backend of WordPress, there is an area called plugins that you can use to upload the Zoom video conferencing plugin for WordPress. Next, navigate to elearningevolve.com where you can download a free Zoom integration plugin for WordPress.
Integrating Zoom with your WordPress
Once you have downloaded the Zoom Integration for WordPress plugin go ahead and upload the plugin to your WordPress website using the upload button in the plugins area. Next you can activate the plugin and open it up from the sidebar menu in WordPress. In the settings area of the plugin, you will need to enter your Zoom API information.
Finding your Zoom API information
You can retrieve your Zoom API information at Marketplace.zoom.us. Start by signing into the marketplace website using your Zoom login. Note: you should enable your account with a Zoom Pro license for full functionality. Once you have logged in you can click the “Develop” dropdown menu and select “Build an App.” You will want to select the “JWT” option and follow the instructions for setup. This app allows you to access your accounts API token and secret key. In the App Credentials area, you can copy and paste your API Key and Secret information into the settings area of the Zoom API plugin.
Embedding your Zoom Meeting on to your website
Now that your WordPress website is set up and the plugin can connect to your Zoom API, you will notice that the plugin will show recent meetings. The plugin can now manage various Zoom settings for you including adding meetings, adding users, and assigning a host ID. In the settings area of this plugin, you can find the shortcode that is used to embed the Zoom Meeting into your website.
You can type this shortcode into your website and replace the default meeting ID with your unique Meeting ID. You should paste the shortcode into the text editor of your WordPress editor and press the Publish button. Once you have published the page or post on your website, you can view the Zoom Meeting on the page.
Customizing your Embed
In the settings area, you can customize the appearance of your embedded zoom meeting. There are two dropdown menus that allow you to show or hide default settings. You can hide the alternate join meeting button which launches the zoom application just like the main zoom.us website would. You can also hide the default links to each version of the zoom applications. By default, both of these options are shown, but my advice is to hide them.
Why we like this new feature
Embedding a zoom meeting into your website is a great idea for multiple reasons. From a branding perspective, many businesses will enjoy the single location option for zoom meetings. If you have a regular public meeting, it could not be easier for your meeting attendees to find the meeting then your website. Scheduling meetings today is generally done via email or a calendar invite. Most people get way too many emails and calendar invites are great, but not everyone uses the same platform for calendar management (Google vs Microsoft).
From a technical standpoint, giving the world access to join your private or public zoom video conference meetings from your website, opens up a lot of doors. Don’t have the zoom app on your Android phone? No problem, just use the website. Using a Chromebook that doesn’t have a Zoom app available? No problem, use Google Chrome. Unlike other browser-based video conferencing systems, Zoom is incredibly powerful because it’s hosted in the cloud. Most other browser-based Web-RTC solutions have limited quality and support for larger meetings. By putting the power of Zoom Video Conferencing, which can support up to 300 participants at the pro level, you give web-browser users access to the world’s most powerful video conferencing software without having to install any software.
From a meeting management perspective, Zoom has done an amazing job. You can still use a meeting password, enable the waiting room feature, and lock screen sharing down to just the host. As a meeting host, you will likely want to use the full Zoom software client on a Windows or Mac computer. But, the browser-based experience looks surprisingly similar to the regular zoom experience we are all used to by now. Below is a list of limitations you can expect with the browser-based zoom video conference embedded into your website.
Limitations of this plugin:
- Joining the meeting directly from the WordPress page may not work for IOS devices because Apple doesn’t allow loading of an external iframe, therefore, the plugin provides a Zoom app link on the page for users to join meeting via Zoom App in case it doesn’t work on their specific device.
- The Zoom webinar module is not supported in this plugin.
- This addon only supports the features that are supported in the web version of Zoom. The features that are specific to the Zoom App like recording the video conferencing session are not supported via this plugin as they are available only in the Zoom App.
- Breakout rooms are not supported via the HTML Zoom Meeting embed. Therefore, meeting members will need to download the full Zoom client in order to enter Zoom breakout sessions.
Download our free guide on How to Embed a Zoom Meeting in your Website here.