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.js"></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>
window.Saylo.init({ apiKey: 'APIKEY' })
</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 the Saylo Widget script -->
<script src="https://www.saylo.io/widget.js"></script>
<!-- Initialize Saylo Widget -->
<script>
window.Saylo.init({ apiKey: 'APIKEY' })
</script>
<!-- Add the Saylo Widget container -->
<div id="saylo-widget" style={{ width: '350px' }}></div>
</body>
</html>
🚧
This documentation is under construction and more updates are coming soon.