How can I display popups on Mobile Devices?

You can use the following triggers to display Onsite Message on Mobile Devices with OptiMonk:

  • Exit intent
  • On click to a specific area
  • After X percent scrolling
  • After X seconds of inactivity
  • After X seconds
  • After a JavaScript event

To set up a trigger, please follow the next steps:

1) Sign in to your OptiMonk Account at https://app.optimonk.com/login/en 

2) Select Campaigns on the left, then select the Campaign you wish to edit:

mceclip0.png

 

3) Click on Edit settings on the right:

mceclip1.png

 

4) Click on Add more triggers under When would you like the popup to show up?

mceclip2.png

 

5) You will see the available trigger rules. Click on the orange "plus" sign next to the rules you want to use:

mceclip3.png

 

6) Now, all you need to do is to choose on which devices you would like to use the exit-intent popups. Your popup will only show on mobile devices when you select either the "Mobile" or the "PC or mobile" options.  After selecting the device type, click on the Save button:

mceclip6.png

To finalize your settings, please click on the "Next" button in the top right corner.

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 clicks 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 to check the clickable element within 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 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.

 

6. After a JavaScript event

Use this rule when you want to show the popup after a visitor has completed any predefined action that is not handled by standard methods. You can enter any event that is used to track interactions that occur on your website. For example, your Campaign can be displayed when a registered visitor logins to his/her account and the 'user_login' event is occurred.

 

If you need any further help or have any questions, please do not hesitate to contact us at support@optimonk.com and we would be happy to assist you :)

Have more questions? Submit a request

Comments