In just a few steps, you can embed our Virtual Stage and Networking Hub straight onto your Wordpress website!
In this article:
Before taking the below steps, be sure to download and install the Sequel.io Wordpress Plug-in if you want to use user accounts!
To embed a Sequel.io Virtual Stage and/or Networking Hub
In your Sequel.io Admin Dashboard, select the Virtual Stage or Networking Hub that you want to embed.
Click the tab Embed Info, and copy the shortcode from the WordPress section.
On your Wordpress page, select the black + sign any where on your site, and then search for the Shortcode element.
Paste the shortcode you copied from your Sequel Dashboard into the empty shortcode field. We recommend using a full-width page to ensure the component has enough space for the video component and chat.
- You can view your embedded component by selecting the Preview button in the top right corner of your page, or by selecting Update and viewing your live page!
If the height of the component is very small, you can add a Custom CSS class to change the height. To make this change in your theme, navigate back to your Wordpress Admin and select Appearance> Additional CSS within the left-hand menu.
From here, copy and paste this code in the Additional CSS box and Save:
Now take a look back at your live page and you can see that the iframe of your Sequel.io Virtual Stage or Networking Hub has expanded!
Wordpress Website Templates
After completing the above steps (specifically, step 7) to embed your Virtual Stage and/or Networking Hub on your Wordpress website, you may notice that the width of your iframe may be cut short, including your banner image.
The likely cause of this is due to using a website template that provides a narrow space for website content, resulting in condensing the width of your Virtual Stage. When choosing a website template, it is best to choose one that has a full-width option for content.
Alternatively, you can always create a full-width page template using a Wordpress Plug-in such as this one here.
Lastly — if your template or page allows, stretch the margins of your page to be as wide as possible to allow as much space for your iframe to embed properly!
The Sequel.io Wordpress Plug-in allows you to leverage your Wordpress User accounts (via Ultimate Member) to send user information to the Sequel.io components. This way you can skip our native log-in or integration, and simply ask your users to log in to their user account through your website! You can also gate who is accessing your events by embedding on 'Member-Only' pages.
To install and activate the plugin:
- Download the Sequel Plug-In to your computer here.
Log in to your Admin page of your WordPress site and go to Plugins on the left-hand menu
- Select Upload in the top-right corner
- Upload the zip file you downloaded in Step 1
- Once the plug in is successfully uploaded, go to Plugins> Installed Plugins and assure it is Activated
That's it! You can now start adding Virtual Stages and Networking Hubs by following the steps at the top of the article.