Top
Login
Contents x
Customize a Beacon
  • 29 Jan 2025
  • 1 Minute To Read
  • Print
  • Dark
    Light
  • PDF
Contents

Customize a Beacon

  • Updated On 29 Jan 2025
  • 1 Minute To Read
  • Print
  • 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?
Related Articles
What's Next
Privacy Policy | Whatfix Glossary | Whatfix Platform Status
Copyright © 2025 WHATFIX TM. All rights reserved.
Change password!
Changing your password will log you out immediately. Use the new password to log back in.
Change profile
Success!
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.
Logout