Install with npm
React, Vue, Svelte and other SPAs. About 5 minutes.
Step 1: Install the package
Install the package, then boot the messenger once when your app starts.
npm install @gripz/web
import { Gripz } from '@gripz/web';
Gripz('boot', { workspaceId: 'tw_8f2k' });Step 2: Add it to your site
Single-page apps keep the messenger open across route changes. Read the SPA guide if you use a hash router.
Step 3: Verify the install
Open a page that has the snippet, then run the check. Gripz confirms the moment it receives the first event from your domain.
Gripz is live on tidewater.app
First event received today at 14:32 from /pricing
Nothing received after a minute? Check the troubleshooting guide: ad blockers, CSP and wrong workspace ID are the usual causes.
Next steps
- Identify your usersSign a JWT so conversations follow people across devices.
- Single-page appsCall update on route changes.
- Receive webhooksGet a signed event for every new conversation.