Websites‎ > ‎

Google Sites How-tos

Google Sites How-tos by Steegle.com

Articles explaining how to do various tasks on Google Sites. If you can't find what you need use the search on the top right or request one-shot support.

Google Sites - FAQ (Frequently Asked Questions)

Please check the Google Sites FAQ first, then my how-tos below.

Further Help

If none of these articles help you there are other resources that may:

Feel free to suggest a how-to from me to write: go to Google Sites How To Suggestions to do so.

If you can't find what you need then use the search below to search for help from Google and user of Google Sites (search results open in a new window or tab):


Google Sites - Google Apps - Restrict Site Creation to Certain Users

posted 2 Jul 2015, 06:05 by Stephen Hind   [ updated 2 Jul 2015, 06:08 ]

Google Apps - Restrict Site Creation to an Organisation

Google Apps for Work, Education and Nonprofits offers organisation-level restrictions on Google Sites creation: these instructions tell you how you can allow selected organisational units to create sites.

Instructions

  1. Sign in to your Google Apps Admin Panel
    https://admin.google.com

  2. Open Apps, then Google Apps, and then Sites

  3. Use the three-dot menu drop-down at the top right and turn Sites
    ON for everyone

    Note: This can take 24 hours to take effect

  4. Open Sharing settings

  5. Select your overall domain (e.g. Steegle.com in the example)

  6. In the Site Creation section set
    users at [domain name] cannot create sites

    Note: This stops everyone in the domain creating sites

    Don't forget: use the Save changes button at the bottom-right corner

  7. Select the Organisation that you want to allow sharing for

  8. In the Site Creation section set 
    users at [organisation name] can create sites

    Don't forget:
     use the Save changes button at the bottom-right corner

    Note: This can take 24 hours to take effect

Screenshots

click for a larger image

Google Apps - Turn on Sites for Everyone 
Disallow Site Creation


Google Apps - Select Organisational Unit 
Allow Site Creation


Google Sites - Embed PDF from Google Drive

posted 21 Jan 2015, 03:29 by Stephen Hind   [ updated 2 Jul 2015, 06:04 ]

Google Sites - Embed PDF from Google Drive

Google Drive offers an embeddable preview of PDF files that you can add to your Google Site: these instructions tell you how to embed your Google Drive PDF file in your Google Site and a Video How-To.

Instructions

  1. Find the PDF file in Google Drive

  2. Preview the PDF file in Google Drive

  3. Pop-out the Google Drive preview

  4. Use the More actions menu and choose Embed item

  5. Copy code provided

  6. Edit Google Sites page where you want to embed

  7. Open the HTML Editor

  8. Paste the HTML embed code provided by the Google Drive preview

  9. Use the Update button and Save the page

Feedback

Please let us know if this article helped.




Screenshots

Click for larger images

Google Drive - Preview and Pop out Buttons

Google Drive Preview Button
Google Drive Preview Pop out button

Google Drive - Preview - More Actions - Embed Item

Google Drive - Preview - More Actions - Embed Item

Google Drive - Embed Item - HTML Code

Google Drive - Embed Item - HTML Code

Google Sites - HTML Editor - Embed Code Pasted

Google Sites - HTML Editor - Embed Code Pasted

Google Sites - Themes, Colours, and Fonts

posted 7 Aug 2014, 02:59 by Unknown user   [ updated 7 Aug 2014, 03:00 ]

Google Sites - Themes, Colours, and Fonts

Google Sites allows you to change the theme of your website, which can drastically or subtlety alter how it looks and feels. You can also customise the colour and size of your text, background colours/images and more.

Instructions

Note: To apply any of these changes, you must be the Site Owner

Change the Site Theme

When you create a site, you are asked to choose a theme. A theme puts certain proportions onto the layout (e.g. the distance between the horizontal navigation bar and the page content), and it also comes with default styles, like fonts, font colours, and background images.

