Gain knowledge

How to use
Google Sites

Learn how to use Google Sites with these tutorials and demonstrations

The articles below are for new Google Sites: if you still use classic Google Sites see Classic Google Sites How Tos

Sales Hotlines

US ✆  +1 (302) 672 3007

UK ✆  +44 (207) 871 5021

Built with the new Google Sites

Need help with your Google Sites Design?

If you're designing a website in Google Sites then why not get some inspiration from our Google Sites Websites Designs? Alternatively if you want to provide your company a private intranet then have a look at the intranet designs you can achieve on our Google Sites Intranet Designs examples. As you will see from our design examples we have worked with several businesses and create innovative and effective public websites and secure intranets using Google Sites.

Stuck with Google Sites and need support?

If you don't need a full design for your Google Site and just need some advice and support to point you in the right direction then get Google Sites Support from Steegle.

Social Sharing

Settings

How to use the settings menu in Google Sites
How to set the Navigation options in Google Sites

Navigation

Use side navigation in new Google Sites

Enable side navigation, instead of top navigation, and learn how it appears responsively in Google Sites.

Change the navigation and logo background color in Navigation Settings - new Google Sites

How to set the site logo and navigation background colour to transparent, white or black in Google Sites

How to upload Brand images to Google Sites

Brand images

Add a site logo with alt text to new Google Sites

Upload or select a logo for your Google Site and add its alt text for SEO and accessibility.

Add a favicon to new Google Sites

Add a custom favicon to your Google Sites to give an icon in the tab and bookmarks/favourites.

How to configure the Viewer tools in Google Sites

Viewer tools

How to show or hide the date and time a page was last edited and the contact form in Workspace Google Sites

Show or hide the date and time a page was last updated and a contact form for Google Workspace sites.

Copy Header Link - Gets links to a specific heading on a page - new Google Sites

Gets links to a specific heading on a page in Google Sites and how to disable the display of these anchor links

How to add a Custom domain URL to your Google Site

Custom domains

Assign a Custom Domain URL Web Address to a new Google Sites (Personal)

Add your own custom domain (URL) web address to a Google Site made with a Gmail or personal Google Account.

Assign a Custom URL Web Address to a new Google Sites (Workspace)

Use your Google Workspace domain as a custom URL web address on a Google Site added by a Workspace Admin.

How to add Google Analytics to a Google Site

Analytics

Add Google Analytics to your Google Site

Enable Google Analytics for your Google Site, to see the pageviews, traffic and audience of your site.

Steegle Heroes: the employee recognition system for Google Workspace

Steegle Heroes for Google Workspace

Employee recognition system: Steegle Heroes allows you to thank and recognise your colleagues, coworkers and employees spotlight a hero as an Employee of the month.
How to add an Announcement banner to a Google Site

Announcement banner

Add an announcement banner to your Google Site

Add an announcement banner to your site to promote prominent information and announcements

Steegle News: the missing news gadget for Google Sites

Steegle News
for Google Sites

Display headlines, snippets and metadata linked to your news articles and blog pages on your Google Site and filter by tags added to the news gadget. See the Steegle News Gadget.

Insert

How to use the Insert panel in Google Sites
How to use Text boxes in Google Sites

Text box

Text editing, formatting and layout in new Google Sites

Add, format (including custom font selection) and layout text in Google Sites

Position text boxes in separate columns in Google Sites

Align text tiles into columns and use the guides to centre them in the Google Sites editor

Sections - new Google Sites

Use sections to horizontally group content and alter background images in new Google Sites.

Link to pages, websites and Drive items in new Google Sites

Easily link to pages and Drive items by searching or provide a URL to a website in Google Sites.

Text background highlight colour option for new google site

Highlight important text with a background colour of the text in Google Site.

Steegle People: the employee directory with instant, automatic org charts for Google Workspace

Steegle People Org Charts
for Google Workspace

Searchable staff directory for Google Workspace, with real-time search results, that automatically generates org charts to show your organisation structure - Steegle People.  
How to use Images in Google Sites

Images

Images - Google Sites

Insert, resize, crop and zoom images in new Google Sites by adding from Google Drive, upload or pasting

Image Height Guides - Google Sites

Make your images a consistent height within the same section of a Google Site.

