- 25 Jan 2024
- 3 Minutes To Read
-
Print
-
DarkLight
-
PDF
Create Pop-Ups
- Updated On 25 Jan 2024
- 3 Minutes To Read
-
Print
-
DarkLight
-
PDF
Whatfix Pop-ups are information widgets that can be used to inform your users about things that need your user's immediate attention. You can attach a Flow, survey, video, image, and GIF to the Pop-up.
Use the following steps to create Pop-ups using the Desktop Dashboard,
-
On the Whatfix Guidance dashboard, click Widgets.
-
Click All widgets.
-
Click Create widget.
-
Click Pop up.
-
Choose the color theme using the Theme dropdown.
You can also use your custom color by entering the hex color code in the text box.
-
Select the Pop-up template.
-
Enter a name for the Pop-up segment by clicking the Untitled Pop-up text on top.
-
Edit the Title, Description, and the Button Name.
- To customize and align the texts, double-click the text to open the rich text editor. Here, you can change the text colors, formats, line height, insert images, and more.
- Double-click the button text to edit it.
-
Hover the cursor over the button corner, and then click to open the button configuration menu.
-
Click the Select Action dropdown and select the button action using the descriptions below.
Button Action | Behavior |
---|---|
Attach Flow | When the user clicks the button, they are routed to a Whatfix Flow that is attached to the button. |
Attach URL | When the user clicks the button, they are routed to the URL that is attached to the button. |
Skip | When the user clicks the button, they skip this particular Pop-up and continue to see the Pop-up until they click the close or do not show me again button. |
Close | When the user clicks the button, they close this particular Pop-up and do not see the Pop-up again. |
You can also change the button color, hover color, and corner radius using this configuration menu.
- Choose if you want to show the X icon on popup and Don't show me again options by enabling the toggles.
Button | Behavior | Example: A Pop-up is set to display twice |
---|---|---|
Skip | The user skips the Pop-up and the display count is not impacted | Users who click the Skip button continue to see the Pop-up until they click Close or "X" icon. If the user clicks the Skip button, the Pop-up appears to your users next time when they refresh the application/page or visit the page again at any time. For example, Let's assume you created a Pop-up with only a Skip button and no Close or "X" icon. If you set the display count of a Pop-up to 1 and a user clicks the Skip button. The user continues to see the Pop-up until they close the Pop-up using the Close or "X" icon. Whatfix recommends you have a Close or "X" button to avoid this scenario. |
Close button or "X" icon | Clicking either of these buttons closes the Pop-up and the display is counted as one view | Users who click Close and exit the Pop-up will see the Pop-up again based on the Pop-up display count. |
Don't show me again | The user clicks the check-box to make sure the Pop-up never appears again. The count reduces to zero. | Users who click the Don't show me again check-box never see the Pop-up again. It does not matter if the count has not been reached. |
You can preview how the Pop-up looks like on mobile and desktop devices using the toggle button on the top-right of the Pop-up.
- Click the Save button to save and mark the Pop-up as draft or continue configuring the Pop-up.
You can resume editing by hovering the cursor over the Pop-up segment, and clicking the Edit icon.
Configure the Pop-up
Use the following steps to configure a Pop-up,
-
On the Whatfix Desktop Dashboard, hover your cursor over the Pop-up segment you want to configure, and then click the Edit icon.
-
Click the Set Visibility Rules → button.
-
Set the Where Visibility Rules.
If you have configured multiple Pop-ups with different Visibility Rules to appear on the same page, the Pop-up configured with User Action Completed as the Visibility Rule is always shown first when the end user performs the User Action.
-
Set the When Visibility Rules for the Pop-up. For more information, see Schedule Pop-ups.
-
Click Edit Pop-up or Finish later depending on your preference.
- Finish later - Saves the Pop-up as Draft.
- Edit Pop-up - Takes you back to the Pop-up where you can make changes.
-
Once you are done creating the Pop-up, select the widget, and then click Send to Ready.
-
Go to the Ready Stage and select the segment you want to move to Production Stage, and then click Send to Production.