How do I create a button for another page in Google Sites?

We’re making it easy to add buttons to the new Google Sites. These are clickable graphics which link to other content within your site or at an external URL. Users often click on buttons more frequently than they click on in-line hyperlinks, so they are a good way to guide people to important content. For example you could add a “Contact Us” button to encourage users to get in touch with you.

How do I create a button for another page in Google Sites?
Example of adding a “Contact Us” button to a site 
Buttons will automatically match the color scheme and theme of your site, and can be resized easily through the interface. This will help you:

  • Make your site easier to navigate 
  • Increase the visibility of important links 
  • Keep your site looking consistent and attractive 


Now that you can add buttons with just a few clicks, we hope you’ll be able to more easily create attractive sites which guide users to relevant content. Visit our Help Center to learn more about how to add, edit, or delete buttons.

Launch Details
Release track:
Launching to both Rapid Release and Scheduled Release

Editions:
Available to all G Suite editions

Rollout pace:
Gradual rollout (up to 15 days for feature visibility)

Impact:
All end users

Action:
Change management suggested/FYI

More Information
Help Center: Add or edit text or images
New Google Sites: sites.google.com/new




Launch release calendar
Launch detail categories
Get these product update alerts by email
Subscribe to the RSS feed of these updates

Buttons are one of the most used elements in web pages. Buttons are used for event processing and interacting with the user. From submitting a form to getting to view some information, we have to click on buttons. To add buttons in Google site pages fellow this article.

You can change how your text looks, add numbered or bulleted lists, or insert links in new Google Sites.

  1. On a computer, open a site in new Google Sites.
  2. At the top right, click Pages, then choose the page you want to edit.
  3. Highlight the text, or click where you want to insert a list or link.
  4. In the menu at the top, choose how you want to format your text.
  5. To publish your changes, at the top right, click Publish.
Tip: You can use an anchor link to link to a specific header or subheader on any published site. Learn how to insert an anchor link. 

Add collapsible text

You can add a collapsible text box to save space on your Google Site.

  1. On your computer, open a site in new Google Sites. 
  2. On the right, click Insert
    How do I create a button for another page in Google Sites?
    Collapsible text.
  3. To add heading and body text, click the text boxes.
  4. To publish your changes, at the top right, click Publish.

Edit or delete collapsible text

Edit collapsible text

  1. On your computer, open your site in new Google Sites.
  2. Click on the heading. This will expand the collapsible text. 
  3. To edit, click on the heading or body text box. 
  4. To publish your changes, at the top right, click Publish.

Tip: To preview your collapsible text, at the top right, click Preview

How do I create a button for another page in Google Sites?
.

Delete collapsible text

  1. On your computer, open your site in new Google Sites.
  2. To select the text box group, point to the top of the collapsible text box and click the blue outline. 
  3. Click Delete group  
    How do I create a button for another page in Google Sites?
    .

Turn collapsible text off

You can turn collapsible text into regular header and body text.

  1. On your computer, open your site in new Google Sites.
  2. Click the collapsible text to expand it. 
  3. To select the text box group, point to the top of the collapsible text box and click the blue outline.
  4. Turn off "Collapsible." 

To turn a header and body text boxes back into collapsible text: 

  1. To select the text box group, point to the top of the header text box and click the blue outline. 
  2. Turn on "Collapsible."

Add a section layout

You can change how part of a page looks by using a layout template. 

  1. On your computer, go to a site in new Google Sites. 
  2. On the right, click Insert. 
  3. Under "Layouts," drag the layout you want to your page. 
  4. Add text, images, docs, or videos. 
  5. At the top right, click Publish. 

Add a button

You can add a button on your site to take people to another URL or page.

How do I create a button for another page in Google Sites?

  1. On a computer, open a site in new Google Sites.
  2. On the right, click Insert 
    How do I create a button for another page in Google Sites?
     Button.
  3. Enter a name. This will appear on the button.
  4. Paste a URL the button should point to, or choose a page on your site.
  5. Click Insert.

Edit or delete a button

Click the button you want to edit or delete.

  • To change the style: Click the down arrow 
    How do I create a button for another page in Google Sites?
     and choose:
    • Filled
    • Outlined
    • Text
  • To change the name or URL: Click Edit
    How do I create a button for another page in Google Sites?
    .
  • To delete: Click Remove
    How do I create a button for another page in Google Sites?
    .

Tip: You can change the color and font of a button. Learn how to edit the theme of your site or page.

Insert & edit images

Add an image

  1. On a computer, open a site in new Google Sites.
  2. On the right, click Insert
    How do I create a button for another page in Google Sites?
    Images.
  3. Choose where to get your image.
  4. Choose an image and click Open or Select.
  5. To publish your changes, at the top right, click Publish.

Add an image carousel