You can change the theme of your site, and customise fonts, colours, images etc. as long as you are a site owner.

  1. Use the More button (shaped like a cog/wheel) and go to Manage Site, and then choose Themes, Colors, and Fonts (see Fig 1)

  2. Use the Base theme menu to choose your theme (see Fig 2)

  3. Use the Clear all customizations option to revert to the theme’s original state

Colours and Fonts

You can change the default style of your fonts in terms of size, colour and font face. You can change the style for the entire site, or only for certain types of text, like Site Title, Page Text and Headings.

  1. To change a default font style, use the More button (shaped like a cog/wheel) and go to Manage Site, and then choose Themes, Colors, and Fonts (see Fig 3)

  2. Select the area of the site you’d like to affect (e.g. Content area)

  3. Select the type of text you’d like to alter (e.g. Text)

  4. Use the options for Font, Size and Color to customise your text

  5. With Headers, you can specify the style for Headers (default), or you can adjust Headers (H2), Headers (H3), Headers (H4) independently

Note: if you customise Text in the Entire page section, this will override all other text customisations

Note: there is no way to customise the Horizontal navigation Dropdown Text Size except for customising the Entire page - Text option

Background Images and Colours

You can set the backgrounds of various parts of the website, including the entire page, the content area, and the site header, to be a particular image or colour.
  1. To access these settings, use the more button (gear/cog) and choose Manage Site, then go to Themes, Colors and Fonts

  2. To change the background image/colour, go to Entire page and Background. Here you can change the background to an image or a colour by using the various options.

  3. To use an image, use the image button (See Fig 4) and upload an image file. You can then choose its alignment, whether or not the image is repeated (useful for patterns) and more using the Options menu


Feedback

Please let us know if this article helped.




Screenshots

Change the Site Theme

Manage Site

Fig 1

Choose Theme

Fig 2

Colours and Fonts

Themes, Colors and Fonts Menu

Fig 3

Background Images and Colours

The image button, and image options

Fig 4

Google Sites - Allow Site Embedding (in iframes)

posted 6 May 2014, 02:22 by Stephen Hind   [ updated 6 May 2014, 02:33 ]

Google Sites - Allow Site Embedding (in iframes)

Do you want to embed Google Site on another site (in an iframe)? Google Sites now provides a setting to allow site embedding so you can allow your Google Site to appear in another site.

Instructions

  1. Use the More button (it looks like a gear/cog), then Manage Site (or keyboard shortcut g then m)

    Google Sites - Gear/More Button
  2. Scroll to the bottom of the General settings to find the Security section.

  3. To allow embedding of your site enable the
    Allow embedding of your sites in other sites option

  4. Use the red Save button at the top of Manage site

That's it, you're done! 

Feedback


Screenshots

Google Sites - Manage Site - Allow embedding of your sites in other sites


Google Sites - Domain Viewer Comments (not public)

posted 20 Mar 2014, 03:46 by Stephen Hind   [ updated 5 Jun 2014, 08:57 by Unknown user ]

Google Sites - Domain Viewer Comments (not public)

Do you want your invited domain viewers to comment on your Google Site? Enable Viewer Comments for Google Apps sites to enable those you invite as viewers, within your domain, to leave comments on the site.

Instructions

  1. Sign in to your Google Apps control panel at https://admin.google.com;

  2. Open the Google Apps option, then Sites and then Sharing settings;

  3. Scroll down to the Viewer commenting section and chose the 
    Users at [company] can enable viewer comments option;

  4. Sign in to the Google Site you wish to enable Viewer Commenting on;

  5. Use the More button and the Manage site (or keyboard shortcut g then m);

  6. On the General page scroll down to the Commenting section and enable the Allow page viewers to comment option.

  7. You may need to go to each page you want comments available for and use the More button and Page settings (or keyboard shortcut u) and enable the Allow comments option.

Domain Viewer Comments not Public 

Be aware that this will not work as public comments. Only invited domain viewers to the site (i.e. people or groups you add by their email address that belong to your Google Apps domain to Sharing and permissions) can comment as they need to sign in to the site to make comments. If you choose to disable the Sign in link in Edit system footer then viewers will find it difficult to sign in to the site to make comments. The viewers cannot comment on the site until they sign in to the site so this will never work on your site's mapped web address.

