# 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="simple-html-js-integration">simple-html-js-integration</a></td><td></td><td></td></tr><tr><td><strong>NextJS Integration</strong></td><td>Integrate Staysignal with NextJS</td><td><a href="nextjs-integration-app-router">nextjs-integration-app-router</a></td><td></td><td></td></tr><tr><td><strong>React integration</strong></td><td>Integrate Staysignal with React</td><td><a href="react-integration">react-integration</a></td><td></td><td></td></tr><tr><td><strong>Wordpress integration</strong></td><td>Integrate Staysignal with Wordpress</td><td><a href="wordpress-woocommerce-integration">wordpress-woocommerce-integration</a></td><td></td><td></td></tr></tbody></table>