Step 1: Generate Twitter Widget

The first step in getting Twitter into Canvas, is to generate your Twitter widget code at Twitter. You can create widgets with many different kinds of Twitter content. For this step-by-step guide, I'm going to create a widget for the Instructure timeline at Twitter Links to an external site..

1. Configure widget. Go to publish.twitter.com Links to an external site. and follow the instructions there for the type of widget you want to create. For the Instructure timeline, I just paste in the address: https://twitter.com/Instructure Links to an external site. , choosing "timeline" as my option when prompted.

2. Customize widget. I'm going to customize the widget a little bit by setting the width to 400 and the height to 800, and I'm going to opt out of Twitter tailoring. Then I click Update to customize the widget. (You can always change the width and height later if you want, no problem.)

3. Get the code. You will now see the widget code displayed in a box, with a button to copy the code:

If you are using Twitter in a website, wiki or blog, you can then just copy the code and paste the code: you're done! But because the code contains javascript, you have to follow two extra steps in Canvas: you need to publish the widget code in an HTML file, and then you need to insert that HTML file into your Canvas space.