What can you do with the new Sites?

Build internal project hubs, team sites, public-facing websites, and more—all without designer, programmer, or IT help.

With the new Google Sites, building websites is easy. Just drag content where you need it. Create a one-stop destination for all important information, including videos, images, calendars, presentations, documents, folders, and text. Then, quickly and securely share it with an entire organization or the world.

What you’ll need:

G Suite account

10 minutes

Note: You can view the new Sites on most browsers on computers and mobile devices. However, at this time, you can only edit new Sites content on a computer using Chrome or the Mozilla ® Firefox® browser.

1

Create your site

Let’s begin by creating and naming your site.

In this section, you'll learn how to:

1.1

Create your site

Choose one of these options:

Note: All Sites files are stored in Drive. For more information on using Drive to organize your files, see Get started with Drive.

create new site
1.2

Name your site

When you create a new site, a file is added to Drive, just like other Drive files. Sites automatically saves every change you make, but your site isn’t public until you publish it.

Name different parts of your site:

  1. Site document name—Enter a unique name to keep track of your site. The site document name is only visible to you.
  2. Site name—The site name appears in the header and in the web or mobile window title bar after you publish the site. You need to have 2 or more pages in your website for your site name to appear.
  3. Page title—Each page in your site has a title, which appears at the top of the page. The page title also appears in the navigation menu.
name your site
1.3

Select a background image, header type, and theme

Choose a look for your site. Each theme comes with a preset background, color scheme, and font selection. You can adjust fonts, colors, and the background later, and you can always change the theme after the site is created. If you need to make any changes, click Undo , or Redo .

  1. Change the background image:
    1. Go to Sites and open your site.
    2. Hover over the background image and click
      Change image .
    3. Select an image from the Gallery or choose another image to upload.
    4. Click Select.
    5. (Optional) To go back to the original background image, click Reset .
  2. Change the header type:
    1. Hover over the background image and click Header type Sites header.
    2. Choose an option:
      • Large banner
      • Banner
      • Title only
  3. Change the theme and font style:
    1. In the top-right corner, click Themes.
    2. Select a theme option and choose a color.
    3. Click Font style and select a style.
select background and theme
1.4

Add, reorder, and nest pages

Add pages for more content. Keep related information together by nesting pages. Nested pages appear as a subtopic of another page.

  1. Add pages:
    1. In the top-right corner, click Pages > Add page Sites add page.
    2. Name the page and click Done.
  2. Reorder or nest pages:
    1. Click Pages.
    2. Drag a page up or down in the list to reorder it.
    3. Drag a page on top of another page to nest it.
    4. (Optional) To un-nest a page, drag it to the bottom of the list.
    Note: You can only nest a page one level, and you can’t nest the page that’s set as the homepage.
  3. Choose page options:
    Under Pages, select a page and next to it, click More to:
    • Set it as the homepage.
    • Rename the page.
    • Remove the page from the site. You can’t remove the page that’s set as your homepage.
add reorder nest pages
1.5

Set up site navigation

Visitors to your site use the navigation menu to jump to different pages. By default, the navigation menu is at the top of your site. In the top-right corner, click your homepage to see the menu.

You can move the navigation menu to the left side if you want, but you need to have one or more pages on your site to change where it appears.

Change where the navigation menu appears:

  1. Hover over the site name and click Navigation Settings .
  2. Choose where to place your navigation.
  3. To see the menu on the left, click Menu .
  4. (Optional) To move the pages in the navigation menu, see Add, reorder, and nest pages.
set up site navigation
2

Update and personalize your site

Next, let’s take a look at how to personalize your website with images and interactive content.

In this section, you'll learn how to:

2.1

Add content

Add content to your site:

  1. On the right, select the page that you want to add content to.
  2. Click Insert. Or, double-click on the page where you want to add content.
  3. Choose the content you want to add:
  1. Text box—Add titles and text.
  2. Embed URL—Add photos, designs, and other images.
  3. Images—Add content directly from the web, such as music and videos.
  4. Upload—Upload photos, videos, PDFs, or other documents from your device.
  5. Google Drive—Embed any file (From Drive) or the contents of a folder (Drive Folder) stored in Drive. If you make changes to your files in Drive, the same changes automatically show in Sites.
  6. Google Embeds—Add YouTube videos (such as product trailers or company ads), calendars (such as team or event calendars), and maps (such as office locations, event directions, or custom maps).
  7. Google Docs—Add anything from Docs, Slides, Sheets, Forms, or Charts to your site. Any content you change in the source file will automatically update on your site.
insert site content
2.2

Edit text and pages

To edit text or page titles, just click the box and type. Or, from the toolbar above the text box, select another option.

Editing options:

Titles and headings

Title

Select a preset heading. Select Normal text for additional formatting options.

Change the text alignment.

Insert a link for selected text.

Normal text

Select text and add bold or italics.

