- 30 Jan 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
Customize a Beacon
- Updated On 30 Jan 2024
- 1 Minute To Read
-
Print
-
DarkLight
-
PDF
You can customize a Beacon and the text that appears with it to suit the rest of your application.
A Beacon can be customized in two places:
- At account level
- At Beacon level
Each Whatfix Beacon can have its unique properties— Beacon style and Beacon color, different from the account level configurations.
For example, all the Beacons in your account can be Radial styled, but you can customize one Beacon to be Custom styled when you want to focus on 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.
-
You can make the following changes:
- 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. You can choose from the existing color palette or pass the hex code of the desired color.
-
Click Save Step.
-
Click Save.
- You can also 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.