HOW TO CREATE A WEBSITE IN GOOGLE SITES
Ready to build your first site? Just go to sites.google.com/new to start building a new website. That'll drop you directly into the site editor.
Add a Welcome Banner
First, add a title in the top left corner of the editor—that's the name you'll see inside the Google Sites app when you go to edit your site. Google will copy that to the top corner of your website too, but you can edit that if you'd like to give your site a different public and private name.
Then, add a welcome message to the top banner—or delete the text if you don't want to include any text. Click the banner, and you can select a new image for the background or upload your own. You can also choose a larger banner or just a page title.
Want to change how the title looks? Just select the text or click the edge of the text box, and you can change the heading type or text alignment, or add a link to another site. Hover your mouse near the top of the box, and you can drag the header to the right or left sides of your banner, too—though the text will always stay centered between the top and bottom of your page.
Or, you can add another image to your banner, such as a company logo. Just double-click anywhere in the banner, and a hidden circle menu will open. Select what you want to add: Text lets you add the text back to the banner if you removed it, Images lets you add a photo from your Google Drive, and Upload lets you upload a new photo.
There's only one catch: Each element in the header is still centered, so you can't drag the logo to the top left corner or add text to the bottom of the banner.
Add Text and Other Media to Your Page
Now you can add the content you want to your page. From the Insert menu on the right, you can add text or images, or embed a link from another site. Google Sites lets you resize and crop images, and its text editor lets you quickly format text with standard keyboard shortcuts or the menu that pops up when you select text. Add titles and subheadings from the editor's menu, or if you want to share code (perhaps in a tutorial about writing HTML), click the 3-dot button on the right to add code-style monospaced formatting.
Since we can't add a logo to the top corner of our site, I've added Zapier's logo as an image—and resized it to look nice on the page. I've then added a Text box with sub-heading formatting for some larger text, followed by a second text box with normally formatted text.
You can also add extra elements to your page: YouTube videos, Google Maps, Google Calendar events, Google Forms forms, charts from Sheets' spreadsheets, or full files from Docs, Slides, and Sheets. Select the type of item you want to insert, and you'll see a Docs-style popover where you can search for the item you want and then Select it to insert it in a new section in your page. It's a simple way to build a landing page or make a live report with an embedded presentation and spreadsheet. You can use it use it to create a website for a team project, for example, or to plan meetings and activities in one easily accessible place.
On the left of each section of your site, you'll see a 3-dot button that you can drag to rearrange the section on your page. Tap the color palette to select a different background style for that section, or click the trashcan to delete it.
I've added a darker color to accent our map, for instance—a great way to break up longer pages visually.
Make a Multi-Column Layout
Want to add multiple columns to your layout, perhaps to have a group of pictures together, or to add several of your product's top features in one spot?
Just double-click any blank space on your page, and Google Sites' magical circle menu will open again. Select what you'd like to add, and it'll show up in a new column right under where you clicked. Only that one section will have multiple columns, so you could have say a full-width site description, then 3 columns in the next section with details about your site, followed by a full-width video section.
Or, double-click on the 3-dot button to open a hidden circle menu, where you can again insert text, images, or Google Drive files. That inserts the new item beside your existing element, for a quick way to make that section of your site multi-column.
You can then resize elements in each section, with gridlines to make sure everything's aligned nicely. It's one of the simplest ways to make a multi-column page layout—and it's nearly hidden in Google Sites.
Add Pages to Your Google Site Website
Add extra pages from the second tab in the right toolbar. Just add a title for your page, and it'll automatically be added to the menu in your site's header. You can add the same sections to any page—and if you want to copy something from one page to another, just select that section of your site, press CMD + C or Ctrl + C, then paste it on the new page.
You can drag-and-drop pages to the order you want with their 3-dot button. Or, drag a page under another page to turn it into a subpage, something you can also do from the menu on the right of each page.
Customize your Google Site's Design
There's one more thing you can tweak: Your site's design. The new Google Sites' themes are driven by your content, with large image-based headers and full-width text blocks. But there are still a number of ways you can create a unique look.
Just tap the Themes tab on the right sidebar, and select from one of the 6 available themes. Each one includes 3 different font styles, along with 5 color schemes, to give your site a slight different look and feel.
Publish and Share Your Google Site
One of Google Sites' best features is its sharing settings, which work the same as Google Drive. You can share your site with anyone, and let them help edit it.
Just tap the person icon in the editor, and you can share the site you're working on with your entire team. With individual accounts, you can add specific people to let them edit the site; in a company G Suite account, your website will be visible to everyone in your company, but they won't be able to edit it. Enable editing, and your site turns into a wiki of sorts (without version control or edit history, though) where everyone can tap the pencil icon on the site and edit anything on it.
Then, it's time to publish your site. Give it a unique URL, so you can then open your site at sites.google.com/view/YourSiteName, or at sites.google.com/YourDomain.com/YourSiteName if you have a G Suite account. And choose whether you want this site to be shared only with your team—the default choice, best for most company internal sites—or with the web to make a quick site for a new public-facing project. You can then select to let your site show up in Google search results if you've made it public.
Our test site turned out pretty similar to our real About page, with images, text, and even embedded videos and maps.
And that's it. Anytime you need to share something new with your team, you can spin up a new site for it in minutes. It might even be the best way to share documents and presentations, since you can add some extra context with the site's description and content.
With your team creating and sharing so much info in G Suite, odds are you'll eventually have trouble finding something. But don't worry—Google's namesake search engine is built into G Suite, to help you find emails, documents, contact info, and anything else you need.
WRITTEN BY HSD GROUP's CEO HRICHIK MAZUMDER
Last updated
Was this helpful?