How to integrate v0 with Smooch (now Zendesk Sunshine Conversations)?

Book a call with an Expert

Starting a new venture? Need to upgrade your web app? RapidDev builds application with your growth in mind.

How to integrate v0 with Smooch (now Zendesk Sunshine Conversations)?

Adding the Smooch (Sunshine Conversations) Script to Your Project

Open your project's index.html file.
Locate the <head> section.
Add the following script tag to load the Smooch library from the CDN:


<script src="https://cdn.smooch.io/smooch.min.js"></script>

This ensures the Smooch library is loaded for use in your TypeScript code.

Creating the Smooch Initialization File

Create a new file in your project. Name it smooch.ts (for example, inside a folder called src or the root, based on your project organization).
Copy and paste the following TypeScript code into smooch.ts:


declare var Smooch: any;

export function initSmooch() {
  // Replace 'YOURINTEGRATIONID' with your actual integration ID from Zendesk Sunshine Conversations
  Smooch.init({
    integrationId: 'YOURINTEGRATIONID'
  })
  .then(() => {
    console.log('Smooch initialized successfully.');
  })
  .catch((err: any) => {
    console.error('Error initializing Smooch:', err);
  });
}

This file declares the global Smooch variable and exports a function that initializes the Sunshine Conversations integration.

Integrating Smooch into Your Main Application Code

Open the main TypeScript file where your application is bootstrapped (for example, app.ts or main.ts).
Import the initSmooch function from the smooch.ts file:


import { initSmooch } from './smooch';

Call the initSmooch function once your application is ready (for instance, after DOM load or in your main startup function):


window.addEventListener('load', () => {
  initSmooch();
});

This ensures that the Sunshine Conversations integration initializes when your application starts.

Verifying the Integration

Open your project in a web browser.
Open the browser's developer console.
If the integration is set up correctly, you should see the message Smooch initialized successfully. in the console.
If any errors occur, they will be displayed in the console so you can troubleshoot the setup.

Rapid Dev was an exceptional project management organization and the best development collaborators I've had the pleasure of working with. They do complex work on extremely fast timelines and effectively manage the testing and pre-launch process to deliver the best possible product. I'm extremely impressed with their execution ability.

CPO, Praction - Arkady Sokolov

May 2, 2023

Working with Matt was comparable to having another co-founder on the team, but without the commitment or cost. He has a strategic mindset and willing to change the scope of the project in real time based on the needs of the client. A true strategic thought partner!

Co-Founder, Arc - Donald Muir

Dec 27, 2022

Rapid Dev are 10/10, excellent communicators - the best I've ever encountered in the tech dev space. They always go the extra mile, they genuinely care, they respond quickly, they're flexible, adaptable and their enthusiasm is amazing.

Co-CEO, Grantify - Mat Westergreen-Thorne

Oct 15, 2022

Rapid Dev is an excellent developer for no-code and low-code solutions.
We’ve had great success since launching the platform in November 2023. In a few months, we’ve gained over 1,000 new active users. We’ve also secured several dozen bookings on the platform and seen about 70% new user month-over-month growth since the launch.

Co-Founder, Church Real Estate Marketplace - Emmanuel Brown

May 1, 2024

Matt’s dedication to executing our vision and his commitment to the project deadline were impressive.
This was such a specific project, and Matt really delivered. We worked with a really fast turnaround, and he always delivered. The site was a perfect prop for us!

Production Manager, Media Production Company - Samantha Fekete

Sep 23, 2022

v0 and Smooch (now Zendesk Sunshine Conversations) integration: Step-by-Step Guide 2025