Custom Experify Trigger Elements

Owned by Rene Pfitzner
Last updated: Nov 30, 2022
1 min read

The Experify script allows you to trigger the Experify Overlay via any custom HTML element embedded in your website. This can be used in addition to the native Experify Button or as an alternative to it.

Example CycleBoard:
Cycleboard integrated the service on their homepage and product detail pages (See here)

 Instructions - How to set this up?

Integration with your custom html elements:

  1. Add the html class experifyTrigger to any html element that should be a trigger to open the Experify Plugin. The Experify JS script will listen for click events on such elements and will open the Experify Plugin. Example:

    <div class="experifyTrigger">Some content</div>

  2. If you add more than one trigger elements to your website (read more on why you want to be doing this here), make sure that the performance impact of those can be separately tracked, by numbering the experifyTrigger classes in the following way:

    <div class="experifyTrigger1">First element</div> <div class="experifyTrigger2">Second element</div> ...

 

Please note that CSS class names are case-sensitive. So make sure to use the correct class name.

 Related articles