Skip to content
ShipSaaSShipSaaS Docs

Chatbox

ShipSaaS supports Crisp to integrate a customer service chatbox on your website. Crisp provides features such as chatboxes, shared inboxes, and marketing campaign automation.

Setup

Section titled “Setup”

Create Crisp Account

Section titled “Create Crisp Account”

Visit Crisp and register an account. Create a new website/workspace.

Get Website ID

Section titled “Get Website ID”

Go to Settings → Website Settings → Setup. Copy your website ID from the HTML embed code.

Configure Environment Variables

Section titled “Configure Environment Variables”

Add the website ID to your environment variable file:

.env

Terminal window
VITE_CRISP_WEBSITE_ID=your_crisp_website_id

The support chatbox component is located in src/components/chatbox/crisp-chat.tsx and loaded inside src/routes/__root.tsx. Once the environment variable is set, the Crisp chatbox component will automatically render on your website.

If you are setting up your environment, you can now return to the Environment Configuration document and continue. The remainder of this document can be read later.

Environment configuration set environment variables

References

Section titled “References”

Next Steps

Section titled “Next Steps”

Now that you know how to configure a chatbox in ShipSaaS, explore these related topics: