---
title: "Customize a Launcher"
slug: "customize-a-launcher"
updated: 2026-03-03T13:12:09Z
published: 2026-03-03T13:12:09Z
---

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

# Customize a Launcher

Customize a Launcher and the text on it or the icons that appear on your application.

Note:

This is an account-level configuration, changes made here are applied to all the Launcher collections.

Use the following steps to customize a Launcher:

1. On the Whatfix Guidance dashboard, click **Style**.  

![ia_left%20nav_style](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_style.png)

1. Click **Launchers**. ![Click_launchers](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28339%29.png)
2. Expand **Appearance** and select the Launcher **Type** using the dropdown. ![Launcher_type](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28334%29.png)

     Select Label only
    
    

- Select the **Label Only** option if you want your Launcher to appear as a button. ![Label_only](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28335%29.png)
- Use different button styles to suit the underlying application. Select between {{glossary.Filled}} (Primary) button, {{glossary.Outline}} (Secondary) button, and {{glossary.Text}} button styles based on your use case.
- Configure the **Color**, **Corner radius**, **Height**, and **Width** for the Launcher. ![Launcher_Config](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28336%29.png)

     Select Icon only
    
    

- Select the **Icon Only** option if you want your Launcher to appear as an icon. ![Icon_only](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-07_12-10-47.png)
- In the **Icon** section, select the icon you want to use. ![Select_launcher_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-07_12-10-47%281%29.png)

Note:

- Click **+Add Icon** to add custom icons from the Icon library. For more information, see [Use custom icons for Launcher](/studio/docs/use-custom-icons-for-launcher).
- Add up to 5 icons to the Icon section.
- Once this limit is reached, the **+ Add Icon** button appears grayed out.  

![Add_iconbutton](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-07_12-18-34.png)
- To add new icons, hover your cursor over the icon and click **Remove** icon.  

![Click_remove](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-10-07%20at%2012.22.59%20PM.png)

- Once you select the icon, make the following configurations:

Note:

If you are unable to change the icon color for certain SVGs, it might be due to fixed colors embedded in the SVG file. For more information, see [SVG Best Practices for Icon Library](/studio/docs/svg-best-practices-for-icon-library).
  - **Color**: Select the color from the existing color picker or enter the hex code of the desired color.  

![Select_Color_DB](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Select_Color.png)
  - **Size**: Select the desired size using the dropdown.  

![Configure_size](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Configure_size.png)

1. Make the necessary changes, and then click **Save**.  

![Click_save](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-07_11-56-15.png)

Note:

- If you click **Discard changes**, all the modifications you've made to the content are lost, and the page reverts to its previously saved state.
- For these changes to reflect for your end users, you must [publish](/studio/docs/pushing-whatfix-content-to-production) the widget and/or content. For more information, see [Should I publish to production for any content changes?](/studio/docs/should-i-do-a-push-to-production-for-any-content-changes)

## Related

- [Launcher does not appear on the application](/launcher-is-not-appearing-on-the-application.md)
- [Launcher overlaps with elements of the underlying application](/launcher-overlapping-with-the-elements-of-the-underlying-application.md)