Get started with Sites

2. Update and personalize your site

" "

Sites

Learn the basics of creating, sending, viewing, and replying to email.
 

In this section, you learn how to:

2.1 Add content to your site
2.2 Edit text
2.3 Edit sections
2.4 Edit images
2.5 Add a logo
2.6 Add content from another website
2.7 Move and resize content

2.1 Add content to your site

" "

On the right, select the page that you want to add content to and choose an option:

1 Double-click the page where you want to add content.
2 Or, click Insert and choose the content you want to add.

Insert content from the page or through the menu

Add titles Add titles and text.
Add content Add content directly from the web, such as music and videos.
Choose image Add photos, designs, and other images.
Google Drive Embed any file (From Drive) or the contents of a folder stored in Drive. If you make changes to your files in Drive, the same changes automatically show in Sites.
Add button Add buttons which link to other content within your site, or to an external URL.
Add divider Add a (horizontal) divider line to your page.
YouTube Add YouTube videos (such as product trailers or company ads).
Event Add calendars (such as team or event calendars).
Add map Add maps (such as office locations, event directions, or custom maps).
Drive Docs Drive Slides
Drive Sheets Drive Forms
Drive chart
Add anything from Docs, Slides, Sheets, Forms, or charts from Sheets to your site. Any content you change in the source file automatically updates on your site.

2.2 Edit text

" "

To edit text or page titles, just click the box and enter new text. Or, from the toolbar above the text box, select another option.

Options for updating text appear above the text box


Editing options:

Titles and headings
Title Down arrow Select a preset heading. Select Normal text for additional formatting options.
Format align left Change the text alignment.
Link Insert a link for selected text.
Delete Delete a title or text box.
Normal text
BoldItalic Select text and add bold or italics.
Numbered list Bulleted list Add numbered or bulleted lists.
More Go to more options.
Add content Use the Code text style.
Strikethrough Select text and strikethrough it.
Remove text formatting Select text and remove all formatting.

2.3 Edit sections

" "

Point to a section to change it.

  1. Change the background for each section—Click Style Style and select a style. You can also select Image Choose image to add a background image.
  2. Move a section—When you insert new content, it’s added to a new or existing section. To move that section up or down, click Move section Move and drag the section where you want it.
  3. Duplicate a section—Click Duplicate section Copy. You can also copy and paste a section onto another page in your site.
  4. Add a footer—Scroll to the bottom of the page and click Add Footer Add. The footer appears on all of the pages in your site. Point to the footer and click Edit Editcreate to edit it. To hide the footer on a page, point to it and click Hide footer Hide.
Page in Sites with options for updating it on the bottom left

2.4 Edit images

" "

Resize an image:

Select the image and then drag the sides or corners of the image. Hold the Shift key while dragging to keep the image ratio.

Move an image:

Drag the image to a different part of the section or to a new section. You can place the image wherever you see a highlighted area.

Note: Currently, you can’t place an image in a text box.

Crop an image:

  1. Select the image and then select Crop Crop.
  2. Slide the dot to zoom in or out.
  3. Drag the image to change the visible portion.
  4. Click Done Done.
  5. (Optional) To uncrop an image, select the image and click Uncrop Uncrop.

Replace an image:

  1. Select the image.
  2. Click More Moreand then Replace imageand thenUpload or Select image and choose a new image file.

Add alt text to an image:

  1. Alt text appears when someone points over an image on your site.
  2. Select the image and click More Moreand then Add alt text.
  3. Enter a description and click Apply.

Select the image on a site to add alt text

2.5 Add a logo

" "

Logos appear in the top navigation bar, next to the site name.

  1. Point to the top of the page header and click Add logo Choose image.
  2. Click Upload Upload or Select Choose image.
  3. Select the logo and click Open or Select.
  4. (Optional) To change the color of the page header, under Background, click the Down arrow Down Arrow and select a color.
  5. (Optional) To select a theme color based on your logo, in the Edit logo window, select a theme color.

Note: Logo files can be in .jpg, .png, or .gif format. For best results, the logo height should be at least 112 px.

Add logo next to the name of the site

2.6 Add content from another website

" "

You can embed:

  • Websites
  • Web apps using Google Apps Script or App Maker
  • Google Data Studio reports

Depending on what website you add, you might be able to customize how the site appears on your site. Some allow a preview option or an option to see dynamically updated content. After you add content, you might need to sign in again to see the update.

Add content from another website:

  1. Open your site and on the right, click Insertand thenEmbed.
  2. Choose an option:
    • By URL—Paste the URL (link) you want to embed. Select Whole page or Preview and click Insert.
    • Embed code—Paste or enter the site HTML code you want to embed and click Nextand thenInsert.

Note: If you can't add or preview content, contact the website's owner.

Insert or embed from the web by URL or with code

2.7 Move and resize content

" "

Anything you insert is added as a content “tile” on the canvas grid. Tiles snap to the grid so it’s easy to move, align, and edit them.

Move site content:

  1. Point to the content you want to move until you see Move Move.
  2. Drag the content to a highlighted area.

Resize site content:

  1. Select the content you want to resize.
  2. Drag the blue circles to resize.

Group objects:

You can connect text boxes and images together in a vertical group.

  1. Add a photo and a text box to your site page.
  2. Drag the text box to the top or bottom half of the object until a blue line appears.
  3. To change the order of grouped objects, click the group you want to change.
  4. Click the object you want to rearrange and on your keyboard, tap the Up or Down key.

Ungroup objects:

  1. To ungroup text boxes and images, click the group you want to separate.
  2. Click the object you want to remove from the group, and drag the object away from the group
Click to group and ungroup text and images
Was this helpful?
How can we improve it?