How to Put a Trinket on your Google Sites page

In a previous post, I talked about how Trinkets can turn Google Sites into an interactive tool for teaching Python.  By popular demand, here’s a step-by-step guide to adding a Trinket to your Google Site.  Happy teaching!

Adding an interactive Trinket to any Google Site is easy.  Just follow these three steps:

 

1 – From the Edit page, Click the HTML Button

You’ll want to click the Edit button:

edit

 

And then the HTML Button:

menu

You’ll then have a nice text box, ready for the Trinket embed code:

Screenshot 2014-07-07 at 12.04.56 PM

2 – Get the Trinket Embed Code

The ‘Embed Code’ is what tells Google sites which Trinket you want to display.  You can get this from any Trinket by clicking the ‘Embed’ button and Copying the text that appears:

 

Trinket Embed Code
Trinket Embed Code



Need some ideas for Trinkets to embed?  Try our Example Python Workshop or our free Python Trinket Creator.

3 – Paste the Embed Code in the editor.

Find the place you want your Trinket to show up and Paste the code there.  Click ‘Preview’ to make sure the Gadget box is in the right place.

 

Screenshot 2014-07-07 at 12.05.25 PM

That’s it!  You’re done!  You won’t see the Trinket live until you click Save.

 

Questions?  Drop us a note on Twitter.