How to Trigger MonsterLinks on Hover

OptinMonster makes it easy to create manually triggered optins using MonsterLinks. You might want to extend the functionality of MonsterLinks so they trigger the appearance of an optin on hover instead of click.

Follow the examples in this guide to get started extending your MonsterLinks functionality.

NOTE: All examples in this guide require that you add both the MonsterLink and related optin embed code to your page before they can function.

Any Javascript can be added to the <head> or footer of your site.

Remember to place your code in <script> tags, for example:
<script type="text/javascript">
   // Your JavaScript here..
</script>


Trigger MonsterLink on Hover

Trigger the appearance of an optin when hovering over it’s MonsterLink.


Trigger Specific MonsterLink on Hover of a Specific Element

Trigger the appearance of an optin when hovering over a specific element on the page, that is not a MonsterLink.

Replace .content in the following example with the class of the element you want to trigger a MonsterLink on when hovered over.

Also, replace u6mkwuqm0xf6g94d with your own optin’s unique slug you used when creating the MonsterLink.


Trigger Specific MonsterLink on Hover of an External Link

Trigger the appearance of an optin when hovering over any link containing the rel attribute external.

Replace u6mkwuqm0xf6g94d with your own optin’s unique slug you used when creating the MonsterLink.