Sites

Sites > Chapter 5: Embed documents, gadgets, media, and other Google tools

Table of contents

Rich media options for a site

Add standard content to a page

Formatting overview

Format text on a page

Add links to a page

Insert a table on a page

Insert an image on a page

Add a table of contents to a page

Add a subpage listing gadget

Insert custom HTML, CSS, and Javascript

Insert Google product gadgets on a page

Google products in Sites

Google Docs

Google Docs Video

Google Spreadsheet Chart

Google Calendar

Google Maps

Picasa

Edit and position gadgets on a page

Find and create other gadgets

Blacklist gadgets

Manage files and attachments for a site

Manage files with the Attachment Manager

Replace or rename files with the Attachment Manager

Move or upload files with the Attachment Manager

Delete or recover files with the Attachment Manager

Customize search for a site

Search options for a site

Configure search for your school domain and Google

Configure search by selecting school domain sites or a Custom Search Engine

Find the URL for a custom search engine

Google Apps Scripts

Rich media options for a site

Google Sites is integrated with other Google products, so you can easily insert videos, docs, spreadsheets, presentations, photo slide shows, maps, and calendars directly onto your Google Sites pages.

You can also include other rich media in the form of gadgets. Gadgets are lightweight applications written in HTML and JavaScript.  They are essentially little pieces of code for your site that have been created by others for your use.

Gadgets powered by Google are miniature objects made by Google users like you that offer cool and dynamic content that can be placed on any page on the web.

Gadgets might come in handy when you're at work (to-do list, currency converter, calendar), at school (calculator, Wikipedia, translation tool), or just passing time (news, blogs, games). You can add gadgets to any page in your site, and visitors can also add gadgets to the personalized space on a start page.

And because creating a Google Site is as easy as editing a document, with no markup language for you to learn, adding gadgets and rich media is just as easy. There are a few settings to choose as far as how it will be displayed on your site, but you do not need to know any coding language to include gadgets on your site.

All of these options are available under the Insert menu while editing your site.

Add standard content to a page

Formatting overview

When you start editing a page on your site, you can format the page with the following:

Format text on a page

You can format text on a page in your site just as you would on a standard document.

From the formatting toolbar, you can:

• Choose a font

• Select the size of text

• Add general formatting such as bold, italics, and underline

• Change the text color

• Change the text background color

Additionally, you can format paragraphs of text as numbered or bulleted lists, indentations, and horizontal spacing.

Add links to a page

You can insert a link anywhere on a page on your site using the Link icon on the formatting toolbar

Or by clicking on 'Link' within the Insert menu.

The Create link window allows you to choose from three types of links. The first two are pages within your site and pages outside of your site. The third is a link to an Apps Script.

If you choose to link to an existing page within your site, the link will show up as the page name.

If you type in a web address, the link will appear as the full URL.

You can have a link appear as text instead of a page name or full URL, just follow these steps:

  1. Select the text you would like to appear as a link (e.g., View the library page).
  2. Click the Link icon on the formatting toolbar or click the Insert menu and select Link.
  3. If you would like to link to an existing page, select it from the Existing page category. If you would like to link to another URL, click the 'Web address' and type or paste in the full URL.
  4. Click Ok.

The text you highlighted will now appear as a hyperlink going to the page you selected.

You can access the link settings at any time by placing your cursor anywhere within a hyperlinked text and clicking the Change link that appears.

In the insert link menu, you can change the link location or check whether you would like the link to open in a new window.


To remove a link from a text selection, place your cursor anywhere within the hyperlinked text and click the Remove link that appears.

Please note: This will only remove the hyperlink from the text, not the text itself.

Insert a table on a page

Tables are useful for controlling the alignment and position of content on your web page.

You can insert a table on a page with rows and columns anywhere on your page, just follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Place your cursor at the point on the page you want to insert a table.
  3. Click Table  in the Sites toolbar.
  4. Select Insert table and mouse over the 'size' of the table you would like to insert by clicking on the bottom right corner of your desired table size.

Your table will appear on your page and you can begin adding content.

