- 03 Apr 2025
- 2 Minutes To Read
-
Print
-
DarkLight
-
PDF
Customize a Highlight
- Updated On 03 Apr 2025
- 2 Minutes To Read
-
Print
-
DarkLight
-
PDF
Once you have created the Highlight project and chosen the template for it, start customizing your Highlight.
The customization options differ based on the Highlight template you choose.
You get the following options to configure:
-
Under the Header section, edit the Header Text, change the Font Family, Font Size, Weight of text, Alignment of text, Text Color, and Bottom Margin. Also add user property to personalize the experience for your end user.
-
Align the Header to the top or bottom, add any content block, or delete the Header section using the action bar.
-
On the Body of the Highlight, edit the Text, Font Family, Font Size, Weight of text, Alignment of text, Text Color, and Bottom Margin. Also add user property to personalize the experience for your end user.
-
Align the Body text to the top or bottom, add any content block, or delete the Body section using the action bar.
-
Customize the button that appears on your Highlight. Choose to have one or two buttons, adjust the button width, alignment, height, radius, and the bottom margin.
- Click the Button Actions dropdown to customize the individual buttons. Change the button color, stroke of the button outline, text, font family, font size, font weight, and button action. Also add user property to personalize the experience for your end user.
The following are the Button Actions you may configure:
Button Action | Description |
---|---|
Dismiss | When the user clicks the button, the Highlight is dismissed from the app screen |
External Link | When the user clicks the button, they are routed to the URL that is attached to the button |
Deep Link | When the user clicks the button, they are routed to the app screen within the same app that is attached to the button |
-
Align the Buttons to the top or bottom, add any content block, or delete the Buttons using the action bar.
-
On the left, click Layout.
-
Enable OVERLAY, change the Highlight color, edit the MASK and add RIPPLE EFFECT.
NoteThe Mask option enables you change shape and radius of the spotlight on the Highlight.
-
Click Done.
The Highlight you create is automatically saved.
-
Preview projects on a device before making it live for your end users.
-
After creating and designing the Highlight, click Publish to make the Highlight live for your end users. For more information on publishing Whatfix Mobile content, see Publish Whatfix Mobile content.