Question 1

How to add the Crisp chatbox code to my website?

Accepted Answer

So, you just signed up to Crisp and you are ready to add the chatbox code to your website? Great! This page will help you add Crisp to your HTML seamlessly. No need to be a developer.

First, we need to check which system your website runs on. Does it run WordPress? Is it coded from scratch?

Video tutorial:

${youtube}Video tutorial on how to install Crisp

Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service

Most websites

Here is how to retrieve your website code:

Go to https://app.crisp.chat/settings/websites/
Then click integrations
Go to HTML
Copy the script tag

In the file serving the first portion of your HTML (<head />) section, copy and paste the code we provide you just before the <head /> tag.

If you can't find the <head /> tag, you can also copy the chatbox code before the end of the HTML body, eg: right before the <body /> tag.

WordPress websites

If your website is running WordPress, you have to follow this tutorial.

Squarespace / Strikingly websites

If your website is running Squarespace, you have to follow [this tutoria

Question 2

How to open the chatbox on click on a custom button?

Accepted Answer

The Crisp chatbox can be opened and closed via your website JavaScript code. This allows you to create custom "Chat with us" buttons on your website, and trigger the Crisp chatbox to open when a visitor clicks on such buttons.

You can use the following JavaScript code to open the Crisp chatbox:

$crisp.push(['do', 'chat:open']);

You can call it directly when an user clicks on a button:

<button onclick="$crisp.push(['do', 'chat:open'])">Click Me!</button>

| Want to know more about the $crisp interface? Read: How to use $crisp Javascript SDK?

Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service

Question 3

How to use Triggers?

Accepted Answer

Triggers can be used to send automated events to the chatbox of your visitors & users. Triggers are activated upon events, and execute a given set of actions. You can configure as many Triggers as you wish for the same website on Crisp.

Triggers help you automate your marketing by triggering automated chatbox actions, based on events, on the screen of your visitors. You can, for instance, send automated messages based on what page your visitor is visiting.

Here is a full guide about live chat trigger example.

This guide goes into explaining the general concepts of triggers, and how everything is linked together.

Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service.

| Triggers are available from the Crisp Pro plan

Video tutorial:

${youtube}Video tutorial on how to use Triggers

Create your first trigger

Go to the triggers plugin

Go to app.crisp.chat
Then go to plugins (in the sidebar)
Search for "triggers"

New trigger

Click on the new trigger button.
Then name your trigger. You can for instance name it My First Trigger,
An identifier will be required. It can be useful in the future. You can name it my-first-trigger
Then scrolldown and toggle Show a message

![](https://storage.crisp.chat/users/helpdesk/we

Question 4

How to add the chatbot plugin to my website?

Accepted Answer

The chatbot plugin helps you to create your own chatbot. Draw complex response flows, with events (eg. user sent message), actions (eg. send response message) and conditions (eg. check segment). The Bot plugin is able to answer messages coming from any source, eg. chatbox, Messenger, etc.

This guide goes into explaining how the Bot plugin works, and how you can get the most out of it. Our chatbot plugin comes with a visual builder so you can build chatbot scenarios without any coding skills.

To access the chatbot plugin and install it, simply go to Plugins > Bot

| Bot Plugin is available from the Crisp Unlimited plan

||| A chatbot is not a live chat, if you're looking for ways to add a live chat to your website, please click here

Video tutorial

${youtube}Video tutorial

Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service.

What can I do with the Bot plugin? (use cases)

The Bot plugin is capable of the following use cases (amongst non-listed others):

Simulate an human conversation, with fallbacks if the bot does not understand
Automate responses to common questions, with choice buttons to guide the user to more precise answers
Pre-qualify people when they land on your websit

Question 5

How to use the Auto-Responder plugin?

Accepted Answer

The Auto-Responder plugin helps you respond with a custom response flow of messages and chat events to certain messages from the chatbox, from email, or from other integrations (eg. Messenger). You can create Intents that are fired upon certain conditions, and that contain the response flow.

This guide goes into explaining the general concepts of Auto-Responder and Intents.

| Auto-responder plugin is available from the Crisp Unlimited plan

Video tutorial:

${youtube}Video tutorial on Auto-Responder

Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service.

What does the Auto-Responder do?

Autoresponder helps you gain time by answering automatically to certain kind of messages. Some may call this a bot system; we call it an Auto-Responder.

It can be used in such cases:

You are offline: you want your customers to get a placeholder response saying that you are offline.
Some questions occur very frequently: you have a well-writen, automated answer so that your operators don't have to answer it repeatedly.
Some kind of questions should be handled by specific operators (eg. Technical department): you want to @mention those specific operators so that they are notified of the pending chat that they should handle.
**Some users ask for a specif

Question 6

How can I automatically set user emails?

Accepted Answer

If you are using Crisp on a website where users are authenticated, you may want to set their email so that they don't have to specify it when they start a chat with you.

This method uses the Crisp JavaScript API, that you can call from your own code. Given that you know the authenticated user's email from your code, you'll be able to set it for the Crisp chatbox.

Here's how you would proceed to set the visitor's email:

// Feed this call with your own internal email data.
$crisp.push(["set", "user:email", "user@gmail.com"]);

Let's say you are using PHP, then use.

<script>
$crisp.push(["set", "user:email", "<?php echo $user_email; ?>"]);
</script>

(assuming $user_email is your user email.)

Here's how you would proceed to get the visitor's email:

var visitor_email = $crisp.get("user:email");

| Want to know more about the $crisp interface? Read: How to use $crisp Javascript SDK?

Frequently Read Articles

Browse All Categories