onipin-react: embebe el chat OniPin en tu app React

El paquete onipin-react es el componente oficial para integrar el chat de OniPin en apps React (Next.js, Vite, CRA…).

Instalación

npm install onipin-react

Peer deps: React ≥ 18.

Burbuja flotante (igual que el widget)

import { OniChat } from "onipin-react";

export function App() {
  return <OniChat pin="onp_tu_pin" />;
}

Chat embebido en la página

import { OniChat } from "onipin-react";

export function Support() {
  return (
    <OniChat
      pin="onp_tu_pin"
      mode="iframe"
      height={640}
      title="Chat con nosotros"
    />
  );
}

Props

Prop	Default	Descripción
pin	—	Pin del negocio (onp_…)
baseUrl	https://onnivers.store	Origen del servidor
mode	"script"	"script" (widget) o "iframe" (/c/{pin})
height / width	560 / 100%	Solo modo iframe

Relacionado

• Widget HTML: una línea con /widget.js
• SDK Node: onipin-js
• SDK Python: onipin · pip install onipin

Documentación → · npm →