Feedback

Please let us know if this article helped.


Screenshots

Google Apps - Control Panel - Sites Sharing Settings

Google Apps - Control Panel - Sites Sharing Settings - Enable Viewer Commenting

Google Sites - Manage Site - General - Commenting

Google Sites - Manage Site - General - Commenting

Google Sites - Page Settings - Allow Comments

Google Sites - Page Settings - Allow Comments

Google Sites - Dismissible Site Notice

posted 19 Mar 2014, 14:13 by Stephen Hind   [ updated 6 Jun 2014, 08:45 by Unknown user ]

Google Sites - Dismissible Site Notice

Do you need to give a message to your visitors the first time they arrive? Use the Site Notice to provide a dismissible message your site visitors will see the first time they visit arrive at the site (a warning about cookies for example).

Instructions

  1. Sign in to your Google Site as owner;

  2. Use the More button then Manage site;

  3. On the General page enter the message, warning or notice you want your visitors to appear in the Site notice box.

  4. Use the red Save button and your site will refresh and you will see the notice with the OK got it button to dismiss the message.

Example Applications

  • Cookie Warning - European Union law requires European websites to warn visitors that your site uses cookies, as Google Sites do: the law requires the visitor to give consent for the site to store cookies on the visitor's computer. You can use the message to give a suitable warning that the site uses cookies and once the user dismisses the message the visitors will not see the message again.

  • Notice on Intranets - you can add a notice to your intranet so viewers can see a message. Once the viewers dismiss the warning they will not see it again until they clear their cookies or until you change the notice.

Feedback


Screenshots

Google Sites - Manage SIte - General - Site Notice

Google Sites - Manage Site - General - Site Notice

Google Sites - Cookies Warning - Example Site Notice

Google Sites - Cookie Warning - Example Site Notice

Google Sites - File Cabinet

posted 17 Mar 2014, 09:58 by Stephen Hind   [ updated 18 Aug 2014, 01:55 by Unknown user ]

Google Sites - File Cabinet

Do you want to share files from your Google Site? Use a File Cabinet page on Google Sites to upload multiple files, organise in folders, sort by name, size date and more. Find out how in our Google Sites File Cabinet Video.

Instructions

Create a File Cabinet page

  1. Sign in to your Google Site

  2. Use the Create page button

  3. Name your page

  4. Choose File cabinet from the Select a template to use

  5. Use the red Create button to create the page

Upload Files

  1. Navigate to your File Cabinet page

  2. Use Add files button

  3. Choose the file or files to upload. If you want to upload multiple files 

    • hold the Ctrl key on the keyboard (Cmd on a Mac) and click on the multiple files you want to upload

      or

    • click the first file and then hold the Shift key and click the last file and you will select all files in between.

  4. Use the Open button and the files will begin to upload

  5. Once the files upload the page refreshes and displays the new files

Sort Files and Collapse Folders by Default

  1. Navigate to your File Cabinet page

  2. Use the More button (looks like a cog/gear) then Page settings

  3. Enable the Collapse folders by default and Show headers options

  4. Once the file cabinet page refreshes you will see all folder collapsed and you need to expand each on individually and the file cabinet displays the headers that allow you to sort the list of files.

    Note: you cannot set the default sort option, any viewer can pick their own.

Feedback

Screenshots

Google Sites - Create a File Cabinet

Google Sites - Create a File Cabinet

Google Sites - File Cabinet - Upload Multiple Files

Google Sites - File Cabinet - Upload Multiple Files

Google Sites - File Cabinet - Page Settings

Google Sites - File Cabinet - Page Settings

Google Sites - Index the right address (Canonical URL)

posted 21 Feb 2014, 07:32 by Stephen Hind   [ updated 5 Jun 2014, 08:52 by Unknown user ]

Google Sites - Index the right address (Canonical URL)

Does your site appear in Google Search with the sites.google.com address? Set the canonical URL of the site so Google Search knows which URL you want indexed in search results.

