Hover Trigger

Add some extra life to your website. When a customer mouses over an element on your website, it will cause the notification to trigger. Hovering your mouse over the sample product will trigger the notification.

Incognito Sunglass

To be, or not to be cool, that is the question.

Style
  • Style A
  • Style B
  • Style C
Order
Asset 3
How To Do This

Turn on Advanced Trigger Settings in Fomo admin.

fomo use case product

Alternatively, this can be turned on using Rules in Fomo admin. Ensure to set Initial Delay to -1 to activate manual start override.

fomo use case trigger rules

Choose your element.

<div id='fomo-trigger'>
  <img src="yourphoto.jpg" alt="Incognito Sunglass">
</div>
      

Add your listener and fire your trigger.

fomo.trigger('start') starts the notifications. The 'true' parameter resets localStorage. Fomo uses localStorage to track which notificaitons have been shown for return visitors.

Using jQuery (jQuery is not required for Fomo trigger api)

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

<script>
  $('#fomo-trigger').on('mouseover', function(){
    fomo.trigger('start', true);
  });
</script>
      

Vanilla JS

<script>
  var element = document.getElementById('fomo-trigger');
  element.onmouseover = function(){
    fomo.trigger('start', true);
  };
</script>