Works on every platform

From Shopify to custom React storefronts — add Rivet in minutes. No-code embed for most platforms, npm package for developers.

Shopify🛍️WooCommerce⚛️React / Next.js🌐Custom / Any website
Shopify logo

Shopify

The #1 ecommerce platform

Install Rivet Chat directly from rivet-chat.com/install and turn on the App embed — no theme.liquid paste required. The chat bubble appears on your live theme in under 2 minutes.

No code⏱ 2 min
  1. 1Install Rivet Chat from rivet-chat.com/install and open the app → Setup.
  2. 2Click through to the theme editor / App embeds for your published theme.
  3. 3Enable the Rivet Chat embed and save the live theme (draft themes do not show to shoppers).
  4. 4Confirm your Tenant ID on Setup, then open the storefront and test the bubble.

Optional snippet (App Embed path needs no paste)

<!-- Optional custom snippet (App Embed path needs no paste) -->
<link rel="stylesheet" href="https://rivet-chat.com/static/chat.css?v=39">
<script src="https://rivet-chat.com/static/chat.js?v=39" defer></script>
<script>
window.addEventListener("DOMContentLoaded", function () {
  SmartReply.init({
    server: "https://rivet-chat.com",
    tenantId: "t-xxxxxxxx",
    title: "Customer Support",
    primaryColor: "#2563eb"
  });
});
</script>
Shopify theme editor with Rivet Chat App embed enabled
Prefer App Embeds for Shopify. Snippet below is optional for custom themes.
Get your embed code →
🛍️

WooCommerce

WordPress ecommerce

Running WooCommerce on WordPress? Rivet drops in via a custom HTML block or your theme's footer — no plugin installation required.

No code⏱ 3 min
  1. 1Copy your embed code from the Rivet dashboard.
  2. 2In WordPress, go to Appearance → Customize → Additional HTML (or use a header/footer plugin).
  3. 3Paste the snippet into the footer section.
  4. 4Publish. The widget appears across your whole store.
Get your embed code →
⚛️

React / Next.js

For custom-built stores

Building a headless storefront with React or Next.js? Use our npm package for a clean, typed integration — SSR-safe and tree-shakeable.

Light code⏱ 5 min
  1. 1Install: npm install smartreply-chat
  2. 2Import and initialize in a client component (useEffect for Next.js).
  3. 3Pass your server URL and tenant ID.
  4. 4The widget mounts to document.body, outside React's virtual DOM.
import SmartReply from 'smartreply-chat'

useEffect(() => {
  SmartReply.init({
    server: 'https://rivet-chat.com',
    tenantId: 't-xxxxxxxx',
    platform: 'custom',
  })
}, [])
Get your embed code →
🌐

Custom / Any website

BigCommerce, Wix, Magento, and more

Rivet works on any website that lets you add a script tag. BigCommerce, Wix, Magento, Squarespace, or a hand-coded HTML site — all supported.

No code⏱ 2 min
  1. 1Copy your embed code from the Rivet dashboard.
  2. 2Find where your site allows custom HTML/scripts (usually in theme settings or a Code Injection section).
  3. 3Paste the snippet into the <head> or before </body>.
  4. 4Save and publish. Done.
  5. 5For product-card Add to cart on a custom cart, wire RivetChat.onAddToCart — see the custom Add to cart guide.

Custom store Add to cart guide →

Get your embed code →

Turn product pages into a sales desk

Pitch the item shoppers are viewing, answer from live data, and let them add to cart from the chat.

Start free