First select your display option - either a timeline or Twitter buttons (you get to choose which button). Once done you can adjust what you get by setting customization options – for example, the height of the timeline (the default is 600 pixels), and the colour scheme.

When you're happy with the appearance of timeline, click 'Copy Code'. The javascript you need will be copied for you.

Adding the timeline to a portlet

Add a static text portlet to your page. Give it a title, such as "Follow us on Twitter".

In the HMTL view of the editor, add the embed code for the Twitter feed and click update. Then scroll to the bottom of the page a click 'Save'. You can return to your page to view result and, if you need to, return to the widget creator on Twitter to make any adjustments to the timeline – for example, adjusting the height.

Adding a button to a portlet

Add a static text portlet to your page. Give it a title so you can remember what the portlet is for.

In the HMTL view of the editor, add the embed code for the Twitter feed and click update. Then check the box 'omit portlet border', scroll to the bottom of the page a click 'Save'.

You can return to your page to view result and, if you need to, return to the widget creator on Twitter to make any adjustments to the timeline – for example, adjusting the height - then paste in the code again and save.