--- title: "Customize a Launcher" slug: "customize-a-launcher" updated: 2026-08-12T08:17:20Z published: 2026-08-12T08:17:20Z canonical: "support.whatfix.com/customize-a-launcher" --- > ## 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. > [!WARNING] > 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) 1. Click **Launchers**. ![Click_launchers](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28339%29.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) **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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) - Use different button styles to suit the underlying application. Select between Filled (Primary) button, Secondary (Outlined) (Secondary) button, and 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) **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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) - 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) > [!WARNING] > 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) > - 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) - Once you select the icon, make the following configurations: > [!WARNING] > 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) - **Size**: Select the desired size using the dropdown. ![Configure_size](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Configure_size.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) 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?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) > [!WARNING] > 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) A visually prominent button that represents the primary action on a page. It has a filled background, an outline, and text that draws users' attention. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Glossary/image-1706870754420.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) A button representing an alternative action or a less important action than the Primary button. It has a transparent background with an outline and text. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Glossary/image-1706870687917.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) Text buttons are represented as text links and are used for less important actions than Primary and Secondary buttons. It has no background color or outline, just the text itself. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Glossary/image-1706870601457.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A33%3A36Z&se=2026-11-12T08%3A33%3A36Z&sr=c&sp=r&sig=StfVswPoJe8zjKx8ahmJ4OH8ESCYcrxr0ug%2BsxDc5jE%3D) ## 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)