Company logo
December 12, 2022

Nudge form factors

Kyle Patel's avatar
Shannon McIntosh's avatar
Wes Feller's avatar

We have a big new feature: nudge form factors! Now, nudges can take on new form factors, including modals, popovers, and pins:

  • As a modal, the nudge will pop up in the center of the page and overlay all other elements on the page. With this form factor, the user must click out of it to proceed. Use this form factor to show important messages that users need to take action on. This is also the simplest form factor - the nudge just shows up in the middle of your screen.

  • As a popover, the nudge will hover over the page, but other elements on the page can still be clicked. Popovers can appear in the top left, top right, bottom left, and bottom right of the page and will push other nudges to the side when they appear. Popovers are great for most notifications, like "toast"-style popups — users can either dismiss them or click a button that you have provided. Also, note that popovers are draggable — for example, you could put a video or image in the nudge, so users can see rich content without exiting their existing UI flow.

  • As a pin, nudges will "stick" to elements on the page. This is similar to a popover in that you can add a button to it, but it can be used to point out buttons, inputs, etc., that the user should pay attention to. These are great when combined with Questlists — they can be strung together to form an onboarding flow. Additionally, these are great for pointing out new features to users.

As before, you can create multiple nudges for many different scenarios in your app. Try creating a nudge, and let us know what you think!