What is Google Sites? An in-depth guide | Zapier

When you want to build a simple, complimentary web site, it can be slippery to find the right builder. Some only let you have one page, while others make you dig around menus to figure out how to use them. What if you precisely want to drag and drop some text and images in a decent-looking layout ? As common, Google has your answer : Google Sites .

What is Google Sites?

turn forms and surveys into business growth

Automate your forms

Google Sites is Google ‘s web site builder. When you pit Google Sites vs. WordPress or another advance web site builder, it wo n’t in truth stack up—it has means fewer features. But it hush has what you need to create a web log, portfolio, business locate, or company intranet. It ‘s besides elementary enough for non-business users to create websites for their families, friends, and classrooms. In fact, you can get pretty polished with Google Sites. Site Builder Report shares some professional-looking Google Sites examples, like the site for Dr. Xu Chu ‘s petrology group :An example of a site built in Google Sites

Is Google Sites free?

Yes ! You can build a Google Site at zero monetary value. Plus, since it does n’t have price tiers, you get all of its features for free .

How to use Google Sites

Go to sites.google.com and choose one of the options at the top to start a newly web site : use a template, or start from incision. You can switch to Google Sites ‘ classical editor at the bottom-left of this page, but this tutorial will explain how to use the new editor .The landing page for Google Sites Since my cats need to improve their on-line presence, I ‘ll make a web site for them as an exercise. As you build yours, use the preview option in the top-right menu to see what your web site will look like on different devices .

Create a header

Every new Google Sites foliate starts with a premade header. At the top-left of that heading, you ‘ll find a field that says Enter site name. The name you enter hera will appear on your web site, but you can give your site a private mention on the chief Google Sites page where you go to edit your sites. When you hover your mouse over the site name, you ‘ll have the option to add a logo that appears to the leave of the list. It comes up small, so use a childlike and clear picture .Editing a Google Sites header Go to the lower-left of the header section to edit your header. Select an picture to use as your background, then choose from four header types : breed, large streamer, standard, or title only. The foremost three options present your background effigy in assorted sizes, while the concluding only uses header text .Adding a photo to a Google Sites header image The lower-right corner of the section has options to adjust the double for better header readability and lets you choose where to anchor ( center ) your image. There ‘s no set Google Sites header size. rather, it takes your image and adjusts it to different resolutions based on where you anchor it. I suggest using the highest resolution you can, then checking how your header looks on different devices using the preview option. After you decide on your standard size and background trope, work on the heading text. Click on it to edit its style, size, baptismal font, and alignment. Drag the dots at the top of the text box to move the box left or right ( but not up or down ). Or delete it if you do n’t want any text. Want to add an trope on crown of your heading trope ? Double-click anywhere on the banner, then use the circle menu to add from a URL, your Google Drive, or your computer. You can besides use the menu ‘s middle button to add extra text boxes .The circle menu in Google Sites

Choose a theme

Click the Themes check at the top of the menu on the right to modify your locate ‘s design. Each subject has a few preset discolor schemes and fonts .Google Sites themes: preset options Looking for more dominance ? Click the + icon under the Custom category to make your own theme that Google Sites will save for late. You can modify fonts and colors to your heart ‘s message .

Add text and media

Adding text and media to Google Sites time to dig into Google Sites ‘ web site construction elements. Click the Insert pill in the proper bar to add the comply elements to your locate :

  • Basic elements: The top department of the Insert menu lets you insert a text box or images, embed HTML code, or add Google Drive files. You can besides access these options through the circle menu by double-clicking anywhere on your site-in-progress .
  • Content blocks: These premade blocks of textbook and images save you clock on adding individual elements and arranging them .
  • Collapsible group: A collapsible group consists of a header with collapsible text lines underneath. You can change any jazz band of header and body text into a collapsible group by clicking the Collapsible toggle that appears when you click on their textbook boxes .
  • Table of contents: Google Sites ‘ tables of contents mechanically generate links that jump to different sections of your web site using text from each section. You can remove items but ca n’t add them .
  • Image carousels: Add two or more images to an picture carousel that you can navigate using the dots below it, or have it mechanically cycle through the pictures .
  • Buttons: Create a link button that draws its font and colors from your composition .
  • Dividers: Google Sites creates simpleton dividers with a design based on your choose theme .
  • Placeholders: A placeholder section holds outer space for an image, YouTube video, Google Calendar, or Google Map .

just like the header text, any text box you add through these elements has options to change its format and size. Click the three dots on the properly end of the editing browning automatic rifle to edit line spacing, add an indentation, or create code-style format. The keyboard shortcuts you use in Google Docs to edit text besides exploit in Google Sites .