Add numbered or bulleted lists.

Go to more options.

Use the Code text style.

Select text and strikethrough it.

Select text and remove all formatting.

Edit sections:
Hover over a section to change it.

  • To change the background for each section: Click Style and select a style. You can also select Image to add a background image.
  • To move a section: When you insert new content, it’s added to a new or existing section. To move that section up or down, click Move section Sites move section and drag the section where you want it.
2.3

Edit images

Resize an image:
Drag the sides or corners of the image. Hold the Shift key to keep the image ratio.

Move an image:
Click anywhere on the image and then drag it to a different part of the section or to a new section. You can place the image wherever you see a highlighted area.

Note: Currently, you can’t place an image in a text box.

Crop an image:

  1. Select the image and then select Crop .
  2. To zoom in or out, slide the dot.
  3. To change the visible portion, drag the image.
  4. Click Done .
  5. To uncrop an image, click Uncrop .

Replace an image:

  1. Select the image.
  2. Click More > Replace image.
  3. Choose a new image file and click Select.

Add alt text to an image:
Alt text appears when someone hovers over an image on your site.

  1. Select the image and click More .
  2. Select Add alt text and enter a description.
  3. Click Apply.
edit images
2.4

Move and resize content

Anything you insert is added as a content “tile” on the canvas grid. Tiles snap to the grid so it’s easy to move, align, and edit them.

Move site content:

  1. Hover over the content you want to move until you see Move .
  2. Drag the content to a highlighted area.

Resize site content:

  1. Select the content you want to resize.
  2. Drag the blue circles to resize.
move content
3

Share and collaborate

Now that you’ve customized your site, share it with people in your organization to collaborate on the content.

In this section, you'll learn how to:

3.1

Share and collaborate on Sites

Share a site:

  1. Choose an option:

    • To share a site from Sites, click Add people .
    • To share a site from Drive, in Drive, select the site file and click Add people .
  2. Choose a sharing option:

    • Under Who can edit, click Change, select a sharing option, and click Save. You can then copy and paste a link to the site into an email or chat message.
    • In the Invite people box, enter the names or email addresses of people in your organization you want to share your site with and click Send > Done.
  3. Set people’s permissions:

    • To give permissions, click the Down arrow next to the person’s name and select an option.
    • To remove permissions, click the Down arrow next to the person’s name, and click Remove .
    • Click Save changes > Done.
  4. (Optional) To restrict editors from publishing, changing site access, or adding new people, click the box next to Prevent editors from changing access and adding new people.

Note: After you publish a site, you can share it by clicking the Down arrow next to PUBLISH and selecting View published site. Then, just send the site URL to anyone you want to share it with.

share content
4

Preview and publish your site

You can preview a new site before you publish. When you’re ready, you can publish it only to your organization or to the world.

In this section, you'll learn how to:

4.1

Preview your site

If you’re viewing a site on a mobile device, the content automatically adjusts to fit the screen. You can preview how your site appears on different devices.

Preview your site:

  1. Click Preview .
  2. To see how your site looks on different devices, choose an option:
    • Phone
    • Tablet
    • Large screen
  3. Click Close to exit the preview screen.
preview site
4.2

Publish your site for the first time

When you publish your site for the first time, add a site name to complete the site URL. You can only use letters, numbers, and dashes in the site name. The beginning of the URL includes your organization’s domain and can’t be changed.

Publish your site for the first time:

  1. Click PUBLISH.
  2. Add a name to the end of the URL. Certain terms, such as support and admin, can’t be used.
  3. Under Who can visit my site, choose who can see your site:
    • Anyone inside your domain
    • Anyone on the web
  4. (Optional) To include your site in search results, check the Allow my site to appear in search results box. If you don’t use this option, some search engines might still find your site.
  5. Click PUBLISH. Visit your site's URL to confirm that your site published correctly.

Change who can see your published site:

  1. Next to PUBLISH, click the Down arrow > Publish settings.
  2. Under Who can visit my site, choose who can see your site:
    • Anyone inside your domain
    • Anyone on the web
  3. Click SAVE .

Note: You can continue to edit your site after you publish it. However, you need to republish the site to see any new changes.

publish your site
4.3

Change a site’s URL

You can change your site’s URL anytime. However, if you do, bookmarks to the old URL will no longer work.

Change your site URL:

  1. Next to PUBLISH, click the Down arrow > Publish settings.
  2. Enter a new URL.
  3. Click SAVE.
publish settings
4.4

Unpublish your site

If you no longer want your site to be available online, you can unpublish it. You’ll still be able to access and update your site content. You can also republish the site using the same URL or a different URL at any time. If people try to visit your unpublished site, they’ll see an error message.

Unpublish your site:

Next to PUBLISH, click the Down arrow > Unpublish.

unpublish site

Next steps

Try it now

Get more training

Create a team site, embed files, add Google Analytics, and more.

See Sites tips