Top
Customizing a Beacon
  • 14 Sep 2022
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Customizing a Beacon

  • Dark
    Light
  • PDF

You can customize a Beacon and the text that appears with it so that it suits 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 NEW styled when you want to focus on a new update.


Note

The Account Level Configuration for Beacons are available by default. To enable Beacon Level Configuration, contact [email protected].


Customizing Beacon at the Account Level

Use the following steps to customize the Beacon at the Account Level,

  1. Navigate to the Whatfix Dashboard.
    Goto_dashboard

  2. Click Widgets.
    RB_DB_Click widgets

  1. Click the Beacon tile.
    RB_DB_Beacon_clickbeacon

  2. In the left pane, click Configuration.
    RB_Beacon_config

  1. You can make the following changes.
  • 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 the user hovers their mouse over the beacon.

RB_DB_Beaconconfig options

Note

You can use the respective hexadecimal color code to define any other color that you want to use. For a more comprehensive list of colors and codes, see Hexadecimal Color Codes.

  1. Click Save.

Customizing a Beacon at the Beacon Level

Use the following steps to customize a particular Beacon,

  1. Navigate to the Whatfix Dashboard.
    Goto_dashboard

  2. Click Filter.
    RB_DB_Usefilter

  3. Click the Beacon checkbox, and then click Apply to filter all the Beacon Collections.
    RB_DB_filterbeacons(1)

  4. Hover your cursor over the Beacon Collection you want to customize a Beacon from, and then click the Edit icon.
    RB_DB_beaconedit

  5. On the Beacon you want to customize, click Edit.
    RB_DB_Beaconediticon

  6. Under the Beacon Style section, click the radio button adjacent to your preferred Beacon style.
    EDT_Beacon_edit_style(1)

Note
  • By default, the Beacon color is red.
  • To change the Beacon color, click the Customise this Beacon checkbox and then select a color. You can choose from the existing color palette or pass the hex code of the desired color.
    EDT_Beacon_edit_color
  1. Click Save Step.
    EDT_Beacons_SaveStep.(1)

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.