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

# Customizing Your Website

> Personalize your dealer website with your branding and content

# Customizing Your Website

Polish your digital storefront with logo, colors, hero imagery, and SEO copy—all managed in **Dashboard → Website**.

## In this guide

* Logo, colors, hero image, and favicon
* Website description for search and social previews
* Branding best practices

## Accessing Website Settings

All customization options are available in the Website Settings section:

<Steps>
  <Step title="Navigate to Website Settings">
    From your Dashboard, click on "Website" in the sidebar navigation.
  </Step>

  <Step title="Explore Customization Options">
    The Website Settings page contains all the options for personalizing your dealer site.
  </Step>
</Steps>

## Branding Elements

<CardGroup cols={2}>
  <Card title="Logo" icon="image">
    Your dealership's primary identifier
  </Card>

  <Card title="Colors" icon="palette">
    Your brand's color scheme
  </Card>

  <Card title="Hero Image" icon="mountain">
    The banner image on your homepage
  </Card>

  <Card title="Favicon" icon="browser">
    The small icon in browser tabs
  </Card>
</CardGroup>

### Logo

<Steps>
  <Step title="Prepare Your Logo">
    For best results, prepare a logo that is:

    * Square or slightly rectangular
    * At least 200x200 pixels
    * PNG format with transparent background
    * Clear and legible at small sizes
  </Step>

  <Step title="Upload Your Logo">
    Click the "Upload Logo" button and select your logo file.
  </Step>

  <Step title="Preview and Adjust">
    After uploading, preview how your logo appears in the header of your website.
  </Step>
</Steps>

### Colors

<Steps>
  <Step title="Primary Color">
    Select a primary color that represents your brand. This color will be used for:

    * Navigation elements
    * Buttons and call-to-action elements
    * Section headers

    <Tip>
      Choose a color that contrasts well with white text for better readability.
    </Tip>
  </Step>

  <Step title="Secondary Color">
    Select a secondary color that complements your primary color. This will be used for:

    * Accents and highlights
    * Secondary buttons
    * Background elements
  </Step>
</Steps>

### Hero Image

<Steps>
  <Step title="Prepare Your Hero Image">
    For best results, prepare a hero image that is:

    * Wide and rectangular (recommended ratio: 16:9)
    * High resolution (at least 1920x1080 pixels)
    * Clear and visually appealing
    * Represents your dealership or inventory
  </Step>

  <Step title="Upload Your Hero Image">
    Click the "Upload Hero Image" button and select your image file.
  </Step>

  <Step title="Preview the Result">
    After uploading, preview how your hero image appears on your homepage.
  </Step>
</Steps>

## SEO Settings

<Steps>
  <Step title="Website Description">
    Write a concise description of your dealership (150-160 characters). This description appears in search engine results.

    <Tip>
      Include relevant keywords like your location, specialties, and brands you carry.
    </Tip>
  </Step>

  <Step title="Social Media Preview">
    Preview how your website will appear when shared on social media platforms.
  </Step>
</Steps>

## Saving Your Changes

Always click the "Save Changes" button after making modifications. Your changes will be applied to your dealer website immediately.

## Best Practices

<AccordionGroup>
  <Accordion title="Color Selection Tips">
    * Choose colors that reflect your brand identity
    * Ensure strong contrast between text and background colors
  </Accordion>

  <Accordion title="Logo Recommendations">
    * Keep your logo simple and recognizable
    * Ensure it's legible at small sizes
    * Use a version with transparent background
    * Consider creating a simplified version for mobile displays
  </Accordion>

  <Accordion title="Hero Image Guidelines">
    * Use high-quality, professional images
    * Showcase your dealership or best inventory
    * Avoid text-heavy images (add text through the platform instead)
    * Consider seasonal updates to keep your site fresh
  </Accordion>
</AccordionGroup>

<Note>
  Remember that your website's appearance is your digital storefront. Invest time in creating a professional and appealing presentation that reflects your dealership's quality and values.
</Note>

## Pro: chatbot and analytics

On Pro, **Dashboard → Website** also includes:

* **Chatbot** — enable the public site assistant (0.1 Fuel credit per AI reply)
* **Analytics** — optional Google Analytics ID for your dealer site

Chatbot requires an active paid subscription to appear on the public site.

## Next steps

<Steps>
  <Step title="Pro: branded URL">
    [Custom domains](/dealer-guide/domains) — connect your .com with DNS verification.
  </Step>

  <Step title="Pro: CARFAX">
    [CARFAX integration](/dealer-guide/carfax) — trust signals on vehicle pages.
  </Step>

  <Step title="Share your site">
    [Your dealer website](/dealer-guide/website) — GMB, Search Console, and social sharing.
  </Step>
</Steps>

<CardGroup cols={2}>
  <Card title="Domains" icon="link" href="/dealer-guide/domains">
    Custom domain setup (Pro)
  </Card>

  <Card title="Website" icon="globe" href="/dealer-guide/website">
    Preview and discoverability
  </Card>
</CardGroup>
