CATEGORIES
- A free account
- Account assistants
- Account Information
- Affiliate Program
- Appearance
- AppSumo
- Audio & Video
- Branding / Custom / Whitelabel
- Branding Tool
- Break-out Rooms
- Call to Action
- Camera & Microphone
- Capacity & Limits
- Closed captioning
- Decisions - Professional Voting
- Event tokens
- Evergreen webinars
- Forms
- How to join meeting on mobiles
- Hubspot Integration
- Integrations
- Language interpretation
- Live Transcription
- Meetings & Webinars
- Other
- Pabbly Connect
- Paid Webinars
- Presence Manager
- Recording
- Registration
- Requirements
- Room Chat
- Screen Sharing
- Session Management
- Statistics & Reports
- Storage
- Streaming
- Sub-Accounts
- Tests & Surveys
- Virtual Backgrounds
- Vote Manager
- Waiting rooms
- Webinar and Meeting Room Features
- Website Presenter
- Whiteboard
- Wordpress plugin
FAQ -> Branding / Custom / Whitelabel -> How to embed LiveWebinar meeting room on my website?
How to embed LiveWebinar meeting room on my website?
Every room in the "Details" section has an "Embed Code" button. After pressing it, you can download a simple JavaScript code that you paste on your website. Embed Code can also be parameterized in a few ways (i.e. passing nickname or avatar file URL, changing roles). You can use it as a simple integration so your webinars can be directly hosted on your website instead of livewebinar.com/my-room.
In all plans, we provide a small JavaScript code that you can copy and paste to your webpage (it works similarly to what you do with a Google Analytics code). This code then inserts your webinar room on that page. If the webinar has registration forms enabled, they will also be displayed there.
Where to get the code:
- Log into your LiveWebinar dashboard and choose the event you'd like to embed or create a new one and navigate to the "Details" section in the main menu of the event.
Then choose the blue button “Embed”.
- Copy the code or send it to your frontend developer. Paste it to your HTML page and check the results.
- You must decide if you want to show a page with a code containing the appropriate _role_token. In the case below, when you leave this space blank and if you go on the page containing this room, the embedded room will appear to you as the host (it’ll detect that you’re logged into LiveWebinar).
In case someone other than you goes to the page where this webinar room is embedded, they will join the meeting as an attendee.
- Besides _role_token variable, which defines the role of the person who will join the event through embed room, it is possible to enter and specify other variables:
You can add and define these variables in the following section of the snipped code. Simply start with the new line, choose the particular variable from the table above and define its value:
- If you want to give the right links for your presents and moderators, please go to the “Hosted by Archiebot” tab. You will find a bunch of different URLs that you can use to allow attendees to join in a specific role.
At the end of each link there is a role token, which can be put into the field that’s marked in the previous step. Role tokens are unique for each meeting room. When you add a specific role token to your embed code, you will embed the room with this specific role (it can be host, presenter, moderator or attendee). This means that depending on how you define the _role_token marked in the previous step, each participant who will join the meeting room will enter with the role you defined.
This way you can host your webinars at https://yourdomain.com/my-webinar instead of https://livewebinar.com/my-webinar.
This is a very strong alternative to the CNAME/White Label-based solution which is more complicated and costs extra money. The Embed Code is already included in all plans.
We have customers that use Embed Code for very easy integrations as the code is the same for all the rooms, and you can set up a dynamic room name.
Check: How to set up a dynamic room name/integrate LW with my domain?