Integrations React

React

Three steps, one snippet - no rebuild of your app required.

  1. 01 Copy your widget key (pk_...) from the dashboard: Settings -> API Keys.
  2. 02 Add the snippet once in your entry HTML (index.html) or a root component. No wrapper package is needed.
  3. 03 The widget is a plain script - React never re-renders or unmounts it.
  4. 04 Use window.LiveChat.identify({...}) after login to attach visitor identity.
INSTALL SNIPPET
<script src="https://cdn.example.com/widget.js"
        data-public-key="pk_..."
        data-api-url="https://api.example.com"
        async></script>