How to add the Crisp chatbox code to my website?
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
Most websites
**In the file serving the first portion of your HTML (<head />) section, copy and paste the c
Very popularHow to install Crisp Livechat on Wordpress?
Installing Crisp Livechat on Wordpress is really easy!
Video tutorial:
${youtube}Video tutorial on how to install Crisp on WordPress
Text tutorial:
First, you have to connect on your Wordpress dashboard
You have to click on Plugins / Add New and search "Crisp"
Activate the Plugin
On the left menu, click "Crisp Settings"
Click on Link with Crisp and follow the instructions
It should work
Very popularHow can I change the chatbox welcome message?
Crisp allows you to chose the welcome message your users will see when opening the chatbox. This welcome message may entice them in sending their question, which makes it very important for your customer support.
Changing the welcome message of the chatbox does not affect how the Crisp chatbox works.
You can change the chatbox welcome message in your website settings
**Here'
Very popularHow can I change the chatbox language?
Crisp allows you to chose the force the display language of your chatbox. By default, Crisp automatically detects the visitor's browser language and serves the best language according to what the user's browser says it supports, and what Crisp supports.
However, visitors tend to send messages in the same language as the chatbox. This means if a Russian user accesses your English website, and sees the Crisp chatbox in Russian, he's very likely to send his first message in Russian, until you
Very popularHow can I embed the Crisp chatbox in an external link?
By default, the Crisp chatbox is embedded on your website, as a little box that can be opened and closed. However, if you would like to be able to share a link that pops up a Crisp chatbox in full-screen that users cannot close, this article may help you.
Crisp provides a simple way to build links that open up the chatbox in full-screen. That way, you can easily create custom links that open the chatbox in a new browser tab; or share this direct link in emails. It's also useful if you want
Very popularWhat languages are supported by Crisp?
Crisp supports most used international languages. The chatbox is translated in 50+ languages, which makes it suitable for most localized websites.
Languages supported by the Chatbox
🇸🇦 Arabic
🇦🇲 Armenian
🇦🇿 Azerbaijani
🇧🇩 Bengali
🇧🇬 Bulgarian
🇪🇸 Catalan
🇨🇳 Chinese (Simplified)
🇭🇰 Chinese (Traditional)
🇭🇷 Croatian
🇨🇿 Czech
🇩🇰 Danish
🇳🇱 Dutch
🇺🇸 English
🏳 Esperanto
🇪🇪 Estonian
🇫🇴 Faroese
🇫🇷 French
🇬🇪 Georgian
🇩🇪 German
🇬🇷 Greek
🇮🇳 Gujarati
🇮🇱 Heb
PopularHow to install Crisp Livechat on Prestashop?
Installing Crisp Livechat on Prestashop is really easy!
Video tutorial:
${youtube}Video tutorial on how to install Crisp on Prestashop
Recap:
Get the Crisp Plugin file here https://github.com/crisp-im/crisp-plugin-prestashop/archive/master.zip
Unzip it and copy it as "crisp" in the Prestashop module folder
Login on the Prestashop panel
Go to "modules and services" > "Front Office Features" > Crisp
Install It and Configure It
Get your Website ID from you
PopularHow to use the Android SDK?
Crisp provides an Android SDK that lets you integrate the Crisp chatbox to your native Android app.
Crisp Android SDK is available on GitHub on the following link: https://github.com/crisp-im/crisp-sdk-android
Some readersHow to add Crisp Livechat on Squarespace?
Adding Crisp Livechat to Squarespace is really simple, just follow this tutorial!
Retrieve your website code on Crisp
Go to app.crisp.chat
Go to your website settings: click on the Settings icon on the left sidebase, then click on "Websites"
Click on integrations*
Go on HTML
Copy your Crisp code
On Squarespace
Click Settings
Click on Advanced
Click Code Injection
Go down to the Footer Box
Paste the Crisp code in the Footer Box
Click on Save Settings
Some readersHow to add Crisp Livechat on Strikingly?
Adding the Crisp Livechat to Strikingly is really simple, just follow this tutorial!
Retrieve your website code on Crisp
Go to app.crisp.chat
Go to your website settings: click on the Settings icon on the left sidebase, then click on "Websites"
Click on integrations*
Go on HTML
Copy your Crisp code
On Strikingly
Go to your Site editor
Click Settings
Click on Advanced
Click Custom Code Injection
Footer
Paste the Crisp code in the Footer
Save
Few readersHow to use the iOS SDK?
Crisp provides an iOS SDK that lets you integrate the Crisp chatbox to your native iOS app.
Crisp iOS SDK is available on GitHub on the following link: https://github.com/crisp-im/crisp-sdk-ios
Few readersSetup your Helpdesk Domain
Crisp allows us to use a custom helpdesk domain. Here is a tutorial to customize your domain
Video Tutorial
${youtube}Video Tutorial to setup your Helpdesk Domain
Technical Setup
Here are tutorials for most providers:
* Cloudflare: https://support.cloudflare.com/hc/en-us/articles/200168756-How-do-I-add-a-subdomain-to-my-site-
GoDaddy: https://pl.godaddy.com/help/add-an-a-record-19238
Namecheap: https://www.namecheap.com/support/knowledgebase/article.aspx/319/
Few readersHow to add the Crisp Livechat on Shopify?
Crisp Livechat is integrated with Shopify. Here is the tutorial to link Crisp with Shopify.
| Crisp is not publically listed on Shopify. You need to install the plugin from the Crisp dashboard
Add the Crisp App
Go to app.crisp.chat
In the left sidebar, go to Plugins
Find the Shopify Plugin
Fill your store URL: mystore.shopify.com
Click on continue
Go to app.crisp.chat(https://storage.crisp.chat/users/helpdesk/website/-JzqEmX56venQuQw4YV8/9e1edf50-a310-4626-92b3-8b085287d961.p
Few readersHow to add the Crisp Livechat on Instapage?
Adding Crisp Livechat to Instapage is really simple, just follow this tutorial!
Retrieve your website code on Crisp
Go to app.crisp.chat
Go to your website settings: click on the Settings icon on the left sidebase, then click on "Websites"
Click on integrations*
Go on HTML
Copy your Crisp code
On Instapage
Go to your Instapage landing page,
Go to Settings > HTML/CSS, in the Body section.
Paste the Crisp Code
Save and Publish Settings
