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.

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
   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

.

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  
   .

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.

1. On a computer, open a site in new Google Sites.
2. On the right, click Insert 
    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 
   and choose:
  • Filled
  • Outlined
  • Text
• To change the name or URL: Click Edit
  .
• To delete: Click Remove
  .

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
   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 
    Image Carousel.
3. Click Add image
   .
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
   .
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 .

Add captions to images in a carousel

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
    Settings
   .
3. In “Edit carousel,” hover over an image and click Add text 
    
    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
    Settings
   .
2. In the top right, click Settings 
    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.

Turn on image transitions in a carousel

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
    Settings
   .
3. In “Edit carousel,” click Settings
    and check the box next to “Auto start.”
4. To change the “Transition speed” between images, click the Down arrow
    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 
   .
3. Above the photo, use the slider to adjust the size.
4. Move the photo within the frame.
5. Click Done
   . To cancel your changes, at the top, click Undo
   .
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
   .
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.

Add social media links

1. On a computer, open a site in new Google Sites.
2. At the right, click Insert 
    Social links
   .
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 
   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?

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