How to Embed a Twitter Timeline

How to Embed a Twitter Timeline

January 31, 2017

Twitter - How to Stream a Twitter Feed
Facebook2 - How to Stream a Twitter Feed
GooglePlus - How to Stream a Twitter Feed
Linkedin - How to Stream a Twitter Feed

There really is a lot of work running and managing a web site effectively. Not only does your site need to be updated with new and fresh content, but then you have to update the many different social media pages to get the word out. It is quite helpful that some of these social media options can be combined so your presence is directly connected to your website.

I am sure that you have visited other websites and noticed that they have a live Twitter timeline also showing on the page. This means that whatever they have posted on Twitter now shows on their website as well.

This timeline can also be added to your MemberGate pages in a fairly painless way.

 

Grab the Widget Script From Twitter

  •  From Your Twitter Account go to 'Settings' and click 'Widgets' in the left nav

    How to Embed a Twitter Timeline


  •  Click the Create New button and select 'Profile'

    How to Embed a Twitter Timeline


  •  Enter the username of the Twitter user account that you would like to add to your site. Then click the arrow on the right

    How to Embed a Twitter Timeline


  •  Choose embedded timeline

    How to Embed a Twitter Timeline


  • Click the Copy Code button.

    How to Embed a Twitter Timeline


  • ***If you would like to adjust some of the default settings, 'Set Customization Options' link.

    How to Embed a Twitter Timeline

That's it for the Twitter side of things. See below for the next steps to add the code to your MemberGate site.

 

Add the Embed Code to a Nav Bar on your MemberGate Site

How to Embed a Twitter Timeline

 

 


First Add the code as a Custom Script

1. Under 'Utilities' choose 'Add/Edit Custom Script'

Add Edit Custom Script



2. Choose to add a New script from the drop down menu. Paste the Twitter Code into the 'Custom Script' box.

How to Embed a Twitter Timeline


3. Set the 'Status to 'Active' and press 'Add this Custom Script'

4. Copy the CF tag provided on the resulting screen.
How to Embed a Twitter Timeline

 

 


Then Add the Custom Script to a Category

1. Under 'Categories' choose 'Add Category'

Add Category



2. Name the category and adjust the settings for where the category should show.


3. Set the 'Status to 'Active'

4. Paste the CF tag into the 'Script for this Category' box

How to Embed a Twitter Timeline

And that's it! The Twitter timeline will now show in your the nav panel on your pages!

 

 

 

Need to Learn Something?

Is there something that you have been wanting to learn? Or a resource that you have been looking to find? Send us a ticket with your request and we can look into creating a blog post just for you!