Funciona en todas las plataformas

De Shopify a storefronts React personalizados — añade Rivet en minutos. Embed sin código para la mayoría, npm para desarrolladores.

Shopify🛍️WooCommerce⚛️React / Next.js🌐Personalizado / Cualquier web
Shopify logo

Shopify

La plataforma de e-commerce nº 1

Instala Rivet Chat directamente desde rivet-chat.com/install y activa el App embed — sin pegar en theme.liquid. La burbuja aparece en tu tema activo en menos de 2 minutos.

Sin código⏱ 2 min
  1. 1Instala Rivet Chat desde rivet-chat.com/install y abre la app → Setup.
  2. 2Ve al editor de temas / App embeds del tema publicado.
  3. 3Activa el embed de Rivet Chat y guarda el tema activo (los temas borrador no se ven).
  4. 4Confirma el Tenant ID en Setup y prueba la burbuja en la tienda.

Snippet opcional (App Embed no necesita pegar)

<!-- 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>
Editor de tema Shopify con App embed de Rivet Chat activado
Para Shopify prefiere App Embeds. El snippet de abajo es opcional para temas personalizados.
Obtener código de embed →
🛍️

WooCommerce

E-commerce WordPress

¿WooCommerce en WordPress? Rivet se integra vía un bloque HTML personalizado o el footer del tema — sin instalar plugin.

Sin código⏱ 3 min
  1. 1Copia tu código de embed del panel Rivet.
  2. 2En WordPress, ve a Apariencia → Personalizar → HTML adicional (o usa un plugin de header/footer).
  3. 3Pega el snippet en la sección de footer.
  4. 4Publica. El widget aparece en toda la tienda.
Obtener código de embed →
⚛️

React / Next.js

Para tiendas personalizadas

¿Constuyes un storefront headless con React/Next.js? Usa nuestro paquete npm para una integración limpia y tipada — SSR-safe y tree-shakeable.

Poco código⏱ 5 min
  1. 1Instala: npm install smartreply-chat
  2. 2Importa e inicializa en un client component (useEffect para Next.js).
  3. 3Pasa la URL del server y el tenant ID.
  4. 4El widget se monta en document.body, fuera del virtual DOM de React.
import SmartReply from 'smartreply-chat'

useEffect(() => {
  SmartReply.init({
    server: 'https://rivet-chat.com',
    tenantId: 't-xxxxxxxx',
    platform: 'custom',
  })
}, [])
Obtener código de embed →
🌐

Personalizado / Cualquier web

BigCommerce, Wix, Magento y más

Rivet funciona en cualquier web que permita añadir una etiqueta script. BigCommerce, Wix, Magento, Squarespace o HTML hecho a mano — todos soportados.

Sin código⏱ 2 min
  1. 1Copia tu código de embed del panel Rivet.
  2. 2Encuentra dónde tu web permite HTML/scripts personalizados (suele estar en ajustes del tema o Code Injection).
  3. 3Pega el snippet en <head> o antes de </body>.
  4. 4Guarda y publica. Listo.
  5. 5Para añadir al carrito en un carrito personalizado, conecta RivetChat.onAddToCart — mira la guía.

Guía de añadir al carrito para tienda personalizada →

Obtener código de embed →

Convierte páginas de producto en mostrador de ventas

Recomienda el artículo que el cliente ve, responde con datos en vivo y deja que añada al carrito en el chat.

Empieza gratis