Send Message Popup

Overview

This popup is helpful for the following uses cases:

  • To send a message to a User

  • To send a message to a company

  • To request more information about a product or other unique thing

  • To begin a customer support chat

  • To display a form with any image elements at the top

If you are displaying a product within this popup, it's best to change the roundness on the profile picture from 360px to 12px so that the product image isn't cropped.

Structure

  • This popup contains two inner groups, which are shown conditionally based on the var - step value. The var - step value is 1 by default and changes to 2 after the user clicks Button Send Message element to show the confirmation UI.

    • Group Contact user - step 1

      • This group contains the User profile and form elements to send a message

    • Group Contact user - step 2

      • This group shows a confirmation message that the message was successfully sent.

  • Clicking on Group close (send message) or Button Cancel will close the popup.

How to set up

  • Add a display data action that changes the data source of the Popup Send message to be the just-clicked User.

    • By default, the data source is set to "Do a Search for Users: first item".

  • In that same workflow, make sure the var - step value is set to 1.

    • This ensures that the Group Contact user - step 1 element is visible each time the popup is opened.

  • Add any other inputs that your form will need.

  • Hide or delete any inputs that may not be needed.

Last updated