Add your business’s name/website name under ‘Alt text’
Click on ‘Use logo color for your theme’. When you do this, the color of your website’s theme will match the logo color. This helps maintain brand consistency.
Navigate over to ‘Favicon’. Click on ‘Upload’ to upload a favicon. This is the icon that every visitor will see when they open your website in their browser. Again, this is crucial for branding and you can use Canva to create a favicon for free.
Head over to the ‘Announcement banner’. Click on ‘Show banner’ (If you would like to show a banner on your website).
Fill out the details, including the message, button label, and link
In this part of our Google Sites tutorial 2022, we’ll explain how to customize an existing Google Sites template.
Delete the default site name (top-left corner). The logo shall suffice.
In place of the default header, add your business’s name
Notice that when you click on each text element, it will generate some formatting options above (refer to the screengrab)
Go ahead and change the font, style, color, alignment, etc.
Expand the title element if needed so that it covers only a single line. You can do so by dragging the element.
Add a tagline below the header and customize it as well.
Redo or undo any action by clicking on the suitable arrow (top-right)
By clicking the preview button, you can see what your new website will look like on both mobile devices and desktops.
Each web page on the Google Sites website builder consists of sections.
You can change the section color (Style 1, Style 2, Style 3, or Image). (Refer to the screengrab).
You can duplicate each section.
You can delete each section.
All changes are automatically saved in Drive.
Let’s explore more customization options below:
Click on ‘Insert’ (right-hand side)
Incorporate a suitable layout by clicking on one
Embed the text box and images
Drag and reposition the text box as required.
Once you insert a layout, you can upload images and add title text
Scroll past the layouts to find other elements like buttons, divider, placeholder, etc.
Notice the other Google products like Slides, Docs, Map, and Calendar that you can embed on your website. Doing so will add extensive features to your website.
Scroll down to the bottom of the page and click on ‘Edit footer’.
Add your business’s address, phone number, and email. The footer will display on every web page.
Change the font and style of the footer using the formatting options provided.
Using the same process, you can customize the other pages like Contact Us.
If you tap on ‘Contact Us’, you can embed the Google Map on this page. To do so, click on the map element > enter your business address > click select. Adding Google Map will allow users to find the address without ever leaving your site.
If the selected Google Sites template does not have a Map element, you can always embed it from the right-hand side menu.
Next to ‘Insert’ (right-hand side menu), we have ‘Pages’. This is where you’ll find all your website pages and subpages.
You have the option to add a new page, the new link to the primary menu, or a new menusection. Refer to the screengrab.
To add a new web page, for instance, click on ‘New page’, enter the page name, and select ‘Done’. For this Google Sites tutorial, we’ve named it ‘Reservations’. The same name will appear on the primary menu.
You can change the order in which these pages appear on the primary menu. All you’d need to do is drag the said web page and reposition it on your right-hand side. (Refer to the screengrab).
To create a subpage, click on ‘New menu section’ > name the page > click on the three dots > select ‘Add subpage’. Using this process, we’ve added two subpages ‘Dine in Bookings’ and ‘Take away orders’ for this Google Sites tutorial 2022.
The two subpages can be seen on the primary menu. Next to ‘Reservations’, a drop-down arrow has appeared which if you click, shows both the subpages.
Each of these subpages can be customized similarly as explained before.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duration
Description
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.