Twitter Resources

How to Generate a Twitter Widget


  1. Log in to your Twitter account.
  2. Go to
  3. Click "Create New."
  4. Choose the timeline source (i.e. User timeline, Favorites, List, Search).
  5. Input the configuration options.
  6. Click "Create widget."
  7. Copy/paste the code somewhere temporary.
  8. In Firefox or Chrome, go to the page on your site where you want to embed the widget.
  9. Create a new HTML content item.
  10. Give the content item a title.
  11. Check "Show?"
  12. Set the CSS Class to "HLLandingControl"
  13. Switch from the Design tab to the HTML tab.
  14. Paste the code generated from Twitter.
  15. **DO NOT switch back to the Design tab**
  16. Click "Save and Return to Site."

NOTE: When adding more than one Twitter feed, make sure that only one <script> tag is added for the entire page or else only one Twitter feed will load.  Extraneous <script> tags must be manually removed.  Here is an example <script> tag:

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);;js.src=p+"://";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

A Twitter widget is composed of an <a> tag followed by a <script> tag. Ensure that all of the <a> tags are added first and the <script> tag is added last.  This can be for different CMS content items on the page, as long as the <script> tag is within the last CMS content item on the page.

Follow Us on Twitter