To add new columns or rows, click on the cell closest to the part of the table where you would like to add another row or column. Click the Table option in the Sites toolbar and select Insert [column/row] [right/left or up/down].

To remove columns or rows, click on the desired row or column, click the Table option in the Sites toolbar and select Delete row/column.

To delete the table, click on a cell anywhere in the table, click the Table option in the Sites toolbar and select Delete table.

Resizing your table:

You can resize individual columns or rows by clicking on a cell and using the resize tools on the border of the cell.

Another way to adjust the size of one row or one column within a table is to edit the HTML.

Please keep in mind that the table feature auto sizes depending on what content you place in it. In most cases, the table will resize proportionally correct for what has been input and shouldn't require manual re-sizing. Also, if you remove the width attribute from every cell in a column, the browser will automatically resize the cells based on content width.

Insert an image on a page

You can insert an image while in edit mode (if you see the Save or Cancel buttons in the top right, you are in edit mode. If not, click the Edit page button).

To insert an image, click on the Insert option in the Sites toolbar and selecting Image.

Then either browse for the image on your machine or upload it from a specific web address. All images are scrubbed for vulnerabilities and converted to either JPG or PNG.

Once an image is included on a page, you may access controls for changing its size, alignment and whether text wraps around it by clicking on the image in edit mode.

The controls then appear as links directly below the image. There are 3 properties you can modify

The image is automatically linked to itself, allowing users to render it full screen by clicking it.

You may also manually resize the image on the page within the HTML source view by including attributes for width, height or both within the img src tag, such as: width="800px" . Click on the HTML icon on the toolbar while in edit mode to access the HTML code.

Add a table of contents to a page

Google Sites can automatically generate a table of contents for your page based on text heading styles. A table of contents can be a useful tool for visitors on your site to jump to sections on your page that are interesting or relevant.

To automatically create a table of contents for your page, follow these steps:

  1. To set a heading style for a selection of text, click on the Format menu and select the appropriate header size.
  2. To insert a table of contents, place the cursor where you would like the table of contents to appear. Then click on the Insert menu and select Table of contents.
  3. Select the width and the level you wish to display in the table of contents
  1. Upon saving the page, a table of contents will appear where the cursor was placed.

Edit Table of Content Gadget settings

You can edit the width, levels, and layout properties of the Table of Contents gadget at any time, just follow these steps:

  1. While editing the page, click on the Table of Contents gadget.
  2. The gadget controls then appear as links directly below the gadget. There are 2 properties you can modify:

Remove the Table of Contents gadget

You can remove a table of contents by clicking anywhere inside the table of contents while editing the page and clicking the X link that appears.

Please note: If you find any entries blank (table of contents numbers but no corresponding text), select the problematic text and click the Remove formatting (T) button. This strips conflicting formatting tags that are preventing the table of contents from being generated completely.

Add a subpage listing gadget

In addition to creating sub-menus within the navigation menus, you can also add a subpage listing gadget for automatically generating index pages based on site structure. Like the sidebar navigation, it is configurable to a depth of your choosing. Site collaborators can add the gadget to any page by going to: "Edit page" -> "Insert" menu -> "Subpage listing."

Add a subpage listing

To add a listing to a main page with links to the subpages, follow these steps:

  1. Click the top level page in the sidebar, then click the Edit page button.
  2. Click Insert > Subpage listing.
  3. Enter the title of the main page in the Title field. Select the appearance of the listing and click Save.

You'll now have sub-menus for your pages. You can repeat this for all top level pages and subpages.

Insert custom HTML, CSS, and Javascript

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

With the HTML Box tool, you can add HTML, CSS and Javascript into a Google Sites page. The tool lets you add functional CSS and Javascript to customize the look and feel of your Google Site. For example, you could create image carousels, custom menus, submission forms and jQuery-based widgets.

This tool is different than using the HTML button in the toolbar when you’re editing a page, as the HTML button allows you to make small edits to HTML and inline CSS, but it does not allow you to write custom Javascript.

