Top
Customize a Beacon
  • 29 Jan 2025
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Customize a Beacon

  • Dark
    Light
  • PDF

Article summary

Whatfix enables you to customize a Beacon and the accompanying text to match the style of your application.

Customization is done at two levels:

  • Account level
  • Beacon level

Each Whatfix Beacon has unique properties, such as style and color, distinct from the account-level settings.
For example, while all Beacons in your account could be styled as Radial by default, a specific Beacon can be customized to a Custom style to highlight a new update.

Note

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.
    widget_beacons

  2. Edit the Beacon based on the following:

  • Change the Beacon style
  • Change the Beacon color using the color picker
  • Change the tooltip color using the respective color picker
    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 Launch live edit.
    DB_Beacon_launchliveedit

  2. Go to the Beacon that you want to customize and click Edit step.
    Studio_Beaconlevel_Editsteps.png

Note:
  • By default, the Beacon color is red.
  • To change the Beacon color, go to CONFIGURATIONS and then select a Beacon color. Choose from the existing color palette or enter the hex code of the desired color. You can also select the Type or Size of the Beacon.
    Studio_Beacons_Becaonlevel_appearance.png
  1. Click Save.
    Studio_Beaconlevel_SaveEdits.png
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.