Popups - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

Well executed popups can be a good approach.

Steps in WordPress

Using Elementor Pro within our WordPress site, we have the ability to add pop-up calls-to-action based on triggers and conditions.

Template

Create a pop-up template

  • Elementor > Templates > Popups and choose an existing one as a starting point or create from scratch
  • style with all the usual settings
  • tweak the design per device size
  • publishing propts you to assign conditions, but those can be editing later too.(see image below)

Conditions

Choose the pages, posts, and areas where your popup will be displayed.

Triggers

Set off the popups based on user actions: on page load, on scroll, on scroll to element, on click, after inactivity and on page exit intent.

Advanced rules

These give the option to target users even more specifically.

popups screenshots

Turning off

  • Edit conditions and remove the display conditions
  • The popup template, triggers, and rules will still be saved for future use

Helpful References