Instructions

Personal Google Sites (sites.google.com/site/...)

  1. Sign in to the site you want to set the canonical URL for;

  2. Use the More button then Manage site (or the keyboard shortcut g then m);

  3. Go to the Web address page and if your Google Sites uses only one web address mapping then Google SItes sets it as your canonical URL by default: you need to do nothing therefore.

    Note: we strongly recommend you follow the steps in Google Sites - Get Found in Google Search - Google Webmaster Tools to ensure Google Search know about your chosen mapped web address.

  4. If your site uses more than one mapped web address then use the Set as canonical link next to the web address you want Google Search to use in the search engine result pages.

Google Apps Sites (sites.google.com/a/...)

  1. Sign in to the site you want to set the canonical URL for;

  2. Use the More button then Manage site (or the keyboard shortcut g then m);

  3. In the General section scroll down to the Canonical URI section and enter the web address you want Google Search to index as the canonical URI.

    Note: you need to enter a mapped web address that the site already uses in your Google Apps control panel: if you wish to use a new address then you first need to map this address correctly in Google Apps

    We strongly recommend you follow the steps in Google Sites - Get Found in Google Search - Google Webmaster Tools to ensure Google Search know about your chosen mapped web address.

  4. If you want to change or clear the canonical URI then enter a different mapped web address or delete the URL in the Canonical URI box.

  5. Use the red Save button to send live the canonical URL.

Feedback


Screenshots

Google Sites - Manage Site - Web Address - Set as Canonical

Google Sites - Set your preferred canonical URL so search engines index the right one.

Google Apps Site - Manage Site - General - Canonical URI

Google Apps Site - Manage Site - General - Canonical URL


Google Sites - Embed a Google+ Post

posted 14 Feb 2014, 02:07 by Stephen Hind   [ updated 5 Mar 2014, 05:08 ]

Google Sites - Embed a Google+ Post

Want to know how to embed a Google+ Post in a Google Site? These instructions show you how to embed a Google+ post in your Google Sites, complete with comments.

Instructions

  1. Find the Google+ post you want to embed in your Google Site; 
    Note: you cannot embed a Google+ event, only a public post

  2. Use the Google+ post's drop-down menu at the top right corner (looks like a downward pointing chevron) and then Link to post

  3. Copy the link of the post (URL) from the Link to this post box;   

  4. Sign in to your Google Site and edit the page where you want the Google+ post to appear; 

  5. Use the Insert menu then Google+  and then Google+ post

  6. Paste the link to the Google+ post in the Link to a Publicly Shared Google+ Post (required) box; 

  7. Choose whether to Include a border around gadget or Display title on gadget

  8. Use the OK button to embed the post and the grey placeholder will appear in the page editor; 

  9. Save your page and once the page refreshes you will see your embedded post.

Feedback

Please let us know if this article helped.


Screenshots

Google+ - Get Link to Post

Google+ - Link to post

Google+ - Link to this post

Google Sites - Insert - Google+ - Post

Google Sites - Insert - Google+ - Post

Google Sites - Embed a Google+ Post

Google Sites - Embed a Google+ Post

Google Sites - Copy Page

posted 31 Jan 2014, 02:20 by Stephen Hind   [ updated 6 Mar 2015, 08:06 ]

Google Sites - Copy Page

Need to make a copy of a page on Google Sites? Google Sites now provides the Copy Page feature, you can make an exact copy of a page to another location on the same site.  

Instructions

  1. Navigate to the page you wish to copy; 

  2. Use the More button then Copy page (or use the keyboard shortcut Shift+c); 

  3. Enter a name for your copied page in the Name your page: box and Select a location for the copied page; 

  4. Use the red Copy button at the towards the top of the page to start the page copy process;  

  5. Once copied Google Sites will take you to the copied page and open the editor so you can make any necessary changes. 

Screenshots

click for a larger image

Google Sites - More - Copy Page

Google Sites - More button - Copy page option

Google Sites - Copy Page - Dialogue Box

Google Sites  - Copy Page - Dialogue box

1-10 of 70