Top
Customize a Beacon
  • 30 Jan 2024
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Customize a Beacon

  • Dark
    Light
  • PDF

Article Summary

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.

Note

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:

  1. On the Whatfix Guidance dashboard, click Style.
    ia_left%20nav_style

  1. Click the Beacon tile.
    themes_beacon tile.png

  2. 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.
    clm_Beacon_customize
  1. Click Save.
your title goes here

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:

  1. On the Whatfix Guidance dashboard, click Content.
    ia_left_nav_content

  2. Click Beacons.
    ia_left%20nav_beacons

  3. Hover your cursor over the required Beacon collection, and then click the Edit icon.
    db_beacon_edit

  1. On the Beacon you want to customize, click Edit.
    edit beacon button

  2. Under the Beacon Style section, choose your preferred Beacon style from the following options.
    clm_Beacon_beacon style

Note:
  • 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.

Snag_70c33.png

  1. Click Save Step.
    RB_beacons_savestep

  2. Click Save.
    RB_beacons_savebeacon

Note

Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.