Top
Trigger a Flow using a Pop-up
  • 14 Mar 2024
  • 4 Minutes To Read
  • Dark
    Light
  • PDF

Trigger a Flow using a Pop-up

  • Dark
    Light
  • PDF

Article Summary

A Pop-up can Trigger a Flow to inform your users about a new feature and then guide them through each step of the workflow.

your title goes here
  • Ensure that you've created the necessary Flow before creating the Pop-up.
  • If your end user completes the Flow till the end, then the pop-up does not appear again irrespective of the occurrence count set.
  • If the end user doesn't complete the Flow, the Pop-up appears as per the configured occurrence count.
  • If you want to continue showing the Pop-up even after the end user completes the attached Flow, select the checkbox under Set Visibility Rules. This option displays your Pop-up for the set number of occurrences, even after the Flow is completed.
    click_checkbox.png

You can Trigger a Flow using a Pop-up in the following two ways:

Attach a Flow to a Pop-up using the Visual Editor

your title goes here
  • Visual Editor is a Beta feature. To enable the feature, contact support@whatfix.com.
  • Once you enable the Visual Editor, you won’t be able to go back to the old experience.
  • Once the Visual Editor is enabled, Pop-ups can only be created using Whatfix Studio, and not using the Dashboard.
  • After creating Pop-ups using the Visual Editor, you can edit them using the Dashboard.
  • Pop-ups that are not created using the Visual Editor cannot be customized further but their visibility rules can be edited.

Use the following steps to attach a flow to a Pop-up using the Visual Editor:

  1. Log in to the application where you want to create content, and then launch Whatfix Studio.
    CLM_editor plug in2

  2. On the Whatfix Studio, click Popup.
    clm_studio_pop-up

  3. Choose the color theme using the Theme dropdown.
    RB_EDT_popupthemes

Note

Use your custom color by entering the hex color code in the text box.

  1. Select a Pop-up template, for example Feature Onboarding.
    Select_template

  2. Enter a name for the Pop-up segment.
    enter_name_pop-up

  3. On the Pop-up template, edit the Title for your Pop-up.
    enter_title_popup

  4. On the Pop-up template, edit the Description for your Pop-up.
    enter_description_popup

    your title goes here

    To customize and align the text, double-click the text to open the Rich Text Editor. Here, you can,

    • Add Components like Text, Button, Image, Video, and Audio
    • Change the Font size
    • Change the Text Color
    • Bold text
    • Italicize text
    • Underline text
    • Align or justify content to the left, right, or center
    • Insert a numbered list
    • Insert links
    • Remove a Component

    RTE_edit_text

    For more information on Rich Text Editor, see Add Rich Text content inside a Pop-up using the Visual Editor.

  5. On the Pop-up template, edit the Button Name for your Pop-up.
    enter_button_name_popup

  6. To attach the Flow, hover your cursor over the button.
    hover_cursor_button

  7. Click the button to open the button configuration menu.
    click_button_config

  8. Next to Action, select Start flow option from the dropdown.
    Select_start_flow

  9. Click the icon next to Select Flow.
    select_flow_DB

  10. Select the Flow from the list.
    select_flow

  11. Once the Pop-up is ready, click Save Popup.
    click_save.png

    Info

    You can resume editing the Pop-up using the Dashboard.

Attach a Flow to a Pop-up using Existing Templates

Use the following steps to attach a flow to a Pop-up using existing templates:

  1. Log in to the application where you want to create content, and then launch Whatfix Studio.
    CLM_editor plug in2

  2. On the Whatfix Studio, click Popup.
    clm_studio_pop-up

  3. Choose the color theme using the Theme dropdown.
    RB_EDT_popupthemes

Note

Use your custom color by entering the hex color code in the text box.

  1. Select a Pop-up template, for example Assist template.
    Studio_pop-up_assist template

  2. Enter a name for the pop-up segment.
    CLM_pop-up_enter name

  3. Edit the Title, Description, and the Button Name.
    DB_pop-up_flow attached_description

    your title goes here
    • 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, etc.
    • Double-click the button text to edit it.
      carousel_popup_rte.png
  4. To attach the Flow, hover your cursor over the button corner.
    studio_pop-up_assist_hover over button

  5. Click the button to open the button configuration menu.
    Studio_pop-up_assist_button

  6. Select the Attach Flow option from the Select Action dropdown option.
    studio_pop-up_assist_attach flow

  7. Select the Flow from the list, and then click Okay.
    studio_pop-up_assist_choose flow and click okay

  8. Once the pop-up is ready, click Save Popup.
    clm_pop-up_save pop-up

    Info

    You can resume editing the Pop-up using the Dashboard.

  9. On the Whatfix dashboard, hover your cursor over the pop-up you want to edit, and then click the Edit icon.

    CLM_DB_Click_edit_icon.png

  10. Configure the Pop-up Visibility Rules.
    clm_pop-up_Visibility rules

    your title goes here

    For more information, see Visibility and Display rule conditions.

  11. Click Edit Pop-up or Finish Later depending on your preference.
    Studio_pop-up_finish later or edit

  12. Once you have set Visibility Rules, select the pop-up using the checkbox, and then click Send to ready.
    clm_db_send_to_ready

  13. go to the Ready stage, select the pop-up using the check box and then click Push to production.
    clm_db_push_to_production

    your title goes here

    For more information, see Create Pop-ups.

your title goes here

After pushing the Pop-up and Flow to Production, you can analyze the engagement of end users with the Pop-up and the Flow from different cities, countries, and more, using Product Analytics. For more information, How can I see analytics of Pop-ups using Trend Insights?


Was this article helpful?

What's Next
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.