Fonctionne sur toutes les plateformes

De Shopify aux storefronts React personnalisés — ajoutez Rivet en minutes. Intégration sans code pour la plupart, npm pour les développeurs.

Shopify🛍️WooCommerce⚛️React / Next.js🌐Personnalisé / Tout site
Shopify logo

Shopify

La plateforme e-commerce nº 1

Installez Rivet Chat directement depuis rivet-chat.com/install et activez l'App embed — sans coller dans theme.liquid. La bulle de chat apparaît sur votre thème actif en moins de 2 minutes.

Sans code⏱ 2 min
  1. 1Installez Rivet Chat depuis rivet-chat.com/install et ouvrez l'app → Setup.
  2. 2Allez dans l'éditeur de thèmes / App embeds du thème publié.
  3. 3Activez l'intégration Rivet Chat et enregistrez le thème actif (les brouillons ne sont pas visibles).
  4. 4Confirmez le Tenant ID dans Setup et testez la bulle sur la boutique.

Snippet optionnel (App Embed ne nécessite pas de collage)

<!-- 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>
Éditeur de thème Shopify avec App embed Rivet Chat activé
Préférez les App Embeds pour Shopify. Le snippet ci-dessous est optionnel pour les thèmes personnalisés.
Obtenir le code d'intégration →
🛍️

WooCommerce

E-commerce WordPress

WooCommerce sur WordPress ? Rivet s'intègre via un bloc HTML personnalisé ou le footer du thème — sans installer de plugin.

Sans code⏱ 3 min
  1. 1Copiez votre code d'intégration depuis le tableau de bord Rivet.
  2. 2Dans WordPress, allez dans Apparence → Personnaliser → HTML supplémentaire (ou un plugin header/footer).
  3. 3Collez le snippet dans la section footer.
  4. 4Publiez. Le widget apparaît sur toute la boutique.
Obtenir le code d'intégration →
⚛️

React / Next.js

Pour les boutiques personnalisées

Vous construisez un storefront headless avec React/Next.js ? Utilisez notre paquet npm pour une intégration propre et typée — SSR-safe et tree-shakeable.

Un peu de code⏱ 5 min
  1. 1Installez : npm install smartreply-chat
  2. 2Importez et initialisez dans un client component (useEffect pour Next.js).
  3. 3Passez l'URL du serveur et le tenant ID.
  4. 4Le widget se monte sur document.body, hors du virtual DOM React.
import SmartReply from 'smartreply-chat'

useEffect(() => {
  SmartReply.init({
    server: 'https://rivet-chat.com',
    tenantId: 't-xxxxxxxx',
    platform: 'custom',
  })
}, [])
Obtenir le code d'intégration →
🌐

Personnalisé / Tout site

BigCommerce, Wix, Magento et plus

Rivet fonctionne sur tout site qui permet d'ajouter une balise script. BigCommerce, Wix, Magento, Squarespace ou du HTML fait main — tous supportés.

Sans code⏱ 2 min
  1. 1Copiez votre code d'intégration depuis le tableau de bord Rivet.
  2. 2Trouvez où votre site permet le HTML/scripts personnalisés (souvent dans les réglages de thème ou Code Injection).
  3. 3Collez le snippet dans <head> ou avant </body>.
  4. 4Enregistrez et publiez. C'est fini.
  5. 5Pour l'ajout au panier sur un panier personnalisé, connectez RivetChat.onAddToCart — voir le guide.

Guide d'ajout au panier pour boutique personnalisée →

Obtenir le code d'intégration →

Transformez les pages produit en comptoir de vente

Recommandez l'article que le client regarde, répondez depuis les données en direct et laissez-le ajouter au panier dans le chat.

Commencer gratuitement