Add or edit text and images

You can add images in .png, .jpg or .gif format. Follow the image usage guidelines.

Add text, headings, or titles to your site

1. On a computer, open a site in new Google Sites.
2. On the right, click Insert Text box.
3. In the menu, click the Down arrow   choose the text, heading, or title style you want.
4. Add your text to the box.
5. To publish your changes, at the top right, click Publish.

Change how your text looks

1. On a computer, open a site in Google Sites.
2. Click the text you want to change.
3. In the menu, click the Down arrow choose the text style you want.
4. To publish your changes, at the top right, click Publish.

Format your text

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

1. On a computer, open a site in 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 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 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 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 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 Google Sites.
2. On the right, click Insert.
3. Under 'Content Blocks', 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 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 alignment: Click Align and select an option.
• To change the name or URL: Click Edit .
• To delete: Click Remove .

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

Insert and edit images

Add an image

1. On a computer, open a site in 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 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 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 unselect 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 Google Sites.
2. Click the image carousel you want to edit Settings .
3. In 'Edit carousel', click Settings and select 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 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 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 Google Sites.
2. In the top right-hand 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 white space 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 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, colour 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 is next to a site's name at the top. Your site needs to be live to show a favicon.

1. On your computer, open a site in Google Sites.
2. In the top right-hand corner, click Settings .
3. In the 'Settings' window, go to Brand images.
4. Under the 'Favicon' section, click Upload or Select.
5. Choose a .jpg, .png or .gif file.
6. Choose a file and click Open or Select.
7. At the top right, click Publish.

Add a spacer between elements

You can use spacers to rearrange your site layout and add empty spaces between different items.

1. On a computer, open a site in Google Sites.
2. On the right panel, click Insert Spacer.
3. You can drag and drop to move the spacer, and you can adjust the size of the spacer.
4. To publish your changes, at the top right, click Publish.

Group and ungroup objects

You can connect text boxes and images together to move them around as a group.

Group or ungroup text boxes & photos

1. On a computer, open a site in Google Sites.
2. On the same page, add a photo and a text box.
3. Drag the photo to the top or bottom half of the text box, until a line appears.
4. To ungroup, click the photo or text box you want to remove and drag it away from the group.

Change the order of grouped items

1. On a computer, open a site in Google Sites.
2. Click the grouped items you want to change.
3. Click the photo or text box you want to move.
4. Press the Up, Down, Right or Left arrow key.

Related resources

• G Suite Acceptable Use Policy

• Add Google files, video & more