Embedding Widget

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:

    HTML button
  2. Paste iFrame code into the HTML field:

    iFrame code
  3. Widget will appear on Edit Page screen:

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

    Widget on site

Gadget

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

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

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

    Widget configuration
  4. Widget will appear on Edit Page screen:

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

    Widget on 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:

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

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

    Wonder Widget Blogger URL
  4. After inserting, it will be shown in Layouts view:

    Wonder Widget as gadget in layouts view
  5. And finally it will be shown on your blog:

    Wonder Widget on Blog
×

Spread the Joy of Wonder

Wonderopolis Widget

Interested in sharing Wonderopolis® every day? Want to add a little wonder to your website? Help spread the wonder of families learning together.

Add widget