PageAssist Advanced Configuration

Table of Contents:

Introduction
Set an element to open PageAssist
Set an element to close PageAssist
Additional Information

Introduction

By default, when PageAssist is activated it always appears on the website. This allows visitors to interact with it at any time. Other configurations are possible and PageAssist can be set up to behave differently.

This document gives instructions on how to open or close the PageAssist widget when a visitor performs a specific action on the page, for example, when the visitor clicks on a button or link.

Set an element to open PageAssist

Hide the PageAssist widget until a visitor performs an action on the page, for example, when the visitor clicks on a button or link.

How to set it up:

Hide the PageAssist widget on the website with CSS:
```
#monsido-pageassist {
display: none !important;
}
```
For more information, see the User Guide chapter:
PageAssist CSS Selector Basics.
Select an element on the website to trigger PageAssist when the user clicks on it, and then assign it a unique ID. In this example, we assign the ID “open-page-assist” to a button element:
```
<button id="open-page-assist">Open Page Assist</button>
```

Add the following script:

var openPageAssistButton = document.querySelector("#open-page-assist");
openPageAssistButton.addEventListener("click", function() {
  monsidoPageAssist.openPageAssist();
});

Note: When you implement the script on your own website, remember to replace “#open-page-assist” with the ID of your target element.

Set an element to close PageAssist

It is also possible to close the PageAssist widget when a visitor performs a specific action on the page, for example, when the visitor clicks on a button or link.

Use the following method: