# Integrations Overview

#### **Overview**

Staysignal can be integrated seamlessly into your platform using multiple methods. Whether you are using HTML/JavaScript, React, Next.js, or WordPress/WooCommerce, Staysignal provides a flexible integration approach tailored to your tech stack.

You can find detailed integration guides inside the Staysignal app: [Integration Setup](https://app.staysignal.com/dashboard/widget-setup/integration)

***

#### **Integration Methods**

**1. HTML/JavaScript Integration**

For a direct, lightweight integration, you can embed Staysignal using a simple script tag in your HTML or JavaScript code. This method is ideal for custom websites and applications that don’t use a modern JavaScript framework.

**2. React Integration**

If your application is built with React, Staysignal offers a straightforward way to integrate via React components. This ensures seamless compatibility with your existing UI and state management solutions.

**3. Next.js Integration**

For server-side rendered applications or static site generation, Staysignal provides a Next.js-compatible integration. This allows you to incorporate the churn prevention widget while optimizing for performance and SEO.

**4. WordPress/WooCommerce Integration**

For WordPress and WooCommerce users, Staysignal can be easily added via a plugin or custom script injection. This is the best option for SaaS businesses running on WordPress who want to prevent customer churn efficiently.

***

#### **Get Started**

1. Choose your integration method.
2. Follow the step-by-step guide in the [Integration Setup](https://app.staysignal.com/dashboard/widget-setup/integration) section of the Staysignal app.
3. Implement and test the integration to ensure seamless functionality.
4. Go live and start reducing churn immediately!

For further assistance, visit our Help Center or contact support. 🚀

### Types of integrations

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th></tr></thead><tbody><tr><td><strong>Simple HTML/JS</strong></td><td>Integrate Staysignal with HTML/JS</td><td><a href="/pages/KRsAMlS7VSg5utvgszmS">/pages/KRsAMlS7VSg5utvgszmS</a></td><td></td><td></td></tr><tr><td><strong>NextJS Integration</strong></td><td>Integrate Staysignal with NextJS</td><td><a href="/pages/0EM5OD4I5c2C0wyk7PMO">/pages/0EM5OD4I5c2C0wyk7PMO</a></td><td></td><td></td></tr><tr><td><strong>React integration</strong></td><td>Integrate Staysignal with React</td><td><a href="/pages/KnN2FXsFs6fknCNKbMqu">/pages/KnN2FXsFs6fknCNKbMqu</a></td><td></td><td></td></tr><tr><td><strong>Wordpress integration</strong></td><td>Integrate Staysignal with Wordpress</td><td><a href="/pages/ZklTuxiTeedyxDvcNuMh">/pages/ZklTuxiTeedyxDvcNuMh</a></td><td></td><td></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://staysignal.gitbook.io/staysignal-docs/integration-guides/integrations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.