Add Image Carousels - Insert automatic image sliders and picture slideshows - Google Sites

Insert automatic image carousels, photo slider, picture slideshows, and galleries in Google Sites

Make an image a link to a page, website or Drive item - Google Sites

Make an image a link to another Google Site page, Google Drive item or another website in Google Sites

How to insert files, folders and Shared Drives in Google Sites

Drive

Insert PDFs, Word DOCX and Drive items - Google Sites

Insert folders from Google Drive or any file that offers a Google Drive preview in Google Sites.

Uploads files to Google Drive and insert to Google Sites

Use Google Drive to upload and share your files you want to provide from your Google Site.

Insert content from Team Drives - New Google Sites

Add files stored in Shared Drives, Shared Drive folders, or entire Shared Drives, to your Google Site.

Steegle Share: insert a navigable, searchable Google Drive embed in Google Sites

Steegle Share for Google Drive

If the standard Google Drive Folder embed does not give you everything you need, take a look at the Steegle Share for Google Drive that offers search, sorting, download links and more...
Insert websites and Appscripts by URL or HTML, CSS and JavaScript by code in Google Sites

Embed

Insert websites, iframe or embed URLs and Google Apps Scripts in Google Sites

Insert external websites and web apps from Google Apps Script and Firebase (and more) to Google Sites with this iframe tool.

Related articles: Insert custom code HTML, JavaScript and CSS
Insert HTML, CSS, JavaScript and other custom code in Google Sites

Embed your own custom HTML, JavaScript and CSS to add Twitter Timelines, Newsletter sign up forms, Disqus comments and more

Related articles: Dynamic Image by URL; Bootstrap Carousel Demo; Facebook Page Plugin; Google Custom Search Engine; Insert Disqus Commenting; Insert HTML Tables; Social Media Share Buttons
Insert content block and other components in Google Sites

Content Blocks

Layout sections in Google Sites

Quickly organise the content on your page with predefined section layouts in Google Sites

Duplicate sections in Google Sites

Duplicate Sections in your Google Sites and Copy and Paste across different pages

Group content vertically in new Google Sites

Group text, images and other items into vertical groups to give aligned content blocks in Google Sites.

Copy and paste content in a new Google Sites

How to cut, copy and paste text, images, embeds, vertical groups and entire sections in Google Sites.

Insert collapsible groups of text boxes and images in Google Sites

Add collapsible and expandable groups with either text or images as the heading to a Google Site.

Insert an automatically-generated table of contents that links to the headings through page anchors in new Google Sites

Insert an automatically-generated table of contents that links to the headings through page anchors in Google Sites.

Add Image Carousels - Insert automatic image sliders and picture slideshows - Google Sites

Insert automatic image carousels, photo slider, picture slideshows, and galleries in Google Sites.

Insert and style buttons in Google Sites

How to add and style buttons to Google Sites to make consistent links stand out.

Insert dividers - Google Sites

Visually break up your page by adding dividers between sections in Google Sites.

Add height-adjustable invisible space to your Google Sites' content to help layout your sections.

Add social links to highlight your social media presence, and insert and style social links to match your look and feel.

Insert placeholders in Google Sites

Add placeholders to pages to assist your collaborative editors with adding images, Drive items, YouTube, Calendar or Maps.

Insert the Cloud Search gadget and configure the site search options in Google Workspace owned Google Sites

(Google Workspace Business and Enterprise Only)

Change the site search option or add the CloudSearch gadget to a page in a Google Site.

Insert YouTube videos from search results or uploads - Google Sites

Insert YouTube videos for either video search results or your own uploaded videos in Google Sites.

Insert Calendars in Google Sites

Insert single and multiple calendars, without colour coding, to your Google Sites pages.

Insert charts in Google Sites

Insert charts contained within Google Sheets spreadsheets to your Google Sites.

Pages

How to manage pages, links, menu sections, and the navigation in Google Sites
How to manage the navigation in Google Sites

Navigation Management

Filter pages in the Google Sites editor

Find your pages easily in the Google Sites editor with all or part of the assigned page name.

Pages and navigation - Google Sites

Add pages or sub-pages, and organise the page order of the side or top navigation in Google Sites.

Add Links to Navigation - Google Sites

Add links to external websites, other site pages, or items in Drive, in your Google Site's side or top navigation.

