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

Create Crisp Account

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

Get Website ID

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

Configure Environment Variables

Add the website ID to your environment variable file:

.env

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

• Crisp Documentation

Next Steps

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

• Email Configuration - Configure email service

• Notification Configuration - Configure notification Webhooks

• Deployment - Deploy to Cloudflare Workers

• Analytics - Configure analytics tools

• Analytics

• Affiliate Marketing