Open Conversion Goals with any link or button

Modified on Mon, 25 Apr 2022 at 10:50 AM

Are you considering to open Pathmonk when a website visitor clicks on a button or link on your website?


You can provide website visitors a very engaging experience with very little effort. This article outlines how to either use CSS or JavaScript to trigger Micro-Experiences, Qualification, Support when a button, icon or text on your website is clicked.


  1. Add either a CSS class or JavaScript to the button or an adapted link to the icon or text.
  2. Confirm that Pathmonk opens upon click or touch on your website.


Open the Assistant via CSS


Adding the following classes to a button will make the element react to a click event on desktop or touch event on mobile devices and execute the corresponding action.


CSS Actions Guide
CSS ClassCorresponding Action
pathmonkFAQButtonOpen FAQ
pathmonkAssistantButtonOpen Assistant
pathmonkContactButtonOpen Contact Form
pathmonkGoalButtonOpen Current Conversion Goal 
pathmonkQualificationButtonOpen Qualification Flow
pathmonkAwarenessButton
Open Conversion Goal: Awareness Stage
pathmonkConsiderationButton
Open Conversion Goal: Consideration Stage
pathmonkDecisionButton
Open Conversion Goal: Decision Stage

Note: If you are adding the CSS class as an extra class to a button, for example in a Content Management System such as Wordpress, be aware that your href/url textfield will need to be set as:

  • If href mandatory to prevent reloading. Depending of your setup any of the solutions below works.
    • javascript:void(0) 
    • javascript://
    • javascript:;
  • If href not mandatory to prevent reloading:
    • (if you are using the # add a button id such as #stopscroll to avoid an upscroll)


Open the Assistant via JavaScript


Adding the following classes to a button will make the element react to a click event on desktop or touch event on mobile devices and execute the corresponding action.


JavaScript Actions Guide
JavaScriptCorresponding Action
Pathmonk.openFAQ();Open FAQ
Pathmonk.openAssistant();Open Assistant
Pathmonk.openContact();Open Contact Form
Pathmonk.openGoal();Open Current Goal
Pathmonk.openQualification();Open Qualification Flow
Pathmonk.openAwareness();
Open Conversion Goal: Awareness Stage
Pathmonk.openConsideration();
Open Conversion Goal: Consideration Stage
Pathmonk.openDecision();
Open Conversion Goal: Decision Stage


Note: If you are adding the JavaScript into the link field of your button, for example in a Content Management System such as Wordpress, be aware that your link textfield will need to be set for example as:

  • javascript:Pathmonk.openQualification();


Open the Assistant via a link


Here is some extra help if you want to make a link redirect to open Pathmonk.

For example: <a href=”javascript:Pathmonk.openAssistant()”> OPEN ASSISTANT </a> 


Still Having Trouble Installing?

You can verify the setup manually by checking your website or by creating a support ticket so we can help you.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article