← Tools & Integrations

Typedream x Chatwoot

Opensource customer engagement platform. An alternative to Intercom, Zendesk & Salesforce Service Cloud.

Chatbot

How does this integration work?

background

First, create a website on Typedream

background

Second, add Chatwoot via Custom Code Injection

background

Then, let users chat with you directly from your website



Uses.

Customer Support

Opensource customer engagement platform. An alternative to Intercom, Zendesk & Salesforce Service Cloud.







Step 1 : Adding Crisp to Typedream.

Go to Chatwoot.com
Create an account chatwoot and login with your account

Step 2 : Create a website channel

Go to the Inboxes page. Go to Settings → Inboxes → "Add Inbox" button.

Click on the "Website" icon.

Enter your website name, URL, and other details as described below.



The available fields are explained below

  1. Website name

    Enter your website's name. For e.g., Example Inc.

  2. Website domain

    Enter your website's URL. For e.g., www.example.com

  3. Widget color

    Click the pallet and select a color for your website live chat widget.

  4. Welcome heading

    Write a greeting message for your customers. For e.g., Hello there 👋

  5. Welcome tagline

    For e.g.,We are here to help you with your questions. Ask us anything, or share your feedback.

  6. Enable/disable channel greeting

    Enable to Send Greeting message when customer starts conversation

  7. Channel greeting message

    Give a greeting to start the conversation. For e.g., Hi. How can we help you?

Once all details are entered, click the “Create Inbox” Button.



"Add agents" to your website inbox.

The conversations will be routed to agents only if they are associated with the inbox. Even if you are an Administrator, you need to add yourself as an agent to the Inbox to see the Inbox on your screen.

Select the Agents from the drop-down and click on Add agents. If agents have not been added, follow the steps to add agents.



You have successfully created a website inbox. Now, add the widget to your website. Copy and paste the code snippet shown on the page to your website and start supporting your customers. You can click on the Copy button to copy and then paste in the root file of your website.

If you click the "More settings" Button, you will be taken to the Additional Settings for Inbox. If you click on the "Take me there" button, you will be taken to the newly created Inbox.

If you want to update the agents with access to the inbox, go to Settings → Inboxes. You will be able to see your website inbox listed there. Click on Settings. You will be able to see the code as well as the list of agents who have access to the inbox.







Step 3 : Add code snippet on Typedream

Go to Typedream workspaceGo to site setting -→ code injetion -→ siteb bodyPaste the code in site body and click update setting

Publish yourtpage and you can now see the chatbot via your domain







Done!

For more details, you may check on video guide below









But wait, what's Crisp?





Chatwoot is an open-source as well as cloud-based customer engagement platform. Manage all of your customer conversation channels from one place.



background

Start building your dream site today.

The world needs to see your awesome idea.










We're a remote software company, building online tools for creators, builders, and side hustlers. We quit our 9-5 to pursue our dreams, and we want to help others do the same.

Typedream - No-code site builder, easy as Notion, pretty as Webflow | Product Hunt

Backed by

Copyright © 2023 Govest, Inc. All rights reserved.

Made in Typedream