Apart from improving your event site's visual appeal, adding social media feeds such as Twitter, Facebook and Pinterest can be another way of introducing your business or organization to your audience. Interaction and user engagement are significant contributors to the overall success of your event!


You may add your social media content in the Lobby area by creating a Custom tab or on session details. Let's start by adding adding the feedb the custom tab.

Adding and Editing the Custom Tab

To add your social media feed in your virtual event hub, you first need to enable the Custom tab:

  • Go to Event Website

  • Select Virtual Event Hub

  • Scroll down and open the Advanced Settings

  • Enable the Custom tab

  • On the Custom tab's content/description area, click the 3 dot menu and click the < > button to enable the Code View.

  • Paste your embed code from your social media to the description area then click on Code View again to save the settings.

The social media feed should show in the Virtual Event Bub Lobby under the Custom tab, which you can also rename so it matches with the content you are adding (e.g Social Media).

How to Get the Embed Code from Social Media Accounts

Twitter

You may create an iFrame and embed the code on the custom tab. To create an iframe that will show your Twitter profile feed on the Custom tab, follow the steps below:

  1. Go to this page and enter the URL of the Twitter account you would like to embed. Click 'Generate' after.

2. The HTML code would be generated. Copy the code.

3. Once you've copied the code, go back to the Admin console. Click the three dots on the text box and then click the Code View (< >) option.

4. Paste the code on the text box and then click Code View again to save the settings. It will look like this on the Virtual Event Hub:

Note: This will create a scroll of your Tweets. You can further adjust the look by adjusting the width and height.

You may also go directly to the Tweet, click the three dots at the upper right of the post and click 'Embed Tweet' (it will auto-populate the "What would you like to embed" box).

Note: Twitter has it's own feed publisher, from where you can copy the embedding code to your Twitter profile feed. However, Twitter's embedding code alone is not yet supported in our platform for embedding feeds, which requires us to generate an iframe from your Twitter profile's URL.

Embedding a Twitter RSS Feed

An RSS (Really Simple Syndication) feed contains details about every piece of content a site (or in this case, a Tweet) you have published. Each time you publish a new tweet, a feed would automatically be generated in the file.

  1. To add an RSS feed, first, follow the first three steps mentioned at the beginning of this guide in order to create a custom tab on the lobby.

  2. Choose an RSS reader. There are many RSS readers available online (both paid and free). In this example, I am going to use "My Sitemap Generator."

  3. Go to https://www.mysitemapgenerator.com/rss/twitter.html and fill out the Twitter site URL and choose whether you would like to publish this feed on a single or multiple sites (please note that not all RSS reader has this option).

4. Once the you've filled everything out and clicked "Start" (please note the depending on the RSS reader, the button might labeled differently), an embed code would be generated. Cppy this embed code and add it on the Code view of the text box of your custom tab.

5. Once you've added the code on the text box, click Code View again to save the settings. It will look like this on the Virtual Event Hub:

Note: The logo on the screenshot is not part of the RSS Feed. You may add that or any other images on this part of the lobby.


Facebook

There are two ways you can go about this:

Using Facebook's Embed Feature:

  1. Go to the post you would like to embed and click on the three dots at the upper right of the post, and choose Embed.

2. Facebook's Code Generator page will load. Click Get Code and copy the code.

3. Once you've copied the code, go back to the Admin console. Click the three dots on the text box and then click the Code View (< >) option.

4. Paste the code on the text box and then click Code View again to save the settings. It will look like this on the Virtual Event Hub:


Embedding a Facebook Post Using and iFrame

  1. Click the Facebook post you would like to embed to open the actual page.

2. Once the page loads, copy the URL.

3. Once you've copied the URL, go back to the Admin console. Click the three dots on the text box and then click the Code View (< >) option. Copy and paste the following (replace the bold fonts with the actual information):
<p><iframe src="The URL goes here" width="Type numbers and do not use comma" height="Type numbers and do not use comma"> </iframe></p>

4. Paste the code on the text box and then click Code View again to save the settings. It will look like this on the Virtual Event Hub:


Pinterest

  1. Go to the board you would like to embed, click the three dots at the upper right and choose Get Pin embed code:

2. Choose the board size then highlight and copy the code. Click Got It once done.

3. Once you've copied the code, go back to the Admin console. Click the three dots on the text box and then click the Code View (< >) option.

4. Paste the code on the text box and then click Code View again to save the settings. It will look like this on the Virtual Event Hub:

Did this answer your question?