diff --git a/app/assets/stylesheets/new_design/landing.scss b/app/assets/stylesheets/new_design/landing.scss
index b5fa9cb12..769f49622 100644
--- a/app/assets/stylesheets/new_design/landing.scss
+++ b/app/assets/stylesheets/new_design/landing.scss
@@ -70,6 +70,7 @@ $landing-breakpoint: 1040px;
   color: #FFFFFF;
   font-size: 24px;
   margin-top: 30px;
+  cursor: pointer;
 
   &:hover {
     color: #FFFFFF;
@@ -286,6 +287,7 @@ $cta-panel-button-border-size: 2px;
   color: #FFFFFF;
   font-size: 24px;
   text-align: center;
+  cursor: pointer;
 
   &:hover {
     color: #FFFFFF;
diff --git a/app/views/layouts/_crisp.html.haml b/app/views/layouts/_crisp.html.haml
new file mode 100644
index 000000000..d16217cd0
--- /dev/null
+++ b/app/views/layouts/_crisp.html.haml
@@ -0,0 +1,15 @@
+- if request.path == root_path
+  :javascript
+    window.$crisp=[];
+    window.CRISP_WEBSITE_ID="779b5050-4cc1-4172-8dd0-bde55716a289";
+    (function(){
+      d=document;
+      s=d.createElement("script");
+      s.src="https://client.crisp.im/l.js";
+      s.async=1;
+      d.getElementsByTagName("head")[0].appendChild(s);
+    })();
+    window.$crisp.push(["do", "chat:show"]);
+- else
+  :javascript
+    window.$crisp && window.$crisp.push(["do", "chat:hide"]);
diff --git a/app/views/layouts/new_application.html.haml b/app/views/layouts/new_application.html.haml
index e0e9f4dce..b12804452 100644
--- a/app/views/layouts/new_application.html.haml
+++ b/app/views/layouts/new_application.html.haml
@@ -35,6 +35,7 @@
     = render partial: "layouts/new_footer"
     = render partial: "layouts/google_analytics"
     = render partial: "layouts/mailjet_newsletter"
+    = render partial: "layouts/crisp"
 
     = javascript_include_tag "application", "data-turbolinks-track": true
     = yield :charts_js
diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml
index ddff3b458..875e9d908 100644
--- a/app/views/root/landing.html.haml
+++ b/app/views/root/landing.html.haml
@@ -8,11 +8,7 @@
             %br
             vos procédures administratives en quelques minutes
 
-          = link_to "Demander une démo",
-            "mailto:#{t("dynamics.contact_email")}?subject=Demande de démo TPS",
-            class: "hero-button",
-            target: "_blank",
-            onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"
+          %a.hero-button{ target: "_blank", onclick: "javascript: ga('send', 'pageview', '/demander-une-demo'); $crisp.push(['do', 'chat:open'])" } Demander une démo
 
           %p.hero-phone-cta
             ou nous appeler au 01 40 15 68 49
@@ -132,10 +128,6 @@
           %h1.cta-panel-title Commencez à dématerialiser vos procédures
           %p.cta-panel-explanation Nous vous accompagnons dans la prise en main de l’outil
         %div
-          = link_to "Demander une démo",
-            "mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS",
-            class: "cta-panel-button",
-            target: "_blank",
-            onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')"
+          %a.cta-panel-button{ target: "_blank", onclick: "javascript: ga('send', 'pageview', '/demander-une-demo'); $crisp.push(['do', 'chat:open'])" } Demander une démo
           %p.cta-panel-phone-cta
             ou nous appeler au 01 40 15 68 49