How to Embed a Twitter Timeline

How to Embed a Twitter Timeline
January 31, 2017

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!