> ## Documentation Index
> Fetch the complete documentation index at: https://help.tiretutor.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Managing page content and images

> Change pre-built website sections, choose homepage buttons, and replace images with files for your shop.

Use **Page Contents** for text and images in pre-built website sections.
Both **Site Manager** and **Editor** can edit text and images for their assigned site.
Homepage button choices require **Site Manager** access.

<Warning>
  Saving changes the content your live website uses. Review each edit before saving.
</Warning>

## Edit a pre-built section

**When:** A headline or paragraph needs to describe your shop more accurately.

<Steps>
  <Step title="Open Page Contents">
    Select **Page Contents** in the sidebar.
  </Step>

  <Step title="Open your shop's record">
    Its **Site** field identifies the website.
  </Step>

  <Step title="Select the page tab">
    For the homepage, select **Home Page**.
  </Step>

  <Step title="Select the section tab">
    For the main homepage image and text, select **Hero Section**.
  </Step>

  <Step title="Edit Heading">
    A useful headline names your service and town, such as “Tires and auto service in Watertown”.
  </Step>

  <Step title="Edit Paragraph">
    Use a short description of what your shop offers.
  </Step>

  <Step title="Choose homepage buttons if needed">
    Select the required options in **Call to Action**. This control requires **Site Manager** access.
  </Step>

  <Step title="Review the section">
    Check that its wording matches your shop.
  </Step>

  <Step title="Save the content">
    Select **Save**.
  </Step>

  <Step title="Check the section on your live website">
    The page must show the intended text and buttons.
  </Step>
</Steps>

<Note>
  **Call to Action** selects existing actions such as **Shop for Tires**, **Schedule Service**, and **Get a Quote**.
  It does not provide a free-text label for each homepage button.
</Note>

<Check>
  The live section contains your revised wording. Each visible button opens its intended action.
</Check>

## Replace an image

**When:** A section needs a new shop photo or team photo. To change the logo, a Site Manager uses [Site Settings](/dealers/website/managing-site-settings#change-the-logo).

<Warning>
  Create a new image record for a replacement. Editing an existing image changes that record wherever your site uses it.
  Shared library images are available to select, but dealer accounts cannot edit them.
</Warning>

For a homepage photo, the field is **Background Image** under **Home Page** → **Hero Section**.
The same replacement process applies to other image fields.

<Steps>
  <Step title="Open the image field">
    Find the current image in the section you want to change.
  </Step>

  <Step title="Remove the current image from the field">
    Select the remove control beside the image.
  </Step>

  <Step title="Create a replacement image">
    Select **Create New** in the empty image field.
  </Step>

  <Step title="Upload the new file">
    Select a file from your computer or drag it into the upload area.
  </Step>

  <Step title="Select your shop in Site">
    Your account requires a site for every new upload.
  </Step>

  <Step title="Enter Alt Text">
    Describe the image, such as “Aubin's Auto entrance in Watertown”.
  </Step>

  <Step title="Save the image record">
    Select **Save** in the upload dialog.
  </Step>

  <Step title="Check the selected image">
    The original field must show your new image.
  </Step>

  <Step title="Save the section">
    Select **Save** on the record that contains the image field.
  </Step>

  <Step title="Check the image on your live website">
    Check that the crop keeps the important part of the photo visible.
  </Step>

  <Step title="Check the same page on a phone">
    A narrow layout can crop the image differently.
  </Step>
</Steps>

<Check>
  Your live page uses the new image. Its subject remains clear on a computer and a phone.
</Check>

## Prepare images for both layouts

Use a clear photo with its subject away from the edges.
A wide section needs a different crop from a portrait photo.
Large empty areas can make the subject look too small.

Resize or compress large files before uploading.
Keep text outside the photo where possible, so a phone crop does not remove it.
If a crop still looks wrong, upload a revised image with the replacement steps above.

## Where to go next

<Columns cols={2}>
  <Card title="Managing site settings" icon="palette" href="/dealers/website/managing-site-settings">
    Change your logo, layout, and theme colours.
  </Card>

  <Card title="Reference" icon="book" href="/dealers/website/reference">
    Look up the section names and answers to image problems.
  </Card>
</Columns>