You can add a carousel to show scrolling images on your site.

  1. On a computer, open a site in new Google Sites.
  2. At the right, click Insert 
    How do I create a button for another page in Google Sites?
     Image Carousel.
  3. Click Add image
    How do I create a button for another page in Google Sites?
    .
  4. Choose where to get your images.
  5. Choose 2 or more images.
    • To delete or add alt text, hover over the image.
    • To reorder images, drag and drop them.
  6. If you want to change how the carousel shows images, click Settings
    How do I create a button for another page in Google Sites?
    .
  7. Click Insert.
  8. To publish your changes, at the top right, click Publish. 
Tip: To preview your image carousel, at the top right, click Preview
How do I create a button for another page in Google Sites?
.

You can add captions to your images in a carousel. Your captions display underneath each image.

  1. On a computer, open a site in new Google Sites.
  2. Click the image carousel you want to edit
    How do I create a button for another page in Google Sites?
     Settings
    How do I create a button for another page in Google Sites?
    .
  3. In “Edit carousel,” hover over an image and click Add text 
    How do I create a button for another page in Google Sites?
     
    How do I create a button for another page in Google Sites?
     Add caption.
  4. Enter your caption in “Description” and click OK. 
  5. To save your changes, click Update.
  6. To publish your changes, at the top right, click Publish.

To turn captions off:

  1. Click the image carousel you want to edit
    How do I create a button for another page in Google Sites?
     Settings
    How do I create a button for another page in Google Sites?
    .
  2. In the top right, click Settings 
    How do I create a button for another page in Google Sites?
     and uncheck the box next to "Show captions."
  3. To save your changes, click Update.
  4. To publish your changes, at the top right, click Publish.

You can automatically cycle images in a carousel at 4 different speeds.

  1. On a computer, open a site in new Google Sites.
  2. Click the image carousel you want to edit
    How do I create a button for another page in Google Sites?
     Settings
    How do I create a button for another page in Google Sites?
    .
  3. In “Edit carousel,” click Settings
    How do I create a button for another page in Google Sites?
     and check the box next to “Auto start.”
  4. To change the “Transition speed” between images, click the Down arrow
    How do I create a button for another page in Google Sites?
     and select one of the options: 
    • “Very slow”
    • “Slow”
    • “Medium”
    • “Fast”
  5. To save your changes, click Update.
  6. To publish your changes, at the top right, click Publish​.

Resize a photo

  1. On a computer, open a site in new Google Sites.
  2. Click the photo you want to resize.
  3. Click a dot and adjust the photo to the size you want.
  4. To publish your changes, at the top right, click Publish.

Crop a photo

  1. On a computer, open a site in new Google Sites.
  2. Click the photo you want to edit, and click Crop 
    How do I create a button for another page in Google Sites?
    .
  3. Above the photo, use the slider to adjust the size.
  4. Move the photo within the frame.
  5. Click Done
    How do I create a button for another page in Google Sites?
    . To cancel your changes, at the top, click Undo
    How do I create a button for another page in Google Sites?
    .
  6. To publish your changes, at the top right, click Publish.

Insert other elements to your site

Add a logo

Logos appear at the top, next to the site name.

  1. On your computer, open a site in new Google Sites.
  2. In the top right corner, click Settings
    How do I create a button for another page in Google Sites?
    .
  3. In the "Settings" window, go to Brand Images.
  4. Under the “Logo” section, click Upload or Select.
    • Use an image at least 112 pixels tall.
    • Remove extra whitespace around the logo.
  5. Choose a .jpg, .png, or .gif file and click Open or Select.
  6. At the top right, click Publish.

  1. On a computer, open a site in new Google Sites.
  2. At the right, click Insert 
    How do I create a button for another page in Google Sites?
     Social links
    How do I create a button for another page in Google Sites?
    .
  3. You can add a URL or email address for each social link. 
  4. Optional: you can also add a custom icon image for each social link.
    • Tip: For popular social media websites, Google Sites will automatically provide icon images.
  5. Click Insert.
  6. Click the social link icons to edit them. You can edit the icons' size, shape, style, color, and alignment.

Add or edit alt text

  1. Select the image or logo.
  2. At the top, click More editing options 
    How do I create a button for another page in Google Sites?
    How do I create a button for another page in Google Sites?
    Add alt text.
  3. Enter alt text in the description field.

Add a custom favicon

In a browser, like Chrome or Safari, the favicon is an image that shows next to a site's name at the top. Your site needs to be live to show a favicon.

How do I create a button for different pages on Google Sites?

You can add a button on your site to take people to another URL or page..
On a computer, open a site in new Google Sites..
On the right, click Insert. Button..
Enter a name. This will appear on the button..
Paste a URL the button should point to, or choose a page on your site..
Click Insert..

How do I add a like button to my Google site?

Add AddThis Code to New Google Sites page.
On the New Google Sites page where you want the button, on the right, click Insert and then <> Embed..
In the Embed from the web box, click Embed code. Then paste the code (copied from AddThis) into the box and click Next..
You'll see a preview of the AddThis buttons. Click Insert..