Note: The Saypien JavaScript Library provides several event callbacks that you can use to execute custom functions at different stages of the survey lifecycle.

​
Available Event Callbacks

The Saypien JavaScript Library supports the following event callbacks:

  • onOpen: Triggered when the overlay is opened.
  • onClose: Triggered when the close button is clicked.
  • onStart: Triggered when the survey is started.
  • onComplete: Triggered when the survey is completed.

​
Example Usage

Here is an example of how to use these event callbacks:

​
Detailed Explanation

​
onComplete

The onComplete callback is executed when the survey is completed by the user. This is useful for performing actions such as showing a thank you message or redirecting the user to another page.

​
onClose

The onClose callback is triggered when the user clicks the close button on the survey overlay. You can use this to log the event or to perform any cleanup actions.

​
onOpen

The onOpen callback is executed when the survey overlay is opened. This can be useful for tracking the event or initializing certain states.

​
onStart

The onStart callback is triggered when the survey is started by the user. This can be useful for logging the start event or for analytics purposes.

​
Combining Callbacks

You can combine multiple event callbacks to handle different events within the survey lifecycle.

​
Troubleshooting

If your event callbacks are not working as expected, here are some common issues to check:

For more details, visit our documentation.
Styling