Insert custom HTML, CSS and Javascript

  1. Go to the Google Sites page that you’d like to embed HTML in.
  2. Go to the Insert menu and select HTML Box.
  3. In the dialog that opens, add HTML, CSS and/or Javascript code.
  4. When you’re done, click Save.
  5. To preview your embedded HTML, click Save on the Google Site page.

Tips for writing HTML with the HTML Box tool

For samples of this code in action, please visit http://support.google.com/sites/bin/answer.py?hl=en&answer=2500646

Insert Google product gadgets on a page

Google products in Sites

As part of the Google Apps product suite, Google Sites makes it very easy to embed other Google Apps products into your site. Because you are already logged in to your school Apps account while editing your site, Google will be able to pull any calendars, documents, spreadsheets, forms, or presentations, associated with your account.

In addition to the Apps products, you can also insert a Google Map or Picasa photos or photo albums with just a few clicks.

As always, you do not need to know any code to add these items to your site - Google has already done the coding for you with the gadgets.

You can get to any of these options by clicking on the Insert menu and browsing the gadgets listed under the Google... heading.

Google Docs

You can easily embed anything from your Google Docs in your school Apps account into your site including documents, presentations, spreadsheets, and forms.

When you embed something from Google Docs, any time you update something in Google Docs, the changes will be reflected on your site. This can prevent the need to update information in two places - in Docs and on your site.

For example, if you keep a course syllabus in Google Docs, it could be easier to embed that document directly into your site instead of copying and pasting the information. This way, if you ever need to make changes, the new information will automatically be updated on your site without you having to edit the site.

To ensure your site always contains the latest version, set the Google Docs object to automatically republish changes.

To embed one of your Google Docs from your school Apps account on your page, follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Place your cursor at the point on the page you want to insert your document/presentation/spreadsheet/form.
  3. Click the Insert menu and select the Google Docs type from the menu: Document, Presentation, Spreadsheet, or Form.
  4. The Insert window will display a list of all the types of Google products. The type you selected from the Insert menu will be selected and a list of the associated files will be shown on the right.
  5. You can either click on the document you wish to insert, search for the document in the search box (and click Search) or paste in the web address of the Google Docs file.
  6. Click Select.
  7. You will then have some gadget display options to set:
  1. Click Save.
  2. The gadget will appear as a blank 'box' on your page. To see the gadget content, click the Save button in the top right.

Please note: Be sure that you're using the "Insert" function in order to embed objects. Cutting and pasting the embedding won't work as it will be stripped out.

You can change the settings of your Google Docs gadget at anytime, just follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click anywhere on the gadget box.
  3. Click the Properties link that appears.

To remove a Google Docs gadget, follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click anywhere on the gadget box.
  3. Click the Remove link that appears.

Your gadget will now be removed from your page.

Google Docs Video

In a site, go to ‘Edit page,’ click on ‘Insert,’ scroll down to ‘Video,' and select ‘Docs video.' Choose a video stored in your Google Docs account from the pop up dialog.

Google Spreadsheet Chart

Inserting a chart into a site is a helpful way to display data or information from a spreadsheet on your site. For example, you can insert an organizational chart to show your business' organizational structure or a geomap to show where your family members live.

Charts in sites display information from a Google spreadsheet. You can decide to choose between two modes Live and Snapshot to show the data.

To insert a chart into a site, follow these steps:

  1. Open the site page you'd like to insert a chart into.
  2. Click the edit page button.
  3. Go to the Insert menu, and select Chart.
  4. Select a spreadsheet from the list that contains the chart data you'd like to display.
  5. If the spreadsheet already contains a chart, you can select the chart. This will be a snapshot of the spreadsheet chart, and the chart won't update if spreadsheet data is modified. To insert a chart that dynamically updates, open the charts editor and select the Live option.
  6. If the spreadsheet doesn't already have a chart in it, enter a range of data. If you mark Live, the chart will update as spreadsheet data is modified. If you mark Snapshot, the chart won't update unless you manually do so. Learn more about creating a chart.
  7. Once you've selected or created a chart, click OK.
  8. On the next page, you can adjust the dimensions of the chart and change the title. When you've done so, click Save, and the chart will be inserted into the page.

