Platform Integration Guides

Add ShipPulse testimonial widgets, changelog, and status page to your website — no matter what platform you use.

Next.js / React

Use the React SDK for the best experience:

bash

npm install @shippulse/react @shippulse/js

tsx

// app/layout.tsx
import { ShipPulseProvider } from "@shippulse/react";

export default function Layout({ children }) {
  return (
    <ShipPulseProvider apiKey="sp_live_...">
      {children}
    </ShipPulseProvider>
  );
}

Or use the universal embed snippet (works with any framework):

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

WordPress

Option 1: Custom HTML Block (easiest)

In the WordPress editor, add a Custom HTML block where you want the widget.
Paste the ShipPulse embed snippet:

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

Save and preview your page. The widget renders inside a Shadow DOM — no CSS conflicts with your theme.

Option 2: Theme file (global placement)

To show a widget on every page (e.g. popup or badge), add the script to your theme's footer.php:

html

<!-- Before </body> in footer.php -->
<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

Option 3: Plugin (Code Snippets)

Install the Code Snippets plugin.
Create a new snippet with this PHP:

bash

function shippulse_widget() {
  echo '<script src="https://shippulse.dev/widget.js" data-widget-id="YOUR_WIDGET_ID" async></script>';
}
add_action('wp_footer', 'shippulse_widget');

Shopify

Liquid Theme (recommended)

Go to Online Store → Themes → Edit code.
Open theme.liquid and add the script before </body>:

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

Specific page only

To show testimonials only on a product page, wrap it in a Liquid conditional:

html

{% if template == 'product' %}
  <script
    src="https://shippulse.dev/widget.js"
    data-widget-id="YOUR_WIDGET_ID"
    async
  ></script>
{% endif %}

Shopify App Block (2.0 themes)

If your theme supports app blocks, you can also use the Custom Liquid section to embed the widget in the theme editor without touching code.

Webflow

Open your Webflow project → Project Settings → Custom Code.
In the Footer Code section, paste:

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

To add on a specific page only: select the page → go to Page Settings → Custom Code → Before </body> tag.
Publish your site. The widget renders inside Shadow DOM, so it won't conflict with Webflow styles.

Squarespace

Go to Settings → Advanced → Code Injection.
Paste the embed snippet in the Footer section.
Save and preview.

Plain HTML

Just add the script tag anywhere in your HTML:

html

<!DOCTYPE html>
<html>
<body>
  <h1>What our customers say</h1>

  <!-- ShipPulse widget renders here -->
  <script
    src="https://shippulse.dev/widget.js"
    data-widget-id="YOUR_WIDGET_ID"
    async
  ></script>
</body>
</html>

Don't see your platform?

The ShipPulse embed snippet works on any website that supports custom HTML/JavaScript. Email [email protected] if you need help with a specific platform.

Platform Integration Guides

Add ShipPulse testimonial widgets, changelog, and status page to your website — no matter what platform you use.

Next.js / React

Use the React SDK for the best experience:

bash

npm install @shippulse/react @shippulse/js

tsx

// app/layout.tsx
import { ShipPulseProvider } from "@shippulse/react";

export default function Layout({ children }) {
  return (
    <ShipPulseProvider apiKey="sp_live_...">
      {children}
    </ShipPulseProvider>
  );
}

Or use the universal embed snippet (works with any framework):

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

WordPress

Option 1: Custom HTML Block (easiest)

In the WordPress editor, add a Custom HTML block where you want the widget.
Paste the ShipPulse embed snippet:

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

Save and preview your page. The widget renders inside a Shadow DOM — no CSS conflicts with your theme.

Option 2: Theme file (global placement)

To show a widget on every page (e.g. popup or badge), add the script to your theme's footer.php:

html

<!-- Before </body> in footer.php -->
<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

Option 3: Plugin (Code Snippets)

Install the Code Snippets plugin.
Create a new snippet with this PHP:

bash

function shippulse_widget() {
  echo '<script src="https://shippulse.dev/widget.js" data-widget-id="YOUR_WIDGET_ID" async></script>';
}
add_action('wp_footer', 'shippulse_widget');

Shopify

Liquid Theme (recommended)

Go to Online Store → Themes → Edit code.
Open theme.liquid and add the script before </body>:

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

Specific page only

To show testimonials only on a product page, wrap it in a Liquid conditional:

html

{% if template == 'product' %}
  <script
    src="https://shippulse.dev/widget.js"
    data-widget-id="YOUR_WIDGET_ID"
    async
  ></script>
{% endif %}

Shopify App Block (2.0 themes)

If your theme supports app blocks, you can also use the Custom Liquid section to embed the widget in the theme editor without touching code.

Webflow

Open your Webflow project → Project Settings → Custom Code.
In the Footer Code section, paste:

html

<script
  src="https://shippulse.dev/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
  async
></script>

To add on a specific page only: select the page → go to Page Settings → Custom Code → Before </body> tag.
Publish your site. The widget renders inside Shadow DOM, so it won't conflict with Webflow styles.

Squarespace

Go to Settings → Advanced → Code Injection.
Paste the embed snippet in the Footer section.
Save and preview.

Plain HTML

Just add the script tag anywhere in your HTML:

html

<!DOCTYPE html>
<html>
<body>
  <h1>What our customers say</h1>

  <!-- ShipPulse widget renders here -->
  <script
    src="https://shippulse.dev/widget.js"
    data-widget-id="YOUR_WIDGET_ID"
    async
  ></script>
</body>
</html>

Don't see your platform?

The ShipPulse embed snippet works on any website that supports custom HTML/JavaScript. Email [email protected] if you need help with a specific platform.