> ## 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 site settings

> Update your website logo, layout, colours, social links, tracking details, application email, and finance options.

You need **Site Manager** access for **Site Settings**.
Both **Site Manager** and **Editor** can change **Finance Options** for their assigned site.
Contact support if your account lacks the access you need.

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

## Change the logo

**When:** Your shop has a new logo or a clearer image file.

<Steps>
  <Step title="Open Site Settings">Select **Site Settings** in the sidebar.</Step>
  <Step title="Open your site's settings record">Its **Site** field identifies the website.</Step>
  <Step title="Select General">This tab contains **Site Logo**.</Step>
  <Step title="Replace Site Logo">Use the [image replacement steps](/dealers/website/managing-page-content#replace-an-image) for a new file.</Step>
  <Step title="Save the settings">Select **Save**.</Step>
  <Step title="Check the logo on your website">The logo must remain clear against its background.</Step>
  <Step title="Check the logo on a phone">The smaller layout must keep the shop name readable.</Step>
</Steps>

<Check>
  The website shows the correct logo on both devices.
</Check>

## Choose a layout

**When:** You want a different arrangement of the website's sections.

**Site Theme** selects the template layout. The **Theme** tab controls colours separately.

<Steps>
  <Step title="Open your record in Site Settings">The record holds settings for one website.</Step>
  <Step title="Select General">This tab contains **Site Theme**.</Step>
  <Step title="Choose Site Theme">Select the layout you want from **Theme-1** through **Theme-10**.</Step>
  <Step title="Save the settings">Select **Save**.</Step>
  <Step title="Review the live website">Check the layout with your shop's actual text and images.</Step>
  <Step title="Review the layout on a phone">Check that headings and images fit the smaller page.</Step>
</Steps>

<Check>
  The layout fits your content on both devices.
</Check>

## Change theme colours

**When:** Your website colours need to match your shop's branding.

A hex code starts with `#`, followed by six characters from the numbers 0–9 and the letters A–F.
For example, `#000000` is black and `#FFFFFF` is white.

<Warning>
  Low-contrast warnings do not block saving. Customers can still receive hard-to-read colours if you save them.
</Warning>

<Steps>
  <Step title="Open your record in Site Settings">This is the same record that holds your logo.</Step>
  <Step title="Select Theme">**Base Colors** contains the main colour pairs.</Step>
  <Step title="Enter your brand colour in Primary">Use its hex code or the colour picker.</Step>
  <Step title="Set Primary Foreground">This colour controls text on the primary background.</Step>
  <Step title="Review the contrast warnings">Warnings appear beside affected fields and at the top of **Theme**.</Step>
  <Step title="Adjust any pair with a warning">Change its text colour or background colour until the warning clears.</Step>
  <Step title="Save the colours">Select **Save**.</Step>
  <Step title="Check the live website">Check text against its background across the page.</Step>
  <Step title="Check the colours on a phone">Small text must remain readable.</Step>
</Steps>

**Secondary** and **Secondary Foreground** form another background-and-text pair.
**Section Colors** and **Component Colors** control specific areas, such as sections, the menu, and the footer.
Use the same contrast check when you change those pairs.

<Check>
  Your text remains readable on both devices. The editor shows no contrast warnings for the pairs you changed.
</Check>

## Add a social profile link

**When:** Customers need a link to your shop's social profile.

<Steps>
  <Step title="Open your record in Site Settings">The record holds site-wide social links.</Step>
  <Step title="Select Social Media">The fields sit under **Social Media Links**.</Step>
  <Step title="Enter the profile address">Use the full address in the matching field, such as **Facebook URL** or **Instagram URL**.</Step>
  <Step title="Save the link">Select **Save**.</Step>
  <Step title="Test the link on your website">The link must open your shop's profile.</Step>
</Steps>

The fields cover Facebook, Twitter/X, Instagram, LinkedIn, YouTube, Google Business Profile, and Yelp.
For another platform, contact support.

## Add Google or Meta tracking details

**When:** You have tracking details from the person who manages your marketing accounts.

<Steps>
  <Step title="Open your record in Site Settings">This record holds the website's analytics settings.</Step>
  <Step title="Select SEO & Analytics">This tab contains the analytics options.</Step>
  <Step title="Select Analytics">The fields sit under **Analytics Configuration**.</Step>
  <Step title="Enter the tracking value">Use **Google Analytics ID** or **Meta (Facebook) Pixel ID** for the matching account.</Step>
  <Step title="Save the settings">Select **Save**.</Step>
  <Step title="Check the saved value">Compare it with the value from your marketing account.</Step>
</Steps>

These fields take the tracking value, not a full script.
Contact support if your marketing provider supplies a script or needs help confirming tracking.

## Set the job application email

**When:** Job applications need to reach a different inbox.

<Steps>
  <Step title="Open your record in Site Settings">The website's form settings live in this record.</Step>
  <Step title="Select Forms">**Career Form** holds the job application recipient.</Step>
  <Step title="Enter Submission Email under Career Form">Use an inbox someone at your shop checks regularly.</Step>
  <Step title="Save the recipient">Select **Save**.</Step>
  <Step title="Check the saved email address">Confirm its spelling before applicants use the form.</Step>
  <Step title="Send a test application">Open the Careers page on your live website. Submit an application marked as a test.</Step>
</Steps>

<Check>
  The test application arrives in the new inbox. If it does not arrive within a few minutes, contact support.
</Check>

**Contact Form** has a separate **Submission Email** for contact enquiries.
Changing that address does not change the career form recipient.

## Update a finance option

**When:** Your website needs different details for a financing provider.

<Steps>
  <Step title="Open Finance Options">Select **Finance Options** in the sidebar.</Step>
  <Step title="Open your site's finance option">Its **Site** field identifies your website.</Step>
  <Step title="Update Finance Option Name">Use the provider or program name customers recognise.</Step>
  <Step title="Update Short Description">Describe the option accurately in 500 characters or fewer.</Step>
  <Step title="Choose Link Type">Select **Apply Link** for an application or **Contact Us** for a contact page.</Step>
  <Step title="Enter Application Link when using Apply Link">Use the provider's full application address.</Step>
  <Step title="Save the finance option">Select **Save**.</Step>
  <Step title="Test the option on your website">Its link must reach the intended application or contact page.</Step>
</Steps>

If your website lacks the provider you need, contact support.

## Where to go next

<Columns cols={2}>
  <Card title="Managing shop details" icon="wrench" href="/dealers/website/managing-shop-details">
    Update services, local areas, team profiles, brands, and articles.
  </Card>

  <Card title="Reference" icon="book" href="/dealers/website/reference">
    Look up settings, roles, and troubleshooting answers.
  </Card>
</Columns>