Overview

Hotspot beacons are essential for highlighting specific elements on your webpage or application. Customizing these beacons allows you to match them with your branding and design preferences, enhancing their effectiveness in guiding users. There are two primary methods for customizing the style of your Hotspot beacons: through default settings in the Themes tab and individually within the extension.

Customizing Default Hotspot Settings

1. Access the Themes Tab: To set default styles for all your Hotspot beacons, go to the Themes tab in your UserGuiding Panel. This is where you can configure the global appearance settings for your Hotspots.
   
2. • Default Customization Options: Within the Themes tab, you can adjust the default color, size, shape, and other visual aspects of your Hotspot beacons. These changes will apply to all Hotspots created after the adjustments.
   • Further Reading: For more detailed instructions on customizing these settings, refer to the related article.
     
3. Save Changes: Ensure you save your changes to apply the new default settings across all Hotspots.

Customizing Individual Hotspot Beacons

1. Edit Hotspot in the Extension: For more granular control, you can customize Hotspot beacons individually using the UserGuiding Chrome Extension. Open the extension and select the Hotspot you wish to edit.
2. Click on the Beacon Tab: Within the Hotspot editing interface, click on the “Beacon” tab. This tab allows you to customize the color, size, and other options for the specific Hotspot beacon.
   
   
   
   
3. Adjust Settings: Modify the settings as desired. You can choose different colors, sizes, and shapes to make the beacon more prominent or to align it with your design aesthetics.
4. Save Individual Customizations: After making your adjustments, save the changes to ensure the customized beacon settings are applied to the selected Hotspot.

Benefits of Customization

• Brand Consistency: Customizing Hotspot beacons helps maintain brand consistency across your onboarding materials.
• Enhanced Visibility: Tailoring beacon styles can improve their visibility and effectiveness in guiding users.
• Personalized User Experience: Individual customizations allow you to align Hotspot beacons with specific content or design elements, enhancing the overall user experience.

By following these steps, you can effectively customize both default and individual Hotspot beacons to better fit your needs and preferences.