LogoShipAhead

Customer Support

Set up customer support in your ShipAhead app to help users in real time, collect feedback, and make it easier to respond to questions and issues.

Tools

  • Crisp: Live chat and ticketing for real-time user support.

Setup

Crisp

  1. Create a Crisp Account:
    • Sign up at Crisp.
    • Create a new website in your Crisp dashboard.
    • Copy the CRISP_WEBSITE_ID from the Integrations menu under the HTML option.
  2. Set environment variable:
    .env
    CUSTOMER_SUPPORT_ID="YOUR_CRISP_WEBSITE_ID"
  3. Enable in config:
    shared/config.ts
    customerSupport: {
    enable: true,
},

Usage

  • Open chat widget – the Crisp chat appears on your site once enabled.
  • Respond to users – reply to messages from the Crisp dashboard.
  • Manage tickets – track conversations and support requests in Crisp.

PWA

Set up your ShipAhead app as a Progressive Web App. Configure installation support and app icons so users can add your product to their home screen.

Project Structure

Explore the ShipAhead Nuxt project structure, including pages, components, server routes, and shared code, so you can find files and customize your app.