---
title: "What is Google Sites? And how to use it"
description: "If you want to build a simple website with a decent-looking layout, Google has a solution. Here's how to use Google Sites to create your own website for free. "
image: "https://images.ctfassets.net/lzny33ho1g45/2VHdjfTbXQrNQLLNpahXBe/d1ec8ce110765357282cce9bd4808353/google-sites-hero-neutral.png"
---

# What is Google Sites? And how to use it

If you want to build a simple website with a decent-looking layout, Google has a solution. Here's how to use Google Sites to create your own website for free. 

Google Sites launched its "new and improved" website builder almost a decade ago. And in the time since, Google's given the platform the same number of major updates as Craigslist has made to its homepage since 1995 (roughly zero).

There are other [free website builder apps](https://zapier.com/blog/best-website-builders/) out there—ones that look like they were actually designed in this decade and offer more out-of-the-box customization tools. But if you're emotionally attached to Google's ecosystem and you just need a simple, functional site without spending a dime, Google Sites still gets the job done. 

Here, I'll show you how to use Google Sites to create a website for free. Plus how to get the most out of what it offers.

**Table of contents**: 

- [What is Google Sites?](#what)
- [Is Google Sites free?](#pricing)
- [How to use Google Sites at a glance](#overview)
- [How to use Google Sites: step-by-step instructions](#step-by-step)
- [How to edit Google Sites](#edit)
- [How to use Google Sites: FAQs](#faqs)

## What is Google Sites?

[Google Sites](https://sites.google.com/) is a web-based platform that allows you to create websites for free. It's a simple website builder, but it offers enough features to host your blog, [portfolio](https://zapier.com/blog/portfolio-examples/), or even classroom learning materials. 

## Is Google Sites free?

Yes—it's free to build and host a Google Site using your Google account. The only thing you'll have to pay for is a [custom domain](https://zapier.com/blog/google-sites-tutorial/#custom-domain). Beyond that, here's an overview of everything you can do on Google Sites for $0. 

- **Create and publish sites at no charge**. Your sites live in Google Drive and count toward your [Drive storage quota](https://zapier.com/blog/manage-google-storage/) (that's 15 GB on a free account). Unless you're building something media-heavy, you likely won't bump up against that limit anytime soon.
- **Get a free subdomain**. Every published site gets a URL that looks like this: `https://sites.google.com/view/your-site-name`. It's not the sleekest address in the world, but for zero dollars, it works.
- **Use built-in editing and design tools**. You can start from scratch or use one of Google Sites' premade templates to get a head start. From there, you have access to [basic design tools](#edit): change font colors and styles, add images, and embed other Google Workspace apps like YouTube, Maps, and [Google Forms](https://zapier.com/blog/how-to-use-google-forms/) directly into your pages.
- [**Collaborate**](#collaborate)** with others in real time**. Just like in other Google Workspace apps, you can invite others to view or edit your site. There's also built-in version history, so you can see exactly who made what changes.
- **Control publishing and access settings**. You choose who can see the site by restricting it to specific people or making it fully public. You can also ask search engines not to index your site, which means it won't show up in [Google's search engine results page](https://zapier.com/blog/weaknesses-that-prevent-top-ranking-in-search-engine-results/).

## How to use Google Sites at a glance

Here's a quick refresher on how to create a website on Google Sites (keep scrolling for step-by-step instructions). 

1. Go to [sites.google.com](http://sites.google.com)
2. Click **Blank Site **to start from scratch, or use a premade template.
3. Name your site, and add a site title.
4. Add pages, content, and a theme.
5. Click **Publish**.
6. Modify your site URL, and set the site visibility (public or private).
7. Click **Publish** again.

## How to use Google Sites: step-by-step instructions 

Here's a step-by-step guide for how to use Google Sites to create your first website. 

1. Go to [sites.google.com](https://sites.google.com).
2. Click **Blank site** to create a new site. Alternatively, you can choose a premade template to kickstart the process. If you go with a standard theme, you're limited to what you can edit. For example, if you want to change the button color, you have to change the theme color, which may impact other color settings.

3. Use the Google Sites editor to [edit your site](#edit).

4. When you're ready to share your site with the world, click **Publish** above the editor.
5. Modify the end of the URL in the _Web address_ field. This is where you can change it from the default `https://sites.google.com/view/website-name` to `https://sites.google.com/view/cool-cats`, as an example. Or you can click **Manage** in the _Custom domain _section to [create a custom domain](#custom-domain).
6. If you want to limit site access to certain people, click **Manage** in the _Who can view my site _section. You can also hide your website from Google Search results. To do this, click the box next to _Request public search engines not to display my site_.
7. Click **Publish**.

That's it. Remember: If you make changes to your site down the road, be sure to click **Publish** to ensure future changes go live. Whenever you re-publish a site, Google Sites will show you the differences between your new edits and the currently published site.

## How to edit Google Sites 

Now let's add and edit all the elements of a basic website. If you only need a quick refresher on how to manage a certain element, feel free to jump around. Otherwise, keep scrolling. 

- [How to create a Google Sites header](#header)
- [How to choose a Google Sites theme](#design-theme)
- [How to add text and media to Google Sites](#text-and-media)** **
- [How to incorporate Google apps to Google Sites](#google-apps)
- [How to edit and arrange columns and sections in Google Sites](#columns-and-sections)
- [How to add and manage pages in Google Sites](#manage-pages)
- [How to collaborate in Google Sites](#collaborate)

**Note:** At any point, you can click the **Preview** icon above the editor to make sure your site is appearing the way you want. Google Sites offers previews for large screens, tablets, and phones. 

### How to create a Google Sites header

The header is the menu banner at the top of most web pages—the spot where you might see a company's logo and a series of navigation tabs like _About_, _Services_, and _Contact us_. 

**Note**: If you created a blank site, the header block in the editor allows you to change the site name, add a page title, and customize how the header appears. For most of the premade templates, your changes are limited to only editing the text fields and adding a logo. 

1. Enter your site name in the _Enter site name_ field. If you're working from a premade template, this might already have a name, like `Project Name`, but you can change it. The name you enter here will also appear on your website.

2. Click **Header type**, and select how you want your header to appear: _Cover_, _Large banner_, _Banner_, or _Title only_. The first three options present your background image in various sizes, while the last displays only header text.

3. If your header type includes an image, click **Image** to upload a background image. Note: Your Google Sites banner image can be any size and aspect ratio, but in my experience, 1600 x 1068 pixels works well.
4. To reposition your banner image, click the **Anchor **icon. The editor will also automatically adjust your header image for better readability. I recommend letting the editor do its thing, but if you want to restore the original image, click the **Remove readability adjustment** icon, which looks like a series of stars.

5. To add a logo, hover over the site name and click **Add logo**. Google recommends uploading an image that's at least 112 pixels tall.
6. Click the header text to enter your header title and edit its style, size, font, and alignment. Or delete the box if you don't want any text. To reposition the text box, hover over any corner of the text box until a four-way arrow appears. Then drag and drop the box to where you want.

### How to choose a Google Sites theme

By default, the theme for a brand new Google Sites web page is simple—literally. That's the design theme name. Here's how to modify the theme to add a little personality or match your branding. 

1. In the side menu, click **Themes**.
2. Click one of the other theme options. Each theme comes with a few preset color schemes and fonts.

If the six premade themes aren't cutting it, click the **Create theme** icon, which looks like a plus sign (`+`), to make your own theme. Google Sites will save these designs for later, too. 

### How to add text and media to Google Sites 

Time to dig into Google Sites' website-building elements. First, click **Insert** in the side menu to access all your options. 

There are a lot of options, so let's review what each one lets you do.

- **Basic elements**: The first set of elements lets you insert a text box and images, embed HTML code, or upload files from Google Drive. You can also access these options by double-clicking anywhere in the editor.

- **Content blocks**: Drag and drop any of the prearranged blocks of text and images directly onto your page, which you can edit afterward.

- **Collapsible group**: Add a header with collapsible text lines underneath. If you don't want the text group to collapse, click the toggle next to _Collapsible_ in the editor.

- **Table of contents**: Automatically turn your page's section headings into a table of contents with clickable links that jump to the appropriate section. You can't manually add other section headings to your table of contents, but you can hide them. Hover over any section header, and click the **Hide **icon, which looks like an eye.

- **Image carousels**: Upload two or more images to display in an image carousel.

By default, users have to manually click through the photos. If you want the carousel to automatically cycle through, however, you can change this. Click the **Settings** icon in the _Edit carousel_ window.

Click the checkbox next to _Auto-start_ and select the _Transition speed_. Then click **Update**.

- **Buttons**: Create a link button. By default, the button font and colors are automatically drawn from your design theme.

- **Dividers**: This inserts a simple horizontal line onto your page. You can't edit the style in any way.
- **Spacer**: This inserts a thick, rectangular block. To change the color—you have only three choices predetermined by your design theme—click the **Section colors** icon, which looks like a paint palette, next to the block. Then choose your style or upload an image.

- **Social links**: Similar to button links, these allow you to add links to your social media pages. Let's say you add your Instagram profile. Google Sites will automatically use the Instagram logo as your button link. If you want to use a different design, click the **Add image** icon next to the _Link_ field.

Accidentally remove a website element or add one too many? Press `command`+`Z` on a Mac or `Ctrl`+`Z` on Windows to undo. 

### How to incorporate Google apps to Google Sites

It wouldn't be Google if it didn't integrate well with other Google apps, and sure enough, Google Sites lets you add content from other Google tools. With your _Insert_ side menu still open, scroll down to access these interactive elements: 

- **YouTube**: Embed a playable YouTube video into your website.
- **Calendar**: Share your calendar in weekly, monthly, and agenda views.
- **Map**: Insert an interactive Google Map of the address you choose.
- **Docs, Slides, Sheets, and Charts**: Add a Google file to your page in _View_ mode.
- **Forms**: Display a Google Form that visitors can fill out on your site. This is also a good option if you want to add a contact form.

If you incorporate Google apps into your website, use Zapier to [connect your Google apps](https://zapier.com/apps/categories/google) with thousands of other apps. This way, you can build intelligent, AI-powered systems that span your entire tech stack. 

For example, say you embed a Google Form on your site to collect client inquiries. You can have Zapier automatically add each response to a Google Sheet, use AI to categorize the inquiry by type and urgency, and then send a personalized follow-up email through Gmail—all without you lifting a finger. Learn more about [how to automate Google apps](https://zapier.com/blog/google-apps-automations/), or get started with one of these workflows. 

### How to edit and arrange columns and sections in Google Sites

As you add new elements, they automatically appear at the bottom of your page. To reorder them, drag and drop them to wherever you want. You can even drag them next to existing elements to create columns. 

You can also resize different elements as you see fit. Some elements, though, like a collapsible group, let you only change the width of the box—not the height. 

To resize an element, select it, and then click and drag any of the blue dots in the element border. 

To keep your images in their original aspect ratio, hold **Shift**, and then drag a corner to resize it. As you resize an image, you'll notice vertical gridlines appear on the page, which is helpful for aligning elements on your page.  

Hover over any section block, and you'll also notice a floating toolbar that lets you change the section's background color, duplicate it, or delete it. I recommend ​​switching up the background colors to add emphasis and break up any visuals.

### How to add and manage pages in Google Sites

1. Click **Pages** in the side menu.
2. Click the plus icon (`+`), and then click **New page**. The plus icon also lets you add a new link, full page embed, or new menu to your header block.

By default, new pages get added as a separate page. To change it to a subpage, drag and drop it above the parent page. In the example below, I moved the _From a human _and _From the cats _pages to live under _Blog_. 

Alternatively, click the vertical ellipsis (`⋮`) next to the parent page, and select **Add subpage**. From this menu, you also have the option to make the page your homepage, duplicate it, hide it from the menu, or delete it. 

Notice that as you add or modify pages, the changes automatically appear on your page in the editor. 

### How to collaborate in Google Sites 

In classic Google fashion, it's easy to collaborate on your site with others. Click the **Share with others** icon, which looks like a person, above the editor. From here, you can add others and set their permissions (view only or editor) or manage permissions for general access. 

Unlike other Google apps, it's not obvious how to access your website's version history, which is important—especially if you have multiple editors and need to roll back to a previous version. Click the **More** icon, which looks like a vertical ellipsis (`⋮`), above the editor, and select **Version history**. 

## How to use Google Sites: FAQs

### Can I have a custom domain in Google Sites?

Yes, you can set up a custom URL in Google Sites. To modify your Google Sites domain registration, click the **Settings** icon above the editor, and then select **Custom Domains**. 

If you plan on using your Google Site for professional purposes, a custom domain will give it extra polish. Plus, it's pretty cheap to get a .com or .ca one—about $12 a year.

### What's the banner size for Google Sites?

The banner image in Google Sites can be any size and aspect ratio. Based on my experience, 1600 x 1068 pixels works well.

### Does Google Sites have widgets?

Google Sites doesn't have widgets outside of its Google apps options, but you can add any outside option with an embed code. Look for an `Embed` or `< >` option for the widget. 

**Note**: The embed feature in Google Sites uses only HTML code.

### How does Google Sites compare to other CMS platforms?

If you put Google Sites against other [popular CMS platforms](https://zapier.com/blog/best-cms-platforms/), it won't stack up. But if you need to create a [simple site](https://www.sitebuilderreport.com/google-sites-examples), it offers enough features to get the job done. 

If you want to explore other options, check these out:

- [The best AI website builders](https://zapier.com/blog/best-ai-website-builder/)
- [The best free website builders](https://zapier.com/blog/best-website-builders/)
- [The best landing page builders](https://zapier.com/blog/best-landing-page-builders/)
- [The best eCommerce website builders](https://zapier.com/blog/best-ecommerce-shopping-cart-software/)
- [The best website builders for small businesses](https://zapier.com/blog/best-website-builder-for-small-business/)

**Related reading: **

- [Automatic workflows to get the most out of your landing page](https://zapier.com/blog/landing-page-guide/)
- [Why your landing page isn't working (and how to fix it)](https://zapier.com/blog/landing-page-mistakes/)
- [Landing page examples to help you increase conversions](https://zapier.com/blog/landing-page-examples/)
- [What is a squeeze page? And does your business need one?](https://zapier.com/blog/squeeze-page/)

_This article was originally published in March 2018 with contributions from Matthew Guay and Melissa King. The most recent update was published in March 2026. _