How can I send events from Crisp to Facebook Pixel?
hey this HERE IS A TEST is a testSome readersHow to leverage contact data in Crisp thanks to Google Tag ManagerHow to use the DataLayer?How to add triggers to display the chatbox to the right people ?
Articles on: Developers
In this article, we're going to see how you can use the DataLayer to activate some features as for example a chat support, that you can only display to a specific user base.
For example, at Crisp, we could choose to only offer live chat support to users that are not under the basic plan. (which will never be the case, don't worry).
Through this article, we will guide you on how you can take advantage of user attributes (alsoSome readersHow do I use the $crisp chatbox SDK?
Articles on: Developers
$crisp ("dollar-crisp") lets you control the Crisp chatbox from your JavaScript code. This lets you listen to Crisp events, as well as open, close the chatbox or do fancy stuff with the chatbox.
👉 The $crisp Methods documentation is available on our Developer Hub.
Updated on: 13/03/2024Some readersHow do I use the RTM API?
Articles on: Developers
The RTM API lets integrations receive real-time notifications of all events happening in Crisp websites it has access to. This can be used in pair with the REST API to eg. send a message through the REST API, and receive responses from the other party through the RTM API.
👉 The RTM API documentation is available on our Developer Hub.
Updated on: 13/03/2024Some readersHow can I embed Crisp inside a single-page app?Getting started
Articles on: Developers
Crisp provides a Web SDK that provides Typescript bindings for the Crisp chatbox.
This method is preferred when including Crisp in a single-page apps using Frameworks such as Angular, VueJS, React, NuxtJS or NextJS.
👉 The full Crisp Web SDK documentation is available on our Developer Hub.
Installation
&x20;npm install --save crisp-sdk-webSome readersHow can I create an AI chatbot with Dialogflow?What is Dialogflow?How Dialogflow chatbots work with AI?TutorialNext steps
Articles on: Developers
In this tutorial, you will learn how to connect Dialogflow with Crisp to create an AI chatbot that leverages the power of our chatbot API. If you are a complete novice about Dialogflow platform or new to the Crisp API, no worries, everything will be explained.
➡️ Want to know more about Crisp Chatbot pricing and features? Click here: Crisp Chatbot Software
➡️ Want to know more about Crisp ChatboSome readersHow can I hide and show the chatbox?
Articles on: Developers
The Crisp chatbox can be hidden and shown back via your website JavaScript code. This allows you to precisely control where you want your chatbox to be visible and where you don't want to.
You can use the following JavaScript code to hide the Crisp chatbox:
&x20;$crisp.push( 'do', 'chat:hide' );
You can use the following JavaScript code to show back the Crisp chatbox:
&x20;$crisp.push( 'do', 'chat:show' );Some readersHow can I automatically set user emails?
Articles on: Developers
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:Few readersHow can I set Google Ads (Adwords) data on Crisp users profile?
Articles on: Developers
This article explains how you can send Google Adwords data to Crisp users' profile.
We will cover an example but regarding Google adwords developpers docs you will be able to set a wide variety of use case. Depending on the way you use Crisp, you should be able to build users events for
marketing & sales teams.
If you want to have a look at all the events that aFew readersHow can I restore a chat session with a token?
Articles on: Developers
If your website shows the chatbox for authenticated users only - in other words: users for which you have an internal identification value, such as an user ID, an email or a token - you may want to ensure that the Crisp chat session associated to that user stays the same, whatever the device he is on and whether your user clears his cookies or not. This ensures you get chats from the same user in the same Crisp session.
👉 The detaFew readersHow do I use Web Hooks?
Articles on: Developers
Web Hooks are an easy and convenient way to receive events from a Crisp website. They can be configured in a few clicks, and do not require you to build an integration. Web Hooks are typically used for automation purposes, eg. automate a task with Zapier.
👉 The Web Hooks documentation is available on our Developer Hub.
Updated on: 13/03/2024Few readersHow can I open the chatbox on click on a custom button?
Articles on: Developers
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:
&x20;$crisp.push( 'do', 'chat:open' );
You can call it directly when an user clicks on a button:
&x20;Click Me!Few readersWhat is Crisp's compliance with SOC2?What is SOC2?SOC2 Certification
Articles on: Developers
Information security is a reason for concern for all organizations, including those that outsource key business operation to third-party vendors (e.g., SaaS, cloud-computing providers). Rightfully so, since mishandled data—especially by application and network security providers—can leave companies vulnerable to attacks, such as data theft, extortion and malware installation.
At Crisp we consider security very seriously, everythinFew readersHow do I use the REST API?
Articles on: Developers
The REST API is the backbone of Crisp. It is used by all Crisp apps to let operators send messages, access their CRM, and more. As an integration developer, you have access to almost all of the features Crisp apps enjoy.
👉 The REST API documentation is available on our Developer Hub.
Updated on: 13/03/2024Few readersHow to track the UTM source
Articles on: Developers
This article covers how to track UTM data and submit it to your Crisp customer's profile.
As explained on Wikipedia, UTM Parameters are five variants of URL parameters used by marketers to track the effectiveness of online marketing campaigns across traffic sources and publishing media.
Here is an example:
https://www.example.com/page?utmcontent=buffercf3b2&utmmedium=sFew readersHow can I setup the Ticket Center plugin?Video tutorialWhat does the Ticket Center do?How to include the Ticket Center in my HTML code?Common questionsIntegration examples
Articles on: Developers
The Ticket Center plugin lets you create a ticket dashboard linked to your Crisp, which you can include in your website.
This guide goes through how to setup the Ticket Center on your website. It is designed to be included in authenticated areas of websites, eg. dashboards, where users are authenticated. Their email address must be known and verified.
The Ticket Center plugin is available as a separate checkout item; $195 paiFew readersHow can I use Google Tag Manager (GTM) to monitor Crisp event in Google Analytics 4 (GA4)?I. Setting up Google Analytics 4 with Google Tag ManagerII. Deploying Event Listeners with Google Ta
Articles on: Developers
This article will explain how you can listen for your Crisp's user events by using Google Tag Manager, and how to track these events in the new Google Analytics 4.
Table of Content
Introduction
I. Setting up Google Analytics 4 with Google Tag Manager
II. Deploying Event Listeners with Google Tag Manager
III. Collecting Events in Google Analytics 4
Congratulations, you're all done!Few readersHow can I push a conversion to Google Ads from a Live Chat via Google Tag Manager?Google Tag Manager Tutorial for Google Ads
Articles on: Developers
This article explains how you can send Live chat's interactions to Google Ads and mark it as a conversion in your Google Ads account. This tutorial is done with the help of Google Tag Manager (GTM)
We will cover a few examples but regarding Google Ads developper documentation, you'll be able to set a wide variety of use case. Depending on the way you use Crisp, you should be able to create events that will be flagged as conversionFew readersHow do I prevent elements from being tracked by MagicBrowse?Edit your HTML Page
Articles on: Developers
MagicBrowse is built with privacy in mind and inputs are automatically hidden. You want to hide some elements to be tracked? here is how to do this
We build a
&x20;data-browsing-ignore
you can add to prevent an elements from being tracked by MagicBrowse.
Example :
Then you can implement the
&x20;data-browsing-ignore
attributeFew readersCrisp chatbox Cookie & IP policy
Articles on: Developers
The Crisp chatbox, that is running on the websites of our users, uses cookies. Cookies are solely used in accordance with the points below.
You do not need to ask for user consent regarding Crisp cookies. Crisp uses cookies solely for messaging purpose, and not for tracking purposes. If, however, you use Crisp to track your users (eg. via segments you push from the $crisp JavaScript SDK), you may need consent then.
CookieFew readersHow can I send messages from my backend?Basic messaging bot
Articles on: Developers
Most Crisp users interact with you from the chatbox, email or integrations. You may want to develop bots or automation systems, for which messages get sent from your own backend.
First of all, you need to connect your backend to the Crisp APIs. Read this introduction article on how to do it.
Once you are done, you will follow this integration process (explained in detailsFew readersHow can I push a user event from my backend?Push the event to the user profile
Articles on: Developers
Crisp lets you push events from the Crisp chatbox. If, however, you'd like to push those events from your backend instead, there's a way to do it via the Crisp REST API. This article explains how to do so.
First of all, you need to connect your backend to the Crisp APIs. Read this introduction article on how to do it.
OnceFew readersHow can I build Crisp plugins?
Articles on: Developers
The Crisp platform is open for business! We allow any developer to extend its capabilities by building new plugins to add more features to Crisp apps, or connect Crisp with external platforms. It can even be your own platform, which you'd want to connect with Crisp.
👉 The Plugins documentation is available on our Developer Hub.
Updated on: 13/06/2022Few readersHow can I automatically set my user's phone number?
Articles on: Developers
If you are using Crisp on a website where users are authenticated, you may want to set their phone number.
This method uses the Crisp JavaScript API, that you can call from your own code.
&x20;// Feed this call with your own custom data. $crisp.push( "set", "user:phone", "0123456789" )
Want to know more about the $crisp interface? Read: How to use $crisp Javascript SDK? (https://docs.crisp.chat/guides/chatbox-sdkFew readersHow can I reset a Crisp session when a user logs out?
Articles on: Developers
If you are using Crisp on a website where users are authenticated, you should reset their Crisp session
This method uses the Crisp JavaScript API, that you can call from your own code.
Here's how you would proceed to reset the Crisp Session:
&x20;$crisp.push( "do", "session:reset" )
Want to know more about the $crisp interface? Read: How to use $crisp Javascript SDK? (https://docs.crisp.chat/guides/chatbox-sdkFew readersHow can I setup the Contact Form plugin?Video tutorialWhat does the Contact Form plugin do?How to include the Contact Form in my HTML code?Where does the data go?Common questions
Articles on: Developers
The Contact Form plugin lets you create a contact form linked to your Crisp, which you can include on your website contact page.
This guide goes through how to setup the Contact Form plugin on your website. It is designed to be included on your website contact page.
It protects your Crisp Inbox against spam bots using a CAPTCHA ran by hCaptcha.
The ConFew readersHow can I whitelist Crisp servers?
Articles on: Developers
Companies operating over filtered networks may need to whitelist our systems in order to be able to access Crisp.
This ranges from the user agents we use to perform HTTP requests, our server IP addresses (inbound and outbound) and our domain names (useful for CSP policies).
👉 The Whitelisting our Systems documentation is available on our Developer Hub.
UpdateFew readersHow do I send events from Crisp to Google Analytics via GTM?GTM Tutorial to track Message Sent in Google Analytics
Articles on: Developers
This article explains how you can send Crisp's users events to Google Analytics using Google Tag Manager (or not).
We will cover a few examples but regarding Google Analytics developers docs you will be able to set a wide variety of use case. Depending on the way you use Crisp, you should be able to build users events for support, marketing & sales teams.
If you want to have a lookFew readersHow do I Create a Conversation Inside Crisp from a Form on a Website?What are the API routes I should use to create a conversation inside Crisp?Where can I find an example about it?
Articles on: Developers
Nowadays, using a form to capture customer or lead data is common. Especially on pages like contact page or landing pages. The thing is, these forms are, most of the time, sending the information to an inbox that is not shared. Here is how you can centralize the form's data inside Crisp.
Making it easier for teams to answer and acknowledge customer or lead messages is one of the goals that Crisp is targeting. Through this article,Few readers