Here are some tips and things to keep in mind:

Google Calendar

You can embed any calendar from your school Apps calendar account on your Google Site.

This can be useful if you have set-up a class or homework calendar that you would like to include on a class site. Or if you are creating a school-wide site, it can be useful to include an academic/holiday calendar or a sports schedule calendar.

The Google Calendar gadget in Google Sites now also lets you add multiple calendars into a single gadget, so you can display a testing calendar, homework calendar, and school calendar all together.

To embed one of your calendars from your school Apps account on your page, follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Place your cursor at the point on the page you want to insert your document/presentation/spreadsheet/form.
  3. Click the Insert menu and select the Google Calendar type from the drop down menu.
  4. The Insert window will have a list of all the types of Google products. The Calendar type will already be selected from the Insert menu and a list of calendars associated with your school Apps account will appear on the right.
  1. You can either click on the calendar you wish to insert, search for the calendar in the search box (and click Search) or paste in the web address of the Google Calendar.
  2. Click Select.
  3. To add another calendar to appear in the same gadget, click the Display another calendar link and select the second (or third, fourth) calendar from your calendar list.
  4. Choose the options you want for your Calendar and click Save.
  5. The gadget will appear as a blank 'box' on your page. To see the gadget content, click the Save button in the top right.

Please note: You'll need to make sure that the calendar is shared with the members of your site in order to avoid an Insufficient Privileges error.

To change other options not available in the calendar gadget settings, you'll need to create a custom calendar gadget.

Google Maps

Embedding a Google Map into your Google Site and sharing it with anyone at your school is easy, just follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click the Insert menu and select Map. A window with a map appears.
  3. Type in an address or location in the search box and click Search. Your location appears in the map, marked with a red placemark.
  4. Inside the map, there are three options you can select: map, satellite map, and a hybrid of both. Click one, then click Select.
  5. Please note: if you have an existing Google Map you'd like to add, simply add the link to the box below the map and click Select.
  6. In the next window that appears, you can add a title to the map, choose to display a border around the map, or change its size.
  7. Click Save at the bottom of the window after selecting your options.
  8. The map gadget will appear as a blank 'box' on your page. Click Save again at the top of the page to save all your changes and view the map gadget.

Picasa

You can embed an album from Picasa. You can add a URL from any Picasa account, it does not need to be associated with your school Apps account. In fact, you can include an album from someone else entirely provided they have given you or the public access to the photo/album.

Please note: When you are using Google Sites on your school Apps account, you will not have the ability to add a single photo as your Apps account is not associated with a Picasa account. You will be able to paste in any URL of a Picasa web album.

To insert a Picasa web album on your page, follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click Insert and select Picasa Web slideshow.
  3. Paste the URL of the album you'd like to insert.
  4. Select the size of the slideshow and how you want to display it on the page.
  1. Click Save.
  2. The Picasa album gadget will appear as a blank 'box' on your page. Click Save again at the top of the page to save all your changes and view the slideshow gadget.

Edit and position gadgets on a page

After you insert a gadget on your page, a small window will appear anytime you click on the gadget while in editing mode.

The options are:

To modify these options for your gadget, follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Click anywhere on the gadget you would like to modify.
  3. Select the appropriate links from the small window.

Find and create other gadgets

Find gadgets with the gadget directory

Gadgets are lightweight applications written in HTML and JavaScript. In Google Sites, gadgets let you embed rich media, retrieve feeds, and perform simple tasks like managing a to-do list.

Most gadgets that you use are hosted on the public internet and their source code could be read by anyone.

However, Google Apps Education customers can create private gadgets that are only visible to members of their Google Apps domain. You can find these gadgets in a directory with your school's domain name within the gadgets directory.

Besides the Google-powered gadgets and the Sites specific gadgets, you can include other gadgets on your site that are published in the gadget directory.

Useful education gadgets that could be used include:

