---
title: Configure the Widget
description: change the look-and-feel of the widget in True Fit's Shopify app
---

[Skip to content](https://help.truefit.com/configure-the-widget#main-content)

English

Show submenu for translations

[More support](https://help.truefit.com/kb-tickets/new)

![True-Fit-Full-Original](https://help.truefit.com/hs-fs/hubfs/True-Fit-Full-Original.png?width=150&height=22&name=True-Fit-Full-Original.png)

- [True Fit Home](https://www.truefit.com/)
- [True Fit For Shopify](https://www.truefit.com/shopify)
- [Get A Demo](https://www.truefit.com/get-started)

Open main navigation

Close main navigation

- [True Fit Home](https://www.truefit.com/)
- [True Fit For Shopify](https://www.truefit.com/shopify)
- [Get A Demo](https://www.truefit.com/get-started)
- English
  
  Show submenu for translations
- [More support](https://help.truefit.com/kb-tickets/new)
- [Contact us](https://www.truefit.com/support)

[Contact us](https://www.truefit.com/support)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [True Fit Knowledge Base](https://help.truefit.com/)
2. [Getting Started on Shopify](https://help.truefit.com/getting-started-on-shopify)
3. [True Fit Widget](https://help.truefit.com/getting-started-on-shopify#true-fit-widget)

June 16, 2025

# Configure the Widget

## Use the configuration UI in True Fit's Shopify app to change the look-and-feel of the widget.

Once you place the widget on the Product Detail Page, it's time to configure the look-and-feel. 

![Shopify UI - FIt Hub UI](https://help.truefit.com/hs-fs/hubfs/Shopify%20UI%20-%20FIt%20Hub%20UI.png?width=670&height=462&name=Shopify%20UI%20-%20FIt%20Hub%20UI.png)

Style from a menu of configuration options:

- Theme: Overall style of the True Fit widget; button or text
- Logo Color: Choose a red, black, or white True Fit logo
- Font: Select from one of our standard fonts
- CTA Text Color: Change the color of the prompt 'What's My Size?'
- Text Color: Change the color of the size guidance, ex: 'Consider sizing down'

For Button Theme only: 

- Border Color: Change the color of the button border
- Background Color: Change the color of the button background
- Border Radius: Change the button shape, ranging from square corners to pill shaped

- [Reports](https://help.truefit.com/reports)
- [Getting started](https://help.truefit.com/getting-started)
- [Recommendations](https://help.truefit.com/recommendations)
- [Integration Partners](https://help.truefit.com/integration-partners)
- [Getting Started on Shopify](https://help.truefit.com/getting-started-on-shopify#main-content)

    - [Getting Started](https://help.truefit.com/getting-started-on-shopify#getting-started)
    - [True Fit Widget](https://help.truefit.com/getting-started-on-shopify#true-fit-widget)

[![True-Fit-Icon-Original](https://help.truefit.com/hs-fs/hubfs/True-Fit-Icon-Original.png?width=25&height=25&name=True-Fit-Icon-Original.png "True-Fit-Icon-Original")](http://www.truefit.com)

Copyright © 2025, True Fit