How to add a Twitter List to a Hopin event

  • Updated

All_plans_.png

After adding the Twitter Integration to your event following our guide Setting up Twitter on the Hopin platform, you may want to be able to share a specific Twitter List instead of your Twitter Newsfeed.

To add a Twitter list and for it to display correctly on Hopin, you can't use the URL that Twitter displays in the browser for that list. Unfortunately, that URL won't work. 

For example the @TimeOutLondon list: 'ldn venues and attractions' has the following URL in the browser:

https://twitter.com/i/lists/14331862 (default list URL)

To make sure you can embed the Twitter list you need to translate the default URL into an embeddable one using the following Twitter tool: https://publish.twitter.com. On that page, paste the 'default list URL' under 'What would you like to embed?' as shown below.

image1.png

Then scroll down a little and click on the 'Copy Code' button on the right.

image2.png

The copied text will look like below, this is the embeddable code for the list:

<a class="twitter-timeline" href="https://twitter.com/TimeOutLondon/lists/ldn-venues-and-attractions?ref_src=twsrc%5Etfw">A Twitter List by TimeOutLondon</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

However, for the purpose of sharing your Twitter list on Hopin you only require the URL part of the code above as shown below:

image3.png

So the resulting Twitter List URL that will work in Hopin is:
https://twitter.com/TimeOutLondon/lists/ldn-venues-and-attractions

Paste that in the Twitter input field in Hopin and you should be good to go. 

Screenshot_2021-03-18_at_10.08.28.png

 

Was this article helpful?