Funciona em toda plataforma

Do Shopify a storefronts React personalizados — adicione o Rivet em minutos. Embed sem código para a maioria, npm para devs.

Shopify🛍️WooCommerce⚛️React / Next.js🌐Personalizado / Qualquer site
Shopify logo

Shopify

A plataforma de e-commerce nº 1

Instale o Rivet Chat diretamente pelo rivet-chat.com/install e ative o App embed — sem colar theme.liquid. A bolha de chat aparece no tema ativo em menos de 2 minutos.

Sem código⏱ 2 min
  1. 1Instale o Rivet Chat pelo rivet-chat.com/install e abra o app → Setup.
  2. 2Vá ao editor de temas / App embeds do tema publicado.
  3. 3Ative o embed do Rivet Chat e salve o tema ativo (temas rascunho não aparecem para clientes).
  4. 4Confirme o Tenant ID no Setup e teste a bolha na vitrine.

Snippet opcional (App Embed não precisa colar)

<!-- 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 com App embed do Rivet Chat ativado
Prefira App Embeds no Shopify. O snippet abaixo é opcional para temas personalizados.
Pegar código de embed →
🛍️

WooCommerce

E-commerce WordPress

WooCommerce no WordPress? O Rivet entra via bloco HTML personalizado ou footer do tema — sem instalar plugin.

Sem código⏱ 3 min
  1. 1Copie seu código de embed do painel Rivet.
  2. 2No WordPress, vá em Aparência → Personalizar → HTML adicional (ou use um plugin de header/footer).
  3. 3Cole o snippet na seção de footer.
  4. 4Publique. O widget aparece em toda a loja.
Pegar código de embed →
⚛️

React / Next.js

Para lojas personalizadas

Construindo storefront headless com React/Next.js? Use nosso pacote npm para integração limpa e tipada — SSR-safe e tree-shakeable.

Pouco código⏱ 5 min
  1. 1Instale: npm install smartreply-chat
  2. 2Importe e inicialize num client component (useEffect para Next.js).
  3. 3Passe a URL do server e o tenant ID.
  4. 4O widget monta em document.body, fora do virtual DOM do React.
import SmartReply from 'smartreply-chat'

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

Personalizado / Qualquer site

BigCommerce, Wix, Magento e mais

O Rivet funciona em qualquer site que permita adicionar script tag. BigCommerce, Wix, Magento, Squarespace ou HTML escrito à mão — todos suportados.

Sem código⏱ 2 min
  1. 1Copie seu código de embed do painel Rivet.
  2. 2Encontre onde seu site permite HTML/scripts personalizados (geralmente em configurações de tema ou Code Injection).
  3. 3Cole o snippet no <head> ou antes de </body>.
  4. 4Salve e publique. Pronto.
  5. 5Para adicionar ao carrinho num carrinho personalizado, conecte RivetChat.onAddToCart — veja o guia.

Guia de adicionar ao carrinho para loja personalizada →

Pegar código de embed →

Transforme páginas de produto em balcão de vendas

Recomende o item que o cliente está vendo, responda com dados ao vivo e deixe-o adicionar ao carrinho no chat.

Começar grátis