To add a gadget from the public directory, follow these steps:

  1. Make sure you are in editing mode on your page (if you see the Save or Cancel buttons, you are in editing mode, otherwise, click the Edit page button).
  2. Place your cursor at the point on the page you want to insert your gadget.
  3. Click the Insert menu and select More gadgets at the bottom of the drop down menu.
  4. In the gadget window there are a few options to narrow down your selection:
  1. Click on the name of the gadget you wish to add.
  2. You can now view more information about the gadget and choose to Select the gadget for your page or to Cancel and return to the gadget directory.
  3. When you select a gadget, there will be a set of customization options depending on the gadget. When you have finished making your selections, you can preview the gadget with the Preview button or add the gadget to your page with the Add button.
  4. The gadget will appear as a blank 'box' on your page. To see the gadget content, click the Save button in the top right.

Blacklist gadgets

Google Apps administrators can use a open source project, the Feed Server Client Tool (FSCT) to control which gadgets appear in the Google Sites gadget directory for their domain. Before beginning, make sure you are running Java 1.6 (you can check your version by running the "java -version" command)

  1. Download and unzip FSCT from this page: http://code.google.com/p/google-feedserver/downloads/list
  2. In the FSCT directory:
  3. $ ./fsct shell // Runs the program in shell mode
  4. Next you will be prompted to login. Note: You must be a domain administrator to change the directory settings for you domain
  5. To see your options
  6. fsct> help // Shows a list of all available commands

If you want to specifically ban certain gadgets from your directory you should use the Blacklist option. If you want to explicitly authorize every gadget in the directory then use a Whitelist. Here are the commands you would run if you only wanted the What's Popular gadget to appear in your directory:

fsct> addWhiteListedGadget http://www.google.com/ig/modules/pop/pop.xml // The URL of the gadget spec fsct> setPublicGadgetDirFilter WHITE_LIST

Note: Because of caching, it can take a few hours for your changes to be reflected in the directory. During that time, you can use FSCT's dirPublicGadget command to get the up-to-date list of the gadgets that will show up in the directory. Or alternatively, you can add "?nocache=1" to the end of your Site URL to see an uncached version of the page.

Manage files and attachments for a site

Manage files with the Attachment Manager

In the Attachment manager in your site settings, you will see attachments from any file cabinet page within your site, in addition to attachments added to individual pages, or images uploaded to place on a page.

One of the benefits of using the attachment manager in Google Sites is the ability to revert to a previous version of the file - even if you had already replaced it.

Within the Attachment manager you can:

First, to access the attachment manager and make changes to the files you (or others with editing access to your site) have uploaded, follow these steps:

  1. In your site, make sure you are not editing a page (if you see the Save and Cancel button, you are in editing mode). If in editing mode, click Save or Cancel to exit.
  2. Click the More button.
  3. Select Manage site from the drop down menu.
  4. In the left side bar select Attachments.
  5. Here you can choose one or more files to modify by clicking the checkbox next to the file name.

Replace or rename files with the Attachment Manager

Once you have uploaded a file to your file cabinet, or attached a file or image to a page in your site, you can use the Attachment manager in your site settings to rename or replace the file.

Replacing files can be useful if a file is outdated, but you do not want to have several versions of a file that could potentially confuse a visitor.

To rename a file while in the Attachment manager:

  1. Click the checkbox next to the file name.
  2. Click the Rename button.
  3. Enter the new file name.
  4. Click Rename.

Please note: You can only rename one file at a time.

To replace a file while in the Attachment manager:

  1. Click the checkbox next to the file name.
  2. Click the Replace button.
  3. Click the Choose file button and browse for the new file on your computer.
  4. Click Replace.

Please note: You can only replace one file at a time.

Move or upload files with the Attachment Manager

Once you have uploaded a file to a file cabinet, you can move that file to a different cabinet or have it appear as a file on a different page within your site using the Attachment manager.

You can also upload a file directly into a file cabinet or to a page within your site using the Attachment manager.

To move files to a different page within your site while in the Attachment manager:

  1. Click the checkbox next to the file name(s) – you may select more than one file to move.
  1. Click the Move button.
  2. Select the new location for the files:
  1. Once you have selected the new location, click the Move button.

Please note: You can move multiple files at one time.

