Saylo Documentation

Get Started

The Saylo Widget allows you to integrate powerful feedback and support features seamlessly into your web application. This guide shows you how to quickly inject the Saylo Widget into your web application.

Prerequisites

Before proceeding with the integration of the Saylo Widget, ensure that you have:

A Saylo account.
A widget created in your Saylo account. Creating one is easy ;).
The API key automatically generated for your widget.
And of course, a web app to integrate the widget.

Quick Integration Steps

Follow these steps to integrate the Saylo Widget into your web application:

Include the Saylo Widget script

Add the following code just before the closing </body> tag of your app to load the Saylo Widget library:

<script src="https://www.saylo.io/widget-prod/dist/saylo-widget.umd.cjs"></script>

Initialize Saylo Widget

Call the Saylo.init() method to initialize the widget. Ensure to pass your widget's API key to authenticate with Saylo's servers.

<script>
  Saylo.init({ apiKey: "XXXXX..." });
</script>

ℹ️

Replace XXXXX... with the actual API key for your widget.

Example Usage

Here's an example of how you can integrate the Saylo Widget into your web app:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Web Application</title>
  </head>
  <body>
    <h1>Welcome to My Web Application</h1>
 
    <!-- Include Saylo Widget script just before the closing `</body>` tag -->
    <script src="https://www.saylo.io/widget-prod/dist/saylo-widget.umd.cjs"></script>
    <!-- Initialize Saylo Widget -->
    <script>
      Saylo.init({ apiKey: "abcdef..." });
    </script>
  </body>
</html>

🚧

This documentation is under construction and more updates are coming soon.