Prebuilt SDK enables opportunity to integrate real-time communication SDK without writing explicit code. It just requires 10 minutes to integrate.
In this tutorial, we will be getting knowledge of embeding video call using Prebuilt SDK on wordpress with fewer steps. TBH, it's quite simple.
We hope you are familiar with wordpress and may have already set up in your machine.
Before getting started, you'll need a Videosdk.live account. It's free to get started with our API, and embed video calls.
After signup, very fist step is to Log in to your Wordpress dashboard.
In side bar panel, go to pages > Add New for creating new page.
After creating new page, below screen will appear. For adding HTML block in your page, have to click on Square Plus button on top side.
You can simply add Custom HTML block in page, just by clicking on it.
White color code snippet will appear, after adding cusotm html block. Copy the code from below snippet.
After that, it will look like this.
After adding code snippet, in
apiKey property you need to provide your API KEY which we have generated in Step 1
After updating code snippet, last step is to execute this code by clicking Preview button on code block top side.
After executing code, joining screen will appear.
Press Join button to enter in session.
For assigning dynamic meeting id, we have to pass meeting id as params.
To accomplish that we have to add
meetingId=DemoMeeting1 after the url as described below
After assigning meeting id as params, we have to fetch it in code block, so that we can join the session with dynamic meeting id.
For that we will use
URLSearchParams API to get the data in the URL query parameters.
const url = new URLSearchParams(window.location.search);
For getting meetingId, we will use get(params_name) method
const meetingId = url.get("meetingId")
Now, we need to modify only
meetingId property from
For executing code block we can follow this steps Join Session