Skip to main content

Pop-up windows are effective because they attract the attention of the user, but they are relatively unobtrusive. The user experience is not completely interrupted, and yet the user knows that there is something of potential interest available. For this example, we will wait for the user to reach the end of an article, and then we will display an alert in the lower right corner that encourages them to read another article. We will display the popup on desktops and tablets, but not on mobile devices.

Create popup window

  1. Go Control Panel> Templates> Pop-ups> Add New
  2. Give your template a name and click 'Create template
  3. Choose a template from the library or create your own design

file-cfwjsqz20c-4969004


Popup Settings

Configurations

  1. Set a custom width and height
  2. Set the horizontal position in center and the vertical position in center.
  3. Hide an assumption
  4. Show close button
  5. Set the entrance animation to slide up

file-qdnsdeeemo-6572599

Style

Change the text, background image, border, and style as needed.

Adjust section content

Change the content as needed. We use an Headline widget and a Publications widget to display a post from a category of our choice.

file-p7mzk33kt7-4331629


Publish Settings

Terms: Include: Singular> All singular

file-vzfycjjle9-2730788

Triggers: Scrolling down to 80%

file-ydvcrv61qd-4761986

Advanced rules: Show only on desktop and tablet devices.

file-r1tewsxxvz-3485876

Pop-up windows are effective because they attract the attention of the user, but they are relatively unobtrusive. The user experience is not completely interrupted, and yet the user knows that there is something of potential interest available. For this example, we will wait for the user to reach the end of an article, and then we will display an alert in the lower right corner that encourages them to read another article. We will display the popup on desktops and tablets, but not on mobile devices.

Create popup window

  1. Go Control Panel> Templates> Pop-ups> Add New
  2. Give your template a name and click 'Create template
  3. Choose a template from the library or create your own design

file-cfwjsqz20c-4969004


Popup Settings

Configurations

  1. Set a custom width and height
  2. Set the horizontal position in center and the vertical position in center.
  3. Hide an assumption
  4. Show close button
  5. Set the entrance animation to slide up

file-qdnsdeeemo-6572599

Style

Change the text, background image, border, and style as needed.

Adjust section content

Change the content as needed. We use an Headline widget and a Publications widget to display a post from a category of our choice.

file-p7mzk33kt7-4331629


Publish Settings

Terms: Include: Singular> All singular

file-vzfycjjle9-2730788

Triggers: Scrolling down to 80%

file-ydvcrv61qd-1048520

Advanced rules: Show only on desktop and tablet devices.

file-r1tewsxxvz-4301281

R Marketing Digital