Add Menu Sections to the Navigation in Google Sites

Add links to external websites, other site pages, or items in Drive, in your Google Site's side or top navigation.

How to add embedded content in a full-page view in Google Sites

Embed gadgets, other websites or Drive items in a full-page view on any desktop or mobile device.


Steegle People: the employee directory with instant, automatic org charts for Google Workspace

Steegle People Org Charts
for Google Workspace

Searchable staff directory for Google Workspace, with real-time search results, that automatically generates org charts to show your organisation structure - Steegle People.  
How to manage pages in Google Sites

Page Management

Copy pages in Google Sites

Copy entire pages, or use the copy page feature as a replacement for page templates, in Google Sites.

Give your page a different path in Google Sites

Set a page's path (part of the URL) so it does not follow the automatic assignment in Google Sites.

Nest sub pages 5 deep in Google Sites

Google Sites offers 5 levels of page hierarchy to create and moves subpages in the navigation.

Pages headers - Google Sites

Page headers capabilities and limitations in Google Sites

Cover Page Header - Google Sites

Get a full-screen background image with the cover page header type in Google Sites.

Pages headers - Google Sites

Remove a page header from a Google Sites page and add back a blank page header.

Themes

How to use Themes in Google Sites
Google-created themes available in Google Sites

See what you can achieve with the Themes in Google Sites, but you may prefer to make your own Custom Theme.

Set a custom theme color in Google-created theme created in Google Sites

Specify a custom theme colour or pick a colour from your site logo automagically detected by Google Sites.

Custom Themes - Google Sites

How to make a Custom Theme for your Google Site with specific fonts, colours, images and backgrounds.

Steegle.One Intranet
for Google Workspace

We provide an on-brand intranet to enable your employees to: start work with the right tools; find people with appropriate skills; collaborate with teams; access resources; thank heroic colleagues and coworkers.

Site Management

How to manage a site in Google Sites
How to use the options on the three-dot More menu in Google Sites

More

Version history - Google Sites

Find previous versions of site or page and restore to that previous version or make a copied site from a revision.

Make a copy - Google Sites

Duplicate an all or part of a Google Site to use as a template, or as a backup of your site, or as a way to transfer ownership.

Send feedback, report bugs, and make feature requests directly to Google - Google Sites

Send your feature requests and bug reports directly to Google from the Google Sites editor.

Steegle News: the missing news gadget for Google Sites

Steegle News
for Google Sites

Display headlines, snippets and metadata linked to your news articles and blog pages on your Google Site and filter by tags added to the news gadget. See the Steegle News Gadget.
How to use the site-wide features in Google Sites

Site-wide Actions

Publish a Google Site and control who can see it

Publish your site to just your organisation, the whole web or a select group of individuals

Add a footer to Google Sites

How to add a site-wide footer to Google Sites.

Related articles: Move content out of footer
Responsive design - Google Sites

Learn how to make use of Google Sites fully mobile responsiveness and learn to live with multi-screen design concepts.

Transfer ownership of a Google Site

Make another user the owner of your Google Site, transfer to a different Google Workspace domain via Shared Drives.

Site Search - Google Sites

Search for page content at your Google Sites published URL with the built-in site search.

Add and verify a Google Site in the Google Search Console

Add and verify your sites.google.com URL to the Google Search Console to help with Search Engine Optimization (SEO).

Migrate classic Google Sites to new Google Sites

See how to migrate a classic to new Sites and find out when you can expect to see classic Google Sites deprecation.

Export a Google Site using Google Takeout

Use Google Takeout to export your new Google Sites to HTML and images files, to view offline on your device as a backup.

Extending Google Sites

How to extend Google Sites
Add eCommerce with to a Google Site with Ecwid

Extend your Google Site with ecwid to make it an eCommerce or shopping portal for your products and services. 

Steegle.One Intranet
for Google Workspace

We provide an on-brand intranet to enable your employees to: start work with the right tools; find people with appropriate skills; collaborate with teams; access resources; thank heroic colleagues and coworkers.

Feedback

Please let us know if this article helped or if you know of of any improvements.

Keep up-to-date

Join the Sites Update Group on the Google Sites Classic Comparison to get email notifications about New Google Sites updates.

Newsletter

Subscribe to our newsletter for emails about all things Steegle.com