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

# Button Customization

> Customize the Try On button appearance in your Looksy dashboard. Adjust colors, text, and corner position to match your brand.

## Customize the Button in Your Dashboard

Customize the Try On button to match your brand using the Looksy dashboard.

## Available Customizations

### Button Text

**Default:** "Try On"

**Alternatives:**

* "See it on you"
* "Virtual try-on"
* "Try it on"
* "Preview on yourself"
* Custom text of your choice

**Best practice:** Keep it short (2-4 words) and action-oriented.

### Button Colors

**What you can customize:**

* Background color
* Text color
* Button styling

**Best practice:** Choose colors that match your brand and contrast well for visibility.

### Corner Position

**Options:**

* Top left (default)
* Top right

**Best practice:** Choose based on your product image layout and other overlays.

## How to Customize

1. Go to your **Looksy dashboard**
2. Click **"Customize Button"**
3. Adjust the following:
   * Button text
   * Button colors (background, text)
   * Corner position (top left or top right)
4. Click **"Save"**

<Check>
  Changes apply to all products automatically on both desktop and mobile.
</Check>

## Customization Limits

You can only customize:

* Button text
* Button colors
* Corner position

You cannot customize:

* Button location (fixed on product image)
* CSS styling beyond dashboard settings
* Modal appearance
* Upload area styling
* Fonts or typography
* Animations

<Note>
  All customization is done via the Looksy dashboard. You cannot add custom CSS or code to further customize the button.
</Note>

## Brand Styling Examples

### Minimalist/Clean Brands

* Text: "Try On"
* Colors: Black button, white text
* Position: Top left

### Vibrant/Fun Brands

* Text: "See it on you!"
* Colors: Bright brand color, contrasting text
* Position: Top right

### Luxury/Premium Brands

* Text: "Preview"
* Colors: Dark neutral, gold/elegant accent
* Position: Top left

## Testing Your Customization

After customizing:

1. Visit a product page on your live store
2. Check that button appears with your styling
3. Click button to verify try-on works
4. Test on mobile to confirm it looks good

<Check>
  Customization applies automatically to desktop, mobile, and tablet. No separate testing needed.
</Check>

## Common Questions

<AccordionGroup>
  <Accordion title="Can I add custom CSS to style the button?">
    No. You can only customize via the Looksy dashboard settings (text, colors, corner position). Custom CSS is not supported.
  </Accordion>

  <Accordion title="Can I change the button position?">
    No. The button is fixed on the product image. You can only change the corner position (top left or top right).
  </Accordion>

  <Accordion title="Can I customize the modal or upload area?">
    No. Only the button text, colors, and corner position can be customized.
  </Accordion>

  <Accordion title="Do changes apply to mobile automatically?">
    Yes. All customization applies to desktop, mobile, and tablet automatically.
  </Accordion>

  <Accordion title="Can I use different styling for different products?">
    No. Button customization applies to all products globally.
  </Accordion>
</AccordionGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="Theme Integration" icon="palette" href="/integration/theme-setup">
    Enable Looksy with the app embed
  </Card>

  <Card title="Mobile Experience" icon="mobile" href="/integration/mobile-optimization">
    Learn how Looksy works on mobile
  </Card>

  <Card title="Best Practices" icon="star" href="/product-setup/best-practices">
    Optimize virtual try-on for conversions
  </Card>

  <Card title="Analytics" icon="chart-line" href="/analytics/dashboard-overview">
    Track performance and engagement
  </Card>
</CardGroup>