Google Sites

There are two ways to add Wonder Widget to your Google Site: embedding iFrame or adding Gadget.

iFrame

1. When in Edit Page mode, choose a place where you want to add a widget, than click on HTML button on toolbar:

   

2. Paste iFrame code into the HTML field:

   

3. Widget will appear on Edit Page screen:

   

4. And, after saving the page, Widget will appear on your page:

   

Gadget

1. When in Edit Page mode, choose a place where you want to add a widget, than from Insert menu choose More gadgets..

   

2. In newly opened window choose Add gadget by URL menu from the sidebar, and paste Widget link (https://www.wonderopolis.org/widget/google-sites)into the input field

   

3. On next screen, choose width and height and click on OK

   

4. Widget will appear on Edit Page screen:

   

5. After saving the page, Widget will appear on your site

   

Blogger

In order to add Wonder Widget to your Blogger, follow these steps:

1. On your Blog Dashboard, choose Layout menu in the sidebar:

   

2. Choose a place where you want to add widget, and click on an Add a Gadget link:

   

3. In newly opened window, choose Add your own in sidebar, and paste widget link (https://www.wonderopolis.org/widget/blogger) into input field:

   

4. After inserting, it will be shown in Layouts view:

   

5. And finally it will be shown on your blog: