Search
Clear search
Close search
Google apps
Main menu

Create custom page layouts or gadgets

Use the HTML Box tool to customize the appearance of your site.

You can edit your page’s HTML or use an HTML box to add elements that aren’t supported in default Sites. For example, you can create image carousels, custom menus, submission forms, or jQuery-based widgets.

This article is for the classic Google Sites (no “Publish” button at the top right). Get help for the new Google Sites.

Make a custom page layout

You can edit your page’s HTML to create custom page layouts.

  1. Open your website in Google Sites.
  2. Go to the page you want to edit.
  3. Click Edit Edit.
  4. Click Edit HTML source <HTML>.
  5. You’ll see your page’s HTML code in the "Edit HTML" window.
  6. Make changes or paste HTML script from another site.
  7. To see how your changes will look, click Preview.
  8. When you’re done, click Update.

Create custom widgets, menus, forms, or carousels

To create custom widget, menus, forms, or carousels, insert an HTML box on your page. You can use JavaScript, HTML, or CSS.

  1. Open your website in Google Sites.
  2. In the sitemap on the left, click the page you want to edit.
  3. Click Edit Edit.
  4. Click where you want to put the HTML box.
  5. Click Insert and then HTML Box.
  6. Write or paste the HTML, CSS, or JavaScript you want to put on your page.
  7. When you’re done writing or pasting code, click Save.
  8. At the top right, click Save.
Tips for using the HTML Box
Features that don’t work with the HTML box

You can’t use the HTML box to add:

  • iframes
  • Script, image, or link tags created by JavaScript code
  • Document or window onload and onready functions. You can add JavaScript at the end of code that needs to load after the document.
Was this article helpful?
How can we improve it?