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.
- 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 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 | |
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 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.