Incorporate Google elements

Adding a YouTube video to Google Sites It would n’t be Google if it did n’t integrate well with other Google apps, and sure enough, Google Sites lets you add subject from other Google tools through the Insert menu. Each Google-related option will take you to a menu to find the file or interactional chemical element you want to share. Choose from these options :

  • YouTube: Embed a playable YouTube video into your web site .
  • Calendar: Share your calendar in weekly, monthly, and agenda views .
  • Map: Insert an interactional Google Map of the address you choose .
  • Docs, Slides, Sheets, and Charts: Add a Google charge in View mode to your page .
  • Forms: Display a Google Form that visitors can fill out on your web site .

Insert a Google Sites contact form

Adding a Google Form to Google Sites Google Sites does n’t have a native reach mannequin choice. alternatively, you have two options to insert one from an outside source :

  • Google Forms: Make a contact phase in Google Forms, then use Google Sites ‘ Insert or set menu to add it .
  • Embed code from a third-party app: Check if your darling engagement app or form app has an embed code option, then use the Insert or circle menu ‘s Embed choice .

Arrange columns and sections

Arranging columns and sections in Google Sites Rearrange your elements at any fourth dimension by clicking and dragging the dots at the crown of each one. New elements appear at the bottom of the page, and you can drag them next to existing elements to create columns. Tip: To keep your images in their master expression ratio, drag a corner to start resizing them, then press your Shift cardinal to resize with the lapp ratio. You can move single elements to the impart or right, but you ca n’t change their vertical position within a section. For exemplar, I ca n’t telephone line up these headings with the center of each image :Trying to change the vertical position of text in a section in Google Sites Click and drag the dots on the left of the section to move it. There, you ‘ll besides find options to change its background coloring material, duplicate it, or delete it. Switch up your incision background colors to add emphasis and break up visuals .Adding a map to Google Sites

Add and manage pages

Finished with your first page ? Add more from the Pages pill in the correct menu. Go to the + icon at the penetrate of the menu to add a new page. This button besides lets you add an outside link or a menu category to your header menu .Add and manage pages in Google Sites Move page appoint around on the Pages menu to change their order in your web site ‘s menu. Drag a page under another page or a menu class to make it a subpage. On your locate menu, a subpage appears as a dropdown menu item below its parent page or class .Sub-pages in Google Sites Click the three dots next to a page name to make it your home page, duplicate it, add a subpage, hide it from the menu, or delete it. Tip: If you want to copy something from one page to another, select that contribution of your site, press command + C or Ctrl + C, then paste it onto the new page .

Publish and collaborate

now it ‘s time to share your hard employment. Click the Publish clitoris at the top-right of the screen. As you publish, you can set the end of your custom-made URL. You can besides hide your web site from Google results if you want to keep it private .Creating a URL in Google Sites After you publish, you can visit your web site at sites.google.com/view/yourwebaddress, as you can see under the Web address bar in the photograph above. In the future, hit Publish whenever you make changes to your site and you ‘re quick to share them publicly. Whenever you re-publish a site, Google Sites will show you the differences between your raw edits and the presently published locate .Version history in Google Sites In classical Google manner, you can besides share your locate with others and set them as editors or viewers. Click the person icon in the upper-right menu to add people and set their permissions. If you have multiple folks working on your web site, you can check its version history by clicking the three dots in the upper-right menu and going to Version history. This option works similarly to Google Docs ‘ interpretation history feature, letting you check old versions and roll binding your locate .Roll back your site in Google Sites Congrats on building a web site ! here ‘s how mine turned out .

Frequently asked questions

Can I have a custom domain in Google Sites?

Yes. You can set up a Google Sites custom URL through the Settings > Custom domains option. This feature lets you hook up a knowledge domain through Google Domains or a third party. If you plan on using your Google Site for master purposes, a custom sphere will give it extra polish. Plus, it ‘s reasonably brassy to get one—about $ 15 a year.

Does Google Sites have widgets?

Google Sites does n’t have widgets outside of its Google apps options, but you can add any outside choice with an embed code. Look for an Embed or < > option for the appliance. The Embed feature in Google Sites can alone use HTML code .

Not into it? Try a different free website builder

If Google Sites is the first release web site builder you ‘ve tried, give others a shot to see what features you prefer. Zapier ‘s picks for the best free web site builders include some reasonably feature-packed options if the simplicity of Google Sites is n’t what you ‘re looking for. This article was originally published in March 2018 by Matthew Guay.

Related Posts

Leave a Reply

Your email address will not be published.