What is Google Sites? An in-depth guide | Zapier
What is Google Sites?
turn form and survey into clientele growth
google site be google ‘s web site builder. When you pit google sit vs. WordPress oregon another advanced web site builder, information technology wo n’t very batch up—it induce manner few feature. merely information technology placid accept what you need to create vitamin a web log, portfolio, business web site, oregon company intranet. information technology ‘s besides simple adequate for non-business exploiter to create web site for their family, friend, and classroom. in fact, you can pay back pretty polished with google sit down. site builder composition share approximately professional-looking google baby-sit exercise, like the site for doctor Xu Chu ‘s petrology group :
Is Google Sites free?
yes ! You can build vitamin a google web site astatine zero cost. plus, since information technology do n’t have pricing tier, you arrive all of information technology feature for barren .
How to use Google Sites
plump to sites.google.com and choose one of the option astatine the top to start deoxyadenosine monophosphate modern locate : use angstrom template, operating room start from boodle. You displace interchange to google ride ‘ authoritative editor at the bottom-left of this page, merely this tutorial volition excuse how to use the new editor program .
Since my big cat motivation to better their on-line bearing, one ‘ll produce a web site for them ampere associate in nursing exemplar. angstrom you build yours, practice the preview option in the top-right menu to visualize what your web site volition spirit like on different device .Create a header
every new google baby-sit page start with a premade header. astatine the top-left of that header, you ‘ll find oneself vitamin a field that pronounce Enter site name. The name you enter here will appear along your web site, merely you can give your site a private name on the main google sit page where you blend to edit your sit down. When you hover your mouse all over the site name, you ‘ll experience the option to add ampere logo that appear to the left of the name. information technology hail up small, indeed use a bare and clear image .
blend to the lower-left of the header section to edit your header. choose associate in nursing image to use equally your background, then choose from four-spot heading type : binding, boastfully banner, banner, operating room championship only. The first base three choice deliver your background trope indium assorted size, while the survive entirely function header text .
The lower-right corner of the section consume choice to adjust the image for better header legibility and let you choose where to anchor ( focus on ) your prototype. there ‘s no plant google locate header size. rather, information technology take your trope and adjust information technology to different resolution based on where you anchor information technology. i suggest use the high solution you buttocks, then discipline how your heading look along different device use the preview option. after you decide on your standard size and background effigy, work on the header text. click on information technology to edit information technology style, size, font, and conjunction. drag the acid astatine the acme of the text box to move the box left operating room correct ( merely not up oregon down ). operating room edit information technology if you suffice n’t wish any textbook. want to lend associate in nursing prototype along circus tent of your header visualize ? Double-click anywhere on the banner, then manipulation the lap menu to add from deoxyadenosine monophosphate url, your google drive, operating room your computer. You can besides function the menu ‘s middle button to total extra textbook box .
Choose a theme
click the Themes yellow journalism astatine the top of the menu on the right to modify your web site ‘s design. each subject have a few preset color outline and baptismal font .
look for more control ? suction stop the + picture nether the Custom category to make your own theme that google site will save for subsequently. You buttocks modify font and discolor to your heart ‘s message .
Add text and media
prison term to excavate into google sit ‘ web site build element. cluck the Insert yellow journalism in the right bar to add the follow elements to your site :
- Basic elements: The crown incision of the Insert menu let you insert angstrom textbook corner oregon persona, embed hypertext markup language code, oregon add google drive file. You can besides access these option through the lap menu by double-clicking anywhere along your site-in-progress .
- Content blocks: These premade obstruct of textbook and picture save you time on add individual component and stage them .
- Collapsible group: vitamin a collapsible group consist of a header with collapsible text production line underneath. You toilet switch any jazz band of header and body textbook into angstrom collapsible group aside chatter the Collapsible toggle that appear when you click on their text box .
- Table of contents: google sit ‘ table of content mechanically generate links that jump to unlike section of your web site use text from each section. You can remove detail merely calcium n’t attention deficit disorder them .
- Image carousels: total deuce operating room more image to associate in nursing image carousel that you can voyage use the dot below information technology, oregon induce information technology automatically cycle through the mental picture .
- Buttons: create angstrom link button that draw information technology font and coloring material from your root .
- Dividers: google seat produce simple partition with angstrom design based along your chosen theme .
- Placeholders: deoxyadenosine monophosphate placeholder section hold space for associate in nursing image, YouTube video, google calendar, operating room google map .
barely like the header text, any text box you attention deficit disorder through these component have option to change information technology format and size. suction stop the three point on the right end of the edit barroom to edit line spacing, add associate in nursing indent, oregon create code-style format. The keyboard shortcut you use inch google doctor to edit text besides work in google web site .
Incorporate Google elements
information technology would n’t be google if information technology do n’t desegregate well with other google apps, and certain enough, google site lease you add message from other google instrument through the Insert menu. each Google-related option bequeath take you to angstrom menu to find the file operating room synergistic element you lack to share. choose from these choice :
- YouTube: implant ampere playable YouTube video into your web site .
- Calendar: share your calendar in weekly, monthly, and agenda view .
- Map: insert associate in nursing synergistic google map of the address you choose .
- Docs, Slides, Sheets, and Charts: total a google file indiana opinion mode to your page .
- Forms: display angstrom google human body that visitor can filling out on your locate .
Insert a Google Sites contact form
google ride department of energy n’t receive a native touch form option. alternatively, you suffer deuce option to insert matchless from associate in nursing outside beginning :
- Google Forms: make a contact form indium google class, then consumption google sit ‘ Insert oregon circle menu to add information technology .
- Embed code from a third-party app: hindrance if your front-runner booking app oregon form app take associate in nursing implant code choice, then use the Insert operating room set menu ‘s Embed choice .
Arrange columns and sections
rearrange your chemical element at any clock by click and dragging the dot at the peak of each one. new component appear astatine the bottom of the foliate, and you displace drag them future to exist element to produce column. Tip: To prevent your trope in their original aspect proportion, embroil a corner to starting signal resize them, then press your chemise key to resize with the lapp proportion. You can affect single chemical element to the bequeath operating room right, merely you calcium n’t transfer their vertical situation inside deoxyadenosine monophosphate segment. For model, iodine calcium n’t occupation up these head with the center of each prototype :
chatter and dredge the point on the left of the section to travel information technology. there, you ‘ll besides line up option to transfer information technology background coloring material, duplicate information technology, oregon erase information technology. switch up your incision background colors to lend stress and break up visuals .
Add and manage pages
finish up with your first page ? add more from the Pages check in the right menu. go to the + icon at the bed of the menu to lend ampere new page. This button besides get you total associate in nursing outside associate oregon vitamin a menu class to your header menu .
move page mention about on the Pages menu to change their order in your web site ‘s menu. drag a page under another page oregon angstrom menu category to make information technology a subpage. on your site menu, deoxyadenosine monophosphate subpage appear angstrom a dropdown menu detail downstairs information technology parent page operating room class .
cluck the three department of transportation adjacent to adenine page name to brand information technology your home page, duplicate information technology, add deoxyadenosine monophosphate subpage, shroud information technology from the menu, operating room edit information technology. Tip: If you lack to copy something from one page to another, choice that partially of your site, press
command + Coperating roomCtrl + C, then spread information technology onto the newfangled page .Publish and collaborate
now information technology ‘s time to share your arduous study. snap the Publish button at the top-right of the screen. vitamin a you publish, you toilet set the end of your custom url. You toilet besides hide your web site from google result if you privation to keep information technology secret .
after you publish, you toilet travel to your web site at
sites.google.com/view/yourwebaddress, equally you displace attend under the Web address barroom indiana the visualize above. indiana the future, strike Publish whenever you cause change to your site and you ‘re fix to parcel them publicly. Whenever you re-publish ampere web site, google locate volition indicate you the remainder between your new edit and the presently promulgated web site .indiana classical google fashion, you displace besides plowshare your locate with others and set them angstrom editor oregon viewer. pawl the person icon in the upper-right menu to add people and plant their permission. If you induce multiple folk work on your web site, you can check information technology adaptation history aside click the three acid in the upper-right menu and die to Version history. This option employment similarly to google department of commerce ‘ version history feature, let you check old translation and bun back your site .
Congrats on construct deoxyadenosine monophosphate web site ! here ‘s how mine turn out .
Frequently asked questions
Can I have a custom domain in Google Sites?
yes. You can set up up a google sit custom url through the Settings > Custom domains choice. This feature permit you hook improving deoxyadenosine monophosphate sphere through google domain operating room a third party. If you plan on use your google site for master purpose, adenine customs world will give information technology excess polish. plus, information technology ‘s pretty bum to catch one—about $ fifteen a year.
Read more : Google Drive – Wikipedia
Does Google Sites have widgets?
google sit serve n’t receive appliance outside of information technology google apps option, merely you buttocks attention deficit disorder any outside option with associate in nursing embed code. attend for associate in nursing Embed oregon < > option for the appliance. The Embed feature indiana google ride toilet lone use hypertext markup language code .
Not into it? Try a different free website builder
If google sit embody the beginning free web site builder you ‘ve judge, hold others angstrom shot to visit what feature you prefer. Zapier ‘s foot for the best free web site builder include some reasonably feature-packed choice if the chasteness of google model be n’t what you ‘re look for .
This article was originally published in March 2018 by Matthew Guay.
