4 Easy Steps: Create Custom Visual Navigation on a Google Site

4 Easy Steps: Create Custom Visual Navigation on a Google Site

I love using Google Sites (even though this site is a WordPress). Google Sites are quick and easy to get started and are automatically connected to your other Google Products. The Insert menu allows me to easily embed any of the Google documents in my Google Drive. Using a Google Site for my students means I can quickly embed the presentation I am going to share with them and the document of directions for the activity.

One complaint I hear from people about Google Sites is that it is not as visually attractive as some other sites. If you are looking for a website that is about easily sharing information, especially if you use Google Drive as much as I do, then Google Sites is a great choice for a classroom website.

HOWEVER, did you know you can customize a Google Site to make it look NOT like a Google Site?

Take a look at http://www.edtechteam.com/ for an example of a Google Site that has been customized.

Step 1

Create a visual for the website visitor to click on. If you want to create the image in Google Draw you will want to resize the image. Click Here for a blog post on how to do that.

You can use the Ruul chrome web extension to help you to measure buttons on other websites so you can create the appropriately sized custom canvas. The buttons on the edtechteam website are approximately 110×110 pixels if you want a suggested button size.

Download the image as a .jpg or .png.

Step 2

Insert the image on the page you want to create the custom navigation. Probably the home page.

Step 3

While still in editing mode, click directly on the image to reveal the image options.

By default the inserted image will link to the image file. Click on “Change” to  enter a different URL.

Step 4

If you want to link to a different website or perhaps a Google Doc, replace the default URL with the desired URL.

If you want to link to different pages within your Google Site, switch to “Sites page” on the left hand side.

Decide if you want your navigational link to open in a new window by checking the “Open this link in a new window” button. Suggestion that internal links you would NOT choose this option but links to outside websites or documents you would check the checkbox.

Further Customizations

To be covered in a future post, you will possibly want to turn OFF the sidebar navigation to help you site have that custom look.

Leave a Comment

© 2026 All Rights Reserved.

Get effective EdTech strategies from Alice Keeler to build a more student centered classroom. Includes unique resources and templates.

Recent Teacher Tech Blog Posts

💥 FREE OTIS WORKSHOP

Join Alice Keeler, Thursday April 28th or register to gain access to the recording.
Create a free OTIS account.

Join Alice Keeler for this session for teaching with AI

Imagine having a team of teaching assistants who already know your syllabus and exactly how you like to give feedback. Join Google Certified Innovator Alice Keeler to learn how to use Google Gems to build a powerful collection of custom AI tools. We will explore how to engineer specific instructions so you can create a Grading Assistant or a Classroom Policy Manager that works for you. You will also learn how to leverage Gems shared by other educators to instantly expand your toolkit. This session is about super-powering your teaching by automating the routine tasks so you can focus on the students.

Exit this pop up by pressing escape or clicking anywhere off the pop up.