Embedding Widgets

How widgets work

ShipPulse widgets are lightweight JavaScript snippets that render inside a Shadow DOM. This means they are completely isolated from your page styles — no CSS conflicts.

Embed a widget

1. In your project, go to Widgets.
2. Choose a widget type (e.g. Testimonials Wall, Changelog Banner).
3. Customise appearance — colours, layout, number of items.
4. Copy the snippet and paste it into your HTML.

<script
  src="https://cdn.shippulse.dev/widget.js"
  data-project="proj_xxx"
  data-widget="testimonials-wall"
></script>

Platform guides

ShipPulse widgets work on any site that supports custom HTML:

• Next.js / React — paste into a component or use the React SDK
• WordPress — use a Custom HTML block
• Webflow — add an Embed element
• Shopify — paste into a theme section or page template

See the Widget Reference for the full list of widget types and configuration options.

Next steps

• Testimonial Widgets
• Changelog Widgets