- 12 Aug 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Customize a Beacon
- Updated On 12 Aug 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Whatfix enables you to customize a Beacon and the accompanying text to match the style of your application.
Customization can be done at two levels:
- Account level
- Beacon level
Each Whatfix Beacon can have unique properties, such as style and color, distinct from the account-level settings.
For example, while all Beacons in your account may be styled as Radial by default, a specific Beacon can be customized to a Custom style to highlight a new update.
The account level configuration for Beacons is available by default. To enable Beacon level configuration, write to support@whatfix.com.
Customize Beacons at the account level
Use the following steps to customize the Beacon at the account level:
- On the Whatfix Guidance dashboard, click Style.
-
Click the Beacon tile.
-
Edit the Beacon based on the following:
- Change the Beacon style
- Change the Beacon color using the color picker
- Change the tip color using the respective color picker
- Customize the style, color, and size of the text that appears when a user hovers their mouse over the Beacon.
- Click Save.
For these changes to reflect for your end users, you must do a push to Production.
Customize Beacons at the Beacon level
Use the following steps to customize a particular Beacon:
-
On the Whatfix Guidance dashboard, click Content.
-
Click Beacons.
-
Hover your cursor over the required Beacon collection, and then click the Edit icon.
-
On the Beacon you want to customize, click Edit.
-
Under the Beacon Style section, choose your preferred Beacon style from the following options.
- By default, the Beacon color is red.
- To change the Beacon color, select Customise this Beacon and then select a Beacon color. Choose from the existing color palette or pass the hex code of the desired color.
-
Click Save Step.
-
Click Save.
- Customize Beacons during creation. For more information, see Create Beacons.
- For these changes to reflect for your end users, you must push your edited Beacon to Production.