How can I display popups on Mobile Devices?

Within the new Admin interface of OptiMonk 2.0 you can use the following triggers to display Onsite Message on Mobile Devices:

  • Exit intent (Not yet available, but coming soon)
  • On click to a specific area
  • After X percent scrolling
  • After X seconds of inactivity
  • After X seconds

In order to select the best trigger, please follow the next steps:

1. Sign in to your OptiMonk Account

2. For setting up the trigger of an existing campaign, go to Campaigns -> Click on the appropriate campaign 

3. Within the Settings Summary, click on the Edit button


4. Within the WHEN TO SHOW section click on Add New Trigger to select the best one depending on your goals 

5. Click on the orange + button in order to select the trigger. On the next page, first, you can decide which device you wish to display the popup on. You can choose Mobile, PC or both at the same time



1.Exit Intent


On mobile devices Exit Intent is triggered when the following actions are applied:

  • When someone clicks into the URL input to change it
  • When someone clicks to open a new tab
  • When someone click on the Back button on the mobile device

IMPORTANT: Some mobile devices may not support some of the functions listed above (for example: open new tab, etc.) Therefore, in that case the trigger is not going to be applied.


2. On click to a specific area.

This function may require a basic CSS & HTML knowledge in order to check the clickable element wihtin the source code of your site.

Use the following rule for the popup to be displayed when a visitor clicks on a particular part of your page — a box, link, banner, etc. At this point the popup behaves like a "mini landing page". You can enter any type of value of any HTML element, CSS classes and IDs, and their combination. For example, the event can be triggered when a visitor clicks on the following elements:
- a (any link element)
- div.container > a (any link that is a child of the DIV element that has the CSS class container)
- table > a.delete (any link that has a delete CSS class and is a child of a table element)
- #container (an element which has a container ID)
- #container > * (any element, which is a child of an element possessing container ID)

IMPORTANT: When a visitor clicks a child element, the event will not be triggered for the parent element. For example, the event will not be triggered for a #container value when we click on one of its links or any other element.


3. After X percent scrolling.

Use this trigger when you want to show the popup after a visitor has scrolled down on your page at least X percent. This catches the attention of active visitors. For example: you may use it on blog page to sign those visitors to the newsletter up, who scrolled down at least 50% of the page. This will mean that they enjoy reading your blog post and there is a high chance that they will sign up to your newsletter in order to be notified about the newest blog posts. 


4. After X seconds of inactivity.

Use this trigger when you want to show the popup to visitors who have been inactive on your page for at least X seconds. This catches the attention of inactive visitors. When you set this to 0 seconds, it will function as an "entry popup” – it will appear immediately when a visitor lands on your page.


5. After X seconds

Use this trigger when you want to show the popup to visitors who have been reading your page for at least X seconds. Please, note that the calculation of seconds start only when the page has been fully loaded on the device.


Have more questions? Submit a request