Easy & Fast
Integrate with your
favorite apps
An open-sourced, lite version of Seichats that provides wallet to wallet messaging and customers support by linking it in your HTML. Below is the link and how to
messaging & support
Projects that integrated
10+ Project have integrated Seichats into their platforms
Demo Preview
Here's a showcase that illustrate how Seichats is positioned
Widget Integration Guide
To integrate the Seichats Widget, you need to add a few lines of code to your HTML file and include a specific <div> element in your HTML body.
Step 1: Create the Configuration File:
In the root directory of your project (where index.html is located), create a file named seichats.config.json with the following structure:
index.html
Copy
{
"name": "Your Organization's Name",
"address": "0x1234567890abcdef1234567890abcdef12345678",
"logo": "https://example.com/logo.png"
}
Step 2: Add Stylesheet and Script
Add the following lines of code to the <head> section of your HTML file. This includes the necessary CSS and JavaScript for the widget.
index.html
Copy
<head>
<link href="https://seichats.github.io/integrations/dist/index.css" rel="stylesheet"/>
<script src="https://seichats.github.io/integrations/dist/index.js" defer></script>
</head>
Step 3: Add Widget Container
Include the following <div> element in the <body> section of your HTML file. This is where the Seichats Widget will be rendered.
index.html
Copy
<body>
<!-- Other content of your body -->
<div id="seichats-widget"></div>
<!-- Other content of your body -->
</body>
Step 4: Run Your Application
After adding the above lines of code, run your application. The Seichats Widget should now be integrated and functional on your website.
Example
Here's an example of a complete HTML file with the Seichats Widget integrated:
index.html
Copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>My Application</title>
<link href="https://seichats.github.io/integrations/dist/index.css" rel="stylesheet"/>
<script src="https://seichats.github.io/integrations/dist/index.js" defer></script>
</head>
<body>
<h1>Welcome to My Application</h1>
<p>This is a sample application with the Seichats Widget integrated.</p>
<div id="seichats-widget"></div>
</body>
</html>