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 feed on 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 > Virtual Event Hub > Lobby

  • 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 Hub 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:

  • Go to to this site and enter the URL of the social media account you would like to embed.

  • Click Generate.

  • The HTML code would be generated.

  • Copy the code.

  • Go back to the Custom tab in the Admin console.

  • Click the three dots on the text box and then click the Code View (< >) option.

  • Paste 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: This will create a scroll of your Tweets. You can further adjust the look by adding the width and adjusting the height. If you want to post a single Tweet, just select that Tweet and get the URL.

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.

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.

  • 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."

  • Go to https://www.mysitemapgenerator.com/rss/twitter.html

  • 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).

  • Click Start (please note the depending on the RSS reader, the button might labeled differently).

  • An embed code would be generated.

  • Copy the embed code and add it on the Code view of the text box of your custom tab.

  • 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:


Facebook

There are two ways you can go about this:

Using Facebook's Embed Feature:

  • Go to the post you would like to embed.

  • Click on the three dots at the upper right of the post

  • Click Embed.

  • Facebook's Code Generator page will load.

  • Click Get Code and copy the code.

  • Once you've copied the code, go back to the Custom tab of the Admin console.

  • Click the three dots on the text box and then click the Code View (< >) option.

  • 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

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

  • Once the page loads, copy the URL.

  • 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>

  • 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

  • Go to the board you would like to embed.

  • Click the three dots at the upper right and choose Get Pin embed code.

  • Choose the board size then highlight and copy the code.

  • Click Got It once done.

  • 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.

  • 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?