Open Conversion Goals with any link or button

Modified on Tue, 9 Jul, 2024 at 3:54 PM

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 Forms, Support when a button, icon or text on your website is clicked.

Add either a CSS class or JavaScript to the button or an adapted link to the icon or text.
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 Class	Corresponding Action
pathmonkFAQButton	Open FAQ
pathmonkAssistantButton	Open Assistant
pathmonkContactButton	Open Contact Form
pathmonkGoalButton	Open Current Conversion Goal
pathmonkQualificationButton	Open Qualification Form
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
JavaScript	Corresponding Action
Pathmonk.openFAQ();	Open FAQ
Pathmonk.openAssistant();	Open Assistant
Pathmonk.openContact();	Open Contact Form
Pathmonk.openGoal();	Open Current Goal
Pathmonk.openQualification();	Open Qualification Form
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.