To upload a new file while in the Attachment manager:

  1. Click the Upload button.
  2. Click the Choose file button and browse for the new file on your computer.
  3. If you would like the file to appear or be associated with the top level of your site, select Upload attachment to / (top level).
  4. If you would like the file to appear or be associated with a different page in your site, select Select a different location.
  1. Click Upload.

Please note: You can only upload one file at a time.

Delete or recover files with the Attachment Manager

To delete files from your site while in the Attachment manager:

  1. Click the checkbox next to the file name(s) – you may select more than one file to move.
  1. Click the Delete button.

Please note: You can delete multiple files at one time.

If you accidentally deleted a file from your site, you can recover the file using the revision history feature in Google Sites.

To recover a deleted file, follow these steps:

  1. In your site, make sure you are not editing a page (if you see the Save and Cancel button, you are in editing mode). If in editing mode, click Save or Cancel to exit.
  2. Click the More Actions button.
  3. In the left side bar under 'Site content' select Recent site activity.
  4. Look for the item that describes the deleted file, e.g. <user name> deleted attachment <attachment name> from <page in your site>.
  5. Click the file name link.
  6. You will now be taken to a page that says the page has been deleted.
  7. To recover the file, click the Recover page. button.

Customize search for a site

Search options for a site

If you enter a term in the Google Sites search box, you can search across all the site's content and attachments. However, you can also customize your search box to search across more content. Google Sites offers multiple search options:

If there is just one search option enabled, the site displays the search button only. If there are multiple options enabled, a drop-down list appears, so people who visit your site can select what type of search they want to do.

Configure search for your school domain and Google

To enable search options for your site, follow these steps:

  1. In your site, make sure you are not editing a page (if you see the Save and Cancel button, you are in editing mode). If in editing mode, click Save or Cancel to exit.
  2. Click the More menu and select Manage site.
  3. Click Site layout and click the Configure search button.
  4. Select Advanced.
  5. Click Add provider and select a provider from the drop-down menu.
  1. If you like, you can select the default search option from the drop down.

Configure search by selecting school domain sites or a Custom Search Engine

To select specific sites for your search option or to use a Custom Search Engine you have created, follow these steps:

  1. In your site, make sure you are not editing a page (if you see the Save and Cancel button, you are in editing mode). If in editing mode, click Save or Cancel to exit.
  2. Click the More menu and select Manage site.
  3. Click Site layout and click the Configure search button.
  4. Select Advanced.
  5. Click the Advanced tab.
  6. Click the Add provider button and then select a provider type (If you already have one provider, you can add another by clicking Add provider again):
  7. If you would like to specify websites to be included in search requests, select search across multiple sites
  1. If you have a Custom Search Engine created and ready to use, select Custom Search Engine.
  1. If your school has a Google Search Appliance and you would like to include the information indexed on the appliance, select Google Search Appliance.
  1. Click Ok to save your search option.
  2. Click Save changes on your site settings page. Please note: If you do not click the Save changes button on the settings page, your new search option will not be saved and will not be available to use.

Find the URL for a custom search engine

If you have created a custom search engine, you can find the URL by following these steps:

  1. Go to http://www.google.com/cse/manage/all to see a list of all your created Custom Search Engines.
  2. Click on the name of your search engine, this will take you to a homepage for your search engine.
  3. Copy the URL in your browser bar. This is the URL you will use when adding a search provider in Google Sites.

For more information about Custom Search Engines in education, visit http://www.google.com/educators/p_cse.html

Google Apps Scripts

Google Apps Scripts can save time by sending emails, scheduling calendar events, and registering students for classes and labs.


Teachers can now create, edit, and launch
Google Apps Scripts from any Google Site. For example, you can create a site to browse and sign up for training sessions. On a training site, you could have a “Register Now” button on each classes page that would automatically add users to the class roster, add the class to their Google Calendar, and email them to confirm enrollment.

Create a Google Spreadsheet, choose Tools > Scripts > Insert and select from hundreds of scripts in the gallery!

or you can launch the editor in Google Sites and search the template gallery

To create, add, or edit a script choose More actions-> Manage Site->  and choose Apps Scripts under Site Content heading: