Top
Customize a Beacon
  • 10 Sep 2024
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Customize a Beacon

  • Dark
    Light
  • PDF

Article summary

Customize a Beacon and the text that appears with it to suit the branding and style of your application.

You can customize a Beacon in two places:

  • Account level
  • Beacon level

Each Whatfix Beacon can have its own 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, contact 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 Beacons.
    db_style_beacons

  2. You can configure the following in the Beacon Theme page:

    • 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
  3. Click Save.

To publish the changes, you must perform 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.
    clm_Beacon_beacon style

  3. Click Save Step.
    RB_beacons_savestep

  4. Click Save.
    RB_beacons_savebeacon

your title goes here

You can also customize Beacons during creation. For more information, see create beacons.


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.