D\u00e9mo Arthur AI - Assistant Intelligent<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"demo-page\" id=\"demo-arthur\">\r\n <style>\r\n \/* ==== THEME ARTHUR TECH ==== *\/\r\n :root {\r\n --brand-gradient: linear-gradient(135deg, #05d3aa, #05b3ff);\r\n --brand-main: #05b3ff;\r\n --brand-accent: #05d3aa;\r\n --charcoal: #111827; \/* Gris tr\u00e8s fonc\u00e9 presque noir *\/\r\n --paper: #F9FAFB; \/* Gris tr\u00e8s clair tech *\/\r\n --line: #E5E7EB; \/* Bordures subtiles *\/\r\n --shadow-glow: 0 8px 20px rgba(5, 211, 170, 0.25);\r\n }\r\n \r\n .demo-page * { box-sizing: border-box; }\r\n \r\n body { margin: 0; padding: 0; }\r\n\r\n .demo-page {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\r\n color: var(--charcoal);\r\n background: #fff;\r\n line-height: 1.6;\r\n }\r\n\r\n .demo-wrap { max-width: 1100px; margin: 0 auto; padding: 48px 20px; }\r\n\r\n \/* BADGE *\/\r\n .badge {\r\n display: inline-flex; gap: 8px; align-items: center;\r\n font-weight: 800; letter-spacing: .04em; text-transform: uppercase;\r\n font-size: 11px; background: rgba(5, 179, 255, 0.1); \r\n border: 1px solid rgba(5, 179, 255, 0.2);\r\n padding: 6px 12px; border-radius: 999px; color: var(--brand-main);\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; margin-top: 32px;\r\n }\r\n .hero h1 {\r\n font-family: 'Inter', sans-serif; font-weight: 800; font-size: 48px; \r\n line-height: 1.1; margin: 16px 0 16px; letter-spacing: -0.02em;\r\n }\r\n .hero h1 span {\r\n background: var(--brand-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n }\r\n .hero p { font-size: 18px; line-height: 1.6; color: #4B5563; margin: 0 0 24px; }\r\n\r\n \/* BUTTONS *\/\r\n .cta-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }\r\n .btn {\r\n appearance: none; border: 1px solid transparent; border-radius: 8px; cursor: pointer;\r\n font-weight: 600; letter-spacing: 0; font-size: 15px; padding: 12px 24px; transition: .2s;\r\n text-decoration: none; display: inline-block;\r\n }\r\n .btn-primary { \r\n background: var(--brand-gradient); color: #fff; \r\n box-shadow: var(--shadow-glow); border: none;\r\n }\r\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(5, 211, 170, 0.35); opacity: 1; }\r\n \r\n .btn-ghost { background: #fff; border-color: var(--line); color: var(--charcoal); }\r\n .btn-ghost:hover { border-color: var(--brand-main); color: var(--brand-main); background: #F3F4F6; }\r\n\r\n \/* HERO CARD (Mockup Chat) *\/\r\n .hero-card {\r\n background: #fff; border: 1px solid var(--line);\r\n border-radius: 16px; box-shadow: 0 20px 40px -10px rgba(0,0,0,.08);\r\n padding: 6px; overflow: hidden; position: relative;\r\n }\r\n .hero-card-inner {\r\n background: var(--paper); border-radius: 12px; height: 500px; \r\n display: flex; align-items: center; justify-content: center;\r\n flex-direction: column; border: 1px solid #F3F4F6;\r\n }\r\n \r\n \/* GRID FEATURES *\/\r\n .grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 60px 0;\r\n }\r\n .feature {\r\n background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 24px;\r\n transition: transform 0.2s;\r\n }\r\n .feature:hover { border-color: var(--brand-accent); transform: translateY(-2px); }\r\n .feature h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; }\r\n .feature p { margin: 0; color: #6B7280; line-height: 1.5; font-size: 15px; }\r\n .icon-box { \r\n width: 40px; height: 40px; background: rgba(5, 211, 170, 0.1); \r\n border-radius: 8px; display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 16px; color: var(--brand-accent); font-size: 20px;\r\n }\r\n\r\n \/* SECTION TITLE *\/\r\n .section-title {\r\n font-family: 'Inter', sans-serif; font-weight: 800; font-size: 32px; margin: 60px 0 24px; letter-spacing: -0.02em;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq { border-top: 1px solid var(--line); margin-top: 20px; }\r\n .faq details { border-bottom: 1px solid var(--line); padding: 20px 0; }\r\n .faq summary {\r\n cursor: pointer; font-weight: 700; display: flex; justify-content: space-between; align-items: center; list-style: none;\r\n }\r\n .faq summary::-webkit-details-marker { display: none; }\r\n .faq p { margin: 12px 0 0; color: #4B5563; font-size: 15px; }\r\n \r\n \/* NOTICE & CODE *\/\r\n .notice {\r\n display: flex; gap: 12px; align-items: flex-start; background: #F0FDFA; border: 1px solid #CCFBF1;\r\n border-radius: 8px; padding: 16px; margin-top: 24px; color: #0F766E; font-size: 14px;\r\n }\r\n .kbd {\r\n font-family: 'Menlo', monospace; background: #F3F4F6; border: 1px solid #E5E7EB;\r\n padding: 2px 6px; border-radius: 4px; font-size: .85em; color: #EF4444;\r\n }\r\n\r\n \/* FOOTER CTA *\/\r\n .foot-cta {\r\n background: var(--charcoal); color: white;\r\n border-radius: 16px; padding: 32px; display: flex; justify-content: space-between; \r\n gap: 20px; align-items: center; margin-top: 60px;\r\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2);\r\n }\r\n .foot-cta p { margin: 0; font-size: 16px; font-weight: 500; }\r\n .dot {\r\n width: 10px; height: 10px; border-radius: 50%; background: #10B981; \r\n display: inline-block; margin-right: 10px; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n @media(max-width: 980px) {\r\n .hero { grid-template-columns: 1fr; }\r\n .hero-card-inner { height: 350px; }\r\n .grid { grid-template-columns: 1fr 1fr; }\r\n .foot-cta { flex-direction: column; text-align: center; }\r\n }\r\n @media(max-width: 640px) {\r\n .hero h1 { font-size: 36px; }\r\n .grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"demo-wrap\">\r\n \r\n <div class=\"badge\">Nouvelle Version 2.0<\/div>\r\n <div class=\"hero\">\r\n <div>\r\n <h1>Essayez <span>Arthur AI<\/span> en direct<\/h1>\r\n <p>Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s'int\u00e8gre \u00e0 vos outils.<\/p>\r\n <div class=\"cta-row\">\r\n \r\n <a href=\"#open-chat\" class=\"btn btn-primary\" id=\"btn-open-floating\">Tester la d\u00e9mo<\/a>\r\n <a href=\"#features\" class=\"btn btn-ghost\">Voir les fonctionnalit\u00e9s<\/a>\r\n <\/div>\r\n <div class=\"notice\">\r\n <div style=\"font-size:18px\">\ud83d\udca1<\/div>\r\n <div><strong>Advice :<\/strong> Cliquez sur la bulle en bas \u00e0 droite pour voir l'animation d'ouverture et le design \"Glow\" moderne.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"hero-card\">\r\n <div class=\"hero-card-inner\">\r\n \r\n <svg width=\"64\" height=\"64\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"url(#paint0_linear)\"\/>\r\n <path d=\"M7 12H17M12 7V17\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <defs>\r\n <lineargradient id=\"paint0_linear\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"24\" gradientunits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#05d3aa\"\/>\r\n <stop offset=\"1\" stop-color=\"#05b3ff\"\/>\r\n <\/lineargradient>\r\n <\/defs>\r\n <\/svg>\r\n <p style=\"margin-top:16px; color:#9CA3AF; font-weight:600;\">Interface de d\u00e9monstration<\/p>\r\n <p style=\"font-size:13px; color:#D1D5DB;\">(Le vrai bot est en bas \u00e0 droite)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"section-title\" id=\"features\">Pourquoi choisir Arthur ?<\/h2>\r\n <div class=\"grid\">\r\n <div class=\"feature\">\r\n <div class=\"icon-box\">\u26a1<\/div>\r\n <h3>R\u00e9ponses Instantan\u00e9es<\/h3>\r\n <p>Plus d'attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision.<\/p>\r\n <\/div>\r\n <div class=\"feature\">\r\n <div class=\"icon-box\">\ud83c\udfa8<\/div>\r\n <h3>Design Moderne<\/h3>\r\n <p>Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s'adapte \u00e0 votre charte graphique.<\/p>\r\n <\/div>\r\n <div class=\"feature\">\r\n <div class=\"icon-box\">\ud83d\udccb<\/div>\r\n <h3>Lead Qualification<\/h3>\r\n <p>Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <div class=\"faq\">\r\n <details>\r\n <summary>Comment int\u00e9grer ce bot sur mon site ? <span>\uff0b<\/span><\/summary>\r\n <p>Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Le design est-il personnalisable ? <span>\uff0b<\/span><\/summary>\r\n <p>Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici <span class=\"kbd\">#05d3aa<\/span> vers <span class=\"kbd\">#05b3ff<\/span>), l'avatar et les textes d'accueil.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Comment fonctionne le formulaire ? <span>\uff0b<\/span><\/summary>\r\n <p>Si activ\u00e9 (<span class=\"kbd\">data-enable-quote-form=\"true\"<\/span>), un onglet \"Contact\" appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API <span class=\"kbd\">\/api\/send-devis<\/span>.<\/p>\r\n <\/details>\r\n <\/div>\r\n\r\n \r\n <div class=\"foot-cta\" id=\"open-chat\">\r\n <div>\r\n <p style=\"font-size:20px; font-weight:700; margin-bottom:4px;\">Arthur est en ligne<\/p>\r\n <p style=\"opacity:0.8; font-weight:400; font-size:15px;\"><span class=\"dot\"><\/span>Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions.<\/p>\r\n <\/div>\r\n <a class=\"btn btn-primary\" style=\"background:#fff; color:var(--charcoal); box-shadow:none;\" id=\"btn-open-floating-2\">Ouvrir la discussion<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"chat-container\"><\/div>\r\n\r\n \r\n <script\r\n src=\"chat float.js\"\r\n data-bot-id=\"demo-bot\"\r\n data-enable-quote-form=\"true\">\r\n <\/script>\r\n\r\n <script>\r\n \/* UX : Les boutons de la page ouvrent le chat flottant *\/\r\n (function(){\r\n function clickBubble(){ \r\n var b = document.querySelector('#chat-container #chat-bubble'); \r\n if(b) b.click(); \r\n }\r\n document.getElementById('btn-open-floating')?.addEventListener('click', function(e){ e.preventDefault(); clickBubble(); });\r\n document.getElementById('btn-open-floating-2')?.addEventListener('click', function(e){ e.preventDefault(); clickBubble(); });\r\n })();\r\n <\/script>\r\n\r\n <noscript>\r\n <div style=\"max-width:1100px;margin:24px auto;padding:12px;background:#FEF2F2;color:#991B1B;border-radius:8px;text-align:center;\">\r\n \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s'afficher.\r\n <\/div>\r\n <\/noscript>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49cb985 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"49cb985\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-486ce01 elementor-widget elementor-widget-html\" data-id=\"486ce01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"chat-container\"><\/div>\r\n<script \r\n src=\"https:\/\/app.causeriebot.com\/chat-float-demo.js\" \r\n data-bot-id=\"demo-bot\"\r\n data-enable-quote-form=\"true\" \r\n><\/script> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9mo Arthur AI – Assistant Intelligent Nouvelle Version 2.0 Essayez Arthur AI en direct Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s’int\u00e8gre \u00e0 vos outils. Tester la d\u00e9mo Voir les fonctionnalit\u00e9s \ud83d\udca1 Conseil : Cliquez sur la bulle en bas \u00e0 droite pour voir l’animation d’ouverture et le design \u00ab\u00a0Glow\u00a0\u00bb moderne. Interface de d\u00e9monstration (Le vrai bot est en bas \u00e0 droite) Pourquoi choisir Arthur ? \u26a1 R\u00e9ponses Instantan\u00e9es Plus d’attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision. \ud83c\udfa8 Design Moderne Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s’adapte \u00e0 votre charte graphique. \ud83d\udccb Qualification de Leads Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email. Questions Fr\u00e9quentes Comment int\u00e9grer ce bot sur mon site ? \uff0b Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML. Le design est-il personnalisable ? \uff0b Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici #05d3aa vers #05b3ff), l’avatar et les textes d’accueil. Comment fonctionne le formulaire ? \uff0b Si activ\u00e9 (data-enable-quote-form=\u00a0\u00bbtrue\u00a0\u00bb), un onglet \u00ab\u00a0Contact\u00a0\u00bb appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API \/api\/send-devis. Arthur est en ligne Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions. Ouvrir la discussion \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s’afficher.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7268","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Causerie Chat bot d\u00e9mo - Causerie - ChatBot<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Causerie Chat bot d\u00e9mo - Causerie - ChatBot\" \/>\n<meta property=\"og:description\" content=\"D\u00e9mo Arthur AI – Assistant Intelligent Nouvelle Version 2.0 Essayez Arthur AI en direct Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s’int\u00e8gre \u00e0 vos outils. Tester la d\u00e9mo Voir les fonctionnalit\u00e9s \ud83d\udca1 Conseil : Cliquez sur la bulle en bas \u00e0 droite pour voir l’animation d’ouverture et le design \u00ab\u00a0Glow\u00a0\u00bb moderne. Interface de d\u00e9monstration (Le vrai bot est en bas \u00e0 droite) Pourquoi choisir Arthur ? \u26a1 R\u00e9ponses Instantan\u00e9es Plus d’attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision. \ud83c\udfa8 Design Moderne Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s’adapte \u00e0 votre charte graphique. \ud83d\udccb Qualification de Leads Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email. Questions Fr\u00e9quentes Comment int\u00e9grer ce bot sur mon site ? \uff0b Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML. Le design est-il personnalisable ? \uff0b Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici #05d3aa vers #05b3ff), l’avatar et les textes d’accueil. Comment fonctionne le formulaire ? \uff0b Si activ\u00e9 (data-enable-quote-form=\u00a0\u00bbtrue\u00a0\u00bb), un onglet \u00ab\u00a0Contact\u00a0\u00bb appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API \/api\/send-devis. Arthur est en ligne Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions. Ouvrir la discussion \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s’afficher.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/\" \/>\n<meta property=\"og:site_name\" content=\"Causerie - ChatBot\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T10:54:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"7678\" \/>\n\t<meta property=\"og:image:height\" content=\"2197\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/\",\"name\":\"Causerie Chat bot d\u00e9mo - Causerie - ChatBot\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\"},\"datePublished\":\"2025-11-26T10:10:36+00:00\",\"dateModified\":\"2025-11-26T10:54:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/causeriebot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Causerie Chat bot d\u00e9mo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"name\":\"Causerie - ChatBot IA\",\"description\":\"L\u2019art de la conversation intelligente\",\"publisher\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#organization\"},\"alternateName\":\"Causerie Bot\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/causeriebot.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#organization\",\"name\":\"Causerie Bot\",\"alternateName\":\"Causerie\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-Causerie-Couleurs-1.png\",\"contentUrl\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-Causerie-Couleurs-1.png\",\"width\":7680,\"height\":4320,\"caption\":\"Causerie Bot\"},\"image\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Causerie Chat bot d\u00e9mo - Causerie - ChatBot","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/","og_locale":"en_US","og_type":"article","og_title":"Causerie Chat bot d\u00e9mo - Causerie - ChatBot","og_description":"D\u00e9mo Arthur AI – Assistant Intelligent Nouvelle Version 2.0 Essayez Arthur AI en direct Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s’int\u00e8gre \u00e0 vos outils. Tester la d\u00e9mo Voir les fonctionnalit\u00e9s \ud83d\udca1 Conseil : Cliquez sur la bulle en bas \u00e0 droite pour voir l’animation d’ouverture et le design \u00ab\u00a0Glow\u00a0\u00bb moderne. Interface de d\u00e9monstration (Le vrai bot est en bas \u00e0 droite) Pourquoi choisir Arthur ? \u26a1 R\u00e9ponses Instantan\u00e9es Plus d’attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision. \ud83c\udfa8 Design Moderne Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s’adapte \u00e0 votre charte graphique. \ud83d\udccb Qualification de Leads Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email. Questions Fr\u00e9quentes Comment int\u00e9grer ce bot sur mon site ? \uff0b Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML. Le design est-il personnalisable ? \uff0b Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici #05d3aa vers #05b3ff), l’avatar et les textes d’accueil. Comment fonctionne le formulaire ? \uff0b Si activ\u00e9 (data-enable-quote-form=\u00a0\u00bbtrue\u00a0\u00bb), un onglet \u00ab\u00a0Contact\u00a0\u00bb appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API \/api\/send-devis. Arthur est en ligne Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions. Ouvrir la discussion \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s’afficher.","og_url":"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/","og_site_name":"Causerie - ChatBot","article_modified_time":"2025-11-26T10:54:16+00:00","og_image":[{"width":7678,"height":2197,"url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/","url":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/","name":"Causerie Chat bot d\u00e9mo - Causerie - ChatBot","isPartOf":{"@id":"https:\/\/causeriebot.com\/#website"},"datePublished":"2025-11-26T10:10:36+00:00","dateModified":"2025-11-26T10:54:16+00:00","breadcrumb":{"@id":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/causeriebot.com\/causerie-chat-bot-demo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/causeriebot.com\/"},{"@type":"ListItem","position":2,"name":"Causerie Chat bot d\u00e9mo"}]},{"@type":"WebSite","@id":"https:\/\/causeriebot.com\/#website","url":"https:\/\/causeriebot.com\/","name":"Causerie - ChatBot IA","description":"L\u2019art de la conversation intelligente","publisher":{"@id":"https:\/\/causeriebot.com\/#organization"},"alternateName":"Causerie Bot","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/causeriebot.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/causeriebot.com\/#organization","name":"Causerie Bot","alternateName":"Causerie","url":"https:\/\/causeriebot.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/causeriebot.com\/#\/schema\/logo\/image\/","url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/Logo-Causerie-Couleurs-1.png","contentUrl":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/Logo-Causerie-Couleurs-1.png","width":7680,"height":4320,"caption":"Causerie Bot"},"image":{"@id":"https:\/\/causeriebot.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/comments?post=7268"}],"version-history":[{"count":7,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7268\/revisions"}],"predecessor-version":[{"id":7276,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7268\/revisions\/7276"}],"wp:attachment":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/media?parent=7268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n D\u00e9mo Arthur AI - Assistant Intelligent<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"demo-page\" id=\"demo-arthur\">\r\n <style>\r\n \/* ==== THEME ARTHUR TECH ==== *\/\r\n :root {\r\n --brand-gradient: linear-gradient(135deg, #05d3aa, #05b3ff);\r\n --brand-main: #05b3ff;\r\n --brand-accent: #05d3aa;\r\n --charcoal: #111827; \/* Gris tr\u00e8s fonc\u00e9 presque noir *\/\r\n --paper: #F9FAFB; \/* Gris tr\u00e8s clair tech *\/\r\n --line: #E5E7EB; \/* Bordures subtiles *\/\r\n --shadow-glow: 0 8px 20px rgba(5, 211, 170, 0.25);\r\n }\r\n \r\n .demo-page * { box-sizing: border-box; }\r\n \r\n body { margin: 0; padding: 0; }\r\n\r\n .demo-page {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\r\n color: var(--charcoal);\r\n background: #fff;\r\n line-height: 1.6;\r\n }\r\n\r\n .demo-wrap { max-width: 1100px; margin: 0 auto; padding: 48px 20px; }\r\n\r\n \/* BADGE *\/\r\n .badge {\r\n display: inline-flex; gap: 8px; align-items: center;\r\n font-weight: 800; letter-spacing: .04em; text-transform: uppercase;\r\n font-size: 11px; background: rgba(5, 179, 255, 0.1); \r\n border: 1px solid rgba(5, 179, 255, 0.2);\r\n padding: 6px 12px; border-radius: 999px; color: var(--brand-main);\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; margin-top: 32px;\r\n }\r\n .hero h1 {\r\n font-family: 'Inter', sans-serif; font-weight: 800; font-size: 48px; \r\n line-height: 1.1; margin: 16px 0 16px; letter-spacing: -0.02em;\r\n }\r\n .hero h1 span {\r\n background: var(--brand-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n }\r\n .hero p { font-size: 18px; line-height: 1.6; color: #4B5563; margin: 0 0 24px; }\r\n\r\n \/* BUTTONS *\/\r\n .cta-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }\r\n .btn {\r\n appearance: none; border: 1px solid transparent; border-radius: 8px; cursor: pointer;\r\n font-weight: 600; letter-spacing: 0; font-size: 15px; padding: 12px 24px; transition: .2s;\r\n text-decoration: none; display: inline-block;\r\n }\r\n .btn-primary { \r\n background: var(--brand-gradient); color: #fff; \r\n box-shadow: var(--shadow-glow); border: none;\r\n }\r\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(5, 211, 170, 0.35); opacity: 1; }\r\n \r\n .btn-ghost { background: #fff; border-color: var(--line); color: var(--charcoal); }\r\n .btn-ghost:hover { border-color: var(--brand-main); color: var(--brand-main); background: #F3F4F6; }\r\n\r\n \/* HERO CARD (Mockup Chat) *\/\r\n .hero-card {\r\n background: #fff; border: 1px solid var(--line);\r\n border-radius: 16px; box-shadow: 0 20px 40px -10px rgba(0,0,0,.08);\r\n padding: 6px; overflow: hidden; position: relative;\r\n }\r\n .hero-card-inner {\r\n background: var(--paper); border-radius: 12px; height: 500px; \r\n display: flex; align-items: center; justify-content: center;\r\n flex-direction: column; border: 1px solid #F3F4F6;\r\n }\r\n \r\n \/* GRID FEATURES *\/\r\n .grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 60px 0;\r\n }\r\n .feature {\r\n background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 24px;\r\n transition: transform 0.2s;\r\n }\r\n .feature:hover { border-color: var(--brand-accent); transform: translateY(-2px); }\r\n .feature h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; }\r\n .feature p { margin: 0; color: #6B7280; line-height: 1.5; font-size: 15px; }\r\n .icon-box { \r\n width: 40px; height: 40px; background: rgba(5, 211, 170, 0.1); \r\n border-radius: 8px; display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 16px; color: var(--brand-accent); font-size: 20px;\r\n }\r\n\r\n \/* SECTION TITLE *\/\r\n .section-title {\r\n font-family: 'Inter', sans-serif; font-weight: 800; font-size: 32px; margin: 60px 0 24px; letter-spacing: -0.02em;\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq { border-top: 1px solid var(--line); margin-top: 20px; }\r\n .faq details { border-bottom: 1px solid var(--line); padding: 20px 0; }\r\n .faq summary {\r\n cursor: pointer; font-weight: 700; display: flex; justify-content: space-between; align-items: center; list-style: none;\r\n }\r\n .faq summary::-webkit-details-marker { display: none; }\r\n .faq p { margin: 12px 0 0; color: #4B5563; font-size: 15px; }\r\n \r\n \/* NOTICE & CODE *\/\r\n .notice {\r\n display: flex; gap: 12px; align-items: flex-start; background: #F0FDFA; border: 1px solid #CCFBF1;\r\n border-radius: 8px; padding: 16px; margin-top: 24px; color: #0F766E; font-size: 14px;\r\n }\r\n .kbd {\r\n font-family: 'Menlo', monospace; background: #F3F4F6; border: 1px solid #E5E7EB;\r\n padding: 2px 6px; border-radius: 4px; font-size: .85em; color: #EF4444;\r\n }\r\n\r\n \/* FOOTER CTA *\/\r\n .foot-cta {\r\n background: var(--charcoal); color: white;\r\n border-radius: 16px; padding: 32px; display: flex; justify-content: space-between; \r\n gap: 20px; align-items: center; margin-top: 60px;\r\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2);\r\n }\r\n .foot-cta p { margin: 0; font-size: 16px; font-weight: 500; }\r\n .dot {\r\n width: 10px; height: 10px; border-radius: 50%; background: #10B981; \r\n display: inline-block; margin-right: 10px; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n @media(max-width: 980px) {\r\n .hero { grid-template-columns: 1fr; }\r\n .hero-card-inner { height: 350px; }\r\n .grid { grid-template-columns: 1fr 1fr; }\r\n .foot-cta { flex-direction: column; text-align: center; }\r\n }\r\n @media(max-width: 640px) {\r\n .hero h1 { font-size: 36px; }\r\n .grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"demo-wrap\">\r\n \r\n <div class=\"badge\">Nouvelle Version 2.0<\/div>\r\n <div class=\"hero\">\r\n <div>\r\n <h1>Essayez <span>Arthur AI<\/span> en direct<\/h1>\r\n <p>Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s'int\u00e8gre \u00e0 vos outils.<\/p>\r\n <div class=\"cta-row\">\r\n \r\n <a href=\"#open-chat\" class=\"btn btn-primary\" id=\"btn-open-floating\">Tester la d\u00e9mo<\/a>\r\n <a href=\"#features\" class=\"btn btn-ghost\">Voir les fonctionnalit\u00e9s<\/a>\r\n <\/div>\r\n <div class=\"notice\">\r\n <div style=\"font-size:18px\">\ud83d\udca1<\/div>\r\n <div><strong>Advice :<\/strong> Cliquez sur la bulle en bas \u00e0 droite pour voir l'animation d'ouverture et le design \"Glow\" moderne.<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"hero-card\">\r\n <div class=\"hero-card-inner\">\r\n \r\n <svg width=\"64\" height=\"64\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"url(#paint0_linear)\"\/>\r\n <path d=\"M7 12H17M12 7V17\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <defs>\r\n <lineargradient id=\"paint0_linear\" x1=\"0\" y1=\"0\" x2=\"24\" y2=\"24\" gradientunits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#05d3aa\"\/>\r\n <stop offset=\"1\" stop-color=\"#05b3ff\"\/>\r\n <\/lineargradient>\r\n <\/defs>\r\n <\/svg>\r\n <p style=\"margin-top:16px; color:#9CA3AF; font-weight:600;\">Interface de d\u00e9monstration<\/p>\r\n <p style=\"font-size:13px; color:#D1D5DB;\">(Le vrai bot est en bas \u00e0 droite)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"section-title\" id=\"features\">Pourquoi choisir Arthur ?<\/h2>\r\n <div class=\"grid\">\r\n <div class=\"feature\">\r\n <div class=\"icon-box\">\u26a1<\/div>\r\n <h3>R\u00e9ponses Instantan\u00e9es<\/h3>\r\n <p>Plus d'attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision.<\/p>\r\n <\/div>\r\n <div class=\"feature\">\r\n <div class=\"icon-box\">\ud83c\udfa8<\/div>\r\n <h3>Design Moderne<\/h3>\r\n <p>Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s'adapte \u00e0 votre charte graphique.<\/p>\r\n <\/div>\r\n <div class=\"feature\">\r\n <div class=\"icon-box\">\ud83d\udccb<\/div>\r\n <h3>Lead Qualification<\/h3>\r\n <p>Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <div class=\"faq\">\r\n <details>\r\n <summary>Comment int\u00e9grer ce bot sur mon site ? <span>\uff0b<\/span><\/summary>\r\n <p>Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Le design est-il personnalisable ? <span>\uff0b<\/span><\/summary>\r\n <p>Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici <span class=\"kbd\">#05d3aa<\/span> vers <span class=\"kbd\">#05b3ff<\/span>), l'avatar et les textes d'accueil.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Comment fonctionne le formulaire ? <span>\uff0b<\/span><\/summary>\r\n <p>Si activ\u00e9 (<span class=\"kbd\">data-enable-quote-form=\"true\"<\/span>), un onglet \"Contact\" appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API <span class=\"kbd\">\/api\/send-devis<\/span>.<\/p>\r\n <\/details>\r\n <\/div>\r\n\r\n \r\n <div class=\"foot-cta\" id=\"open-chat\">\r\n <div>\r\n <p style=\"font-size:20px; font-weight:700; margin-bottom:4px;\">Arthur est en ligne<\/p>\r\n <p style=\"opacity:0.8; font-weight:400; font-size:15px;\"><span class=\"dot\"><\/span>Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions.<\/p>\r\n <\/div>\r\n <a class=\"btn btn-primary\" style=\"background:#fff; color:var(--charcoal); box-shadow:none;\" id=\"btn-open-floating-2\">Ouvrir la discussion<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"chat-container\"><\/div>\r\n\r\n \r\n <script\r\n src=\"chat float.js\"\r\n data-bot-id=\"demo-bot\"\r\n data-enable-quote-form=\"true\">\r\n <\/script>\r\n\r\n <script>\r\n \/* UX : Les boutons de la page ouvrent le chat flottant *\/\r\n (function(){\r\n function clickBubble(){ \r\n var b = document.querySelector('#chat-container #chat-bubble'); \r\n if(b) b.click(); \r\n }\r\n document.getElementById('btn-open-floating')?.addEventListener('click', function(e){ e.preventDefault(); clickBubble(); });\r\n document.getElementById('btn-open-floating-2')?.addEventListener('click', function(e){ e.preventDefault(); clickBubble(); });\r\n })();\r\n <\/script>\r\n\r\n <noscript>\r\n <div style=\"max-width:1100px;margin:24px auto;padding:12px;background:#FEF2F2;color:#991B1B;border-radius:8px;text-align:center;\">\r\n \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s'afficher.\r\n <\/div>\r\n <\/noscript>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49cb985 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"49cb985\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-486ce01 elementor-widget elementor-widget-html\" data-id=\"486ce01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"chat-container\"><\/div>\r\n<script \r\n src=\"https:\/\/app.causeriebot.com\/chat-float-demo.js\" \r\n data-bot-id=\"demo-bot\"\r\n data-enable-quote-form=\"true\" \r\n><\/script> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9mo Arthur AI – Assistant Intelligent Nouvelle Version 2.0 Essayez Arthur AI en direct Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s’int\u00e8gre \u00e0 vos outils. Tester la d\u00e9mo Voir les fonctionnalit\u00e9s \ud83d\udca1 Conseil : Cliquez sur la bulle en bas \u00e0 droite pour voir l’animation d’ouverture et le design \u00ab\u00a0Glow\u00a0\u00bb moderne. Interface de d\u00e9monstration (Le vrai bot est en bas \u00e0 droite) Pourquoi choisir Arthur ? \u26a1 R\u00e9ponses Instantan\u00e9es Plus d’attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision. \ud83c\udfa8 Design Moderne Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s’adapte \u00e0 votre charte graphique. \ud83d\udccb Qualification de Leads Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email. Questions Fr\u00e9quentes Comment int\u00e9grer ce bot sur mon site ? \uff0b Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML. Le design est-il personnalisable ? \uff0b Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici #05d3aa vers #05b3ff), l’avatar et les textes d’accueil. Comment fonctionne le formulaire ? \uff0b Si activ\u00e9 (data-enable-quote-form=\u00a0\u00bbtrue\u00a0\u00bb), un onglet \u00ab\u00a0Contact\u00a0\u00bb appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API \/api\/send-devis. Arthur est en ligne Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions. Ouvrir la discussion \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s’afficher.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7268","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Causerie Chat bot d\u00e9mo - Causerie - ChatBot<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Causerie Chat bot d\u00e9mo - Causerie - ChatBot\" \/>\n<meta property=\"og:description\" content=\"D\u00e9mo Arthur AI – Assistant Intelligent Nouvelle Version 2.0 Essayez Arthur AI en direct Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s’int\u00e8gre \u00e0 vos outils. Tester la d\u00e9mo Voir les fonctionnalit\u00e9s \ud83d\udca1 Conseil : Cliquez sur la bulle en bas \u00e0 droite pour voir l’animation d’ouverture et le design \u00ab\u00a0Glow\u00a0\u00bb moderne. Interface de d\u00e9monstration (Le vrai bot est en bas \u00e0 droite) Pourquoi choisir Arthur ? \u26a1 R\u00e9ponses Instantan\u00e9es Plus d’attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision. \ud83c\udfa8 Design Moderne Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s’adapte \u00e0 votre charte graphique. \ud83d\udccb Qualification de Leads Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email. Questions Fr\u00e9quentes Comment int\u00e9grer ce bot sur mon site ? \uff0b Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML. Le design est-il personnalisable ? \uff0b Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici #05d3aa vers #05b3ff), l’avatar et les textes d’accueil. Comment fonctionne le formulaire ? \uff0b Si activ\u00e9 (data-enable-quote-form=\u00a0\u00bbtrue\u00a0\u00bb), un onglet \u00ab\u00a0Contact\u00a0\u00bb appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API \/api\/send-devis. Arthur est en ligne Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions. Ouvrir la discussion \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s’afficher.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/\" \/>\n<meta property=\"og:site_name\" content=\"Causerie - ChatBot\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T10:54:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"7678\" \/>\n\t<meta property=\"og:image:height\" content=\"2197\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/\",\"name\":\"Causerie Chat bot d\u00e9mo - Causerie - ChatBot\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\"},\"datePublished\":\"2025-11-26T10:10:36+00:00\",\"dateModified\":\"2025-11-26T10:54:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/causerie-chat-bot-demo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/causeriebot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Causerie Chat bot d\u00e9mo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"name\":\"Causerie - ChatBot IA\",\"description\":\"L\u2019art de la conversation intelligente\",\"publisher\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#organization\"},\"alternateName\":\"Causerie Bot\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/causeriebot.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#organization\",\"name\":\"Causerie Bot\",\"alternateName\":\"Causerie\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-Causerie-Couleurs-1.png\",\"contentUrl\":\"https:\\\/\\\/causeriebot.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Logo-Causerie-Couleurs-1.png\",\"width\":7680,\"height\":4320,\"caption\":\"Causerie Bot\"},\"image\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Causerie Chat bot d\u00e9mo - Causerie - ChatBot","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/","og_locale":"en_US","og_type":"article","og_title":"Causerie Chat bot d\u00e9mo - Causerie - ChatBot","og_description":"D\u00e9mo Arthur AI – Assistant Intelligent Nouvelle Version 2.0 Essayez Arthur AI en direct Automatisez votre relation client avec notre agent conversationnel. Il qualifie vos leads, r\u00e9pond aux questions fr\u00e9quentes et s’int\u00e8gre \u00e0 vos outils. Tester la d\u00e9mo Voir les fonctionnalit\u00e9s \ud83d\udca1 Conseil : Cliquez sur la bulle en bas \u00e0 droite pour voir l’animation d’ouverture et le design \u00ab\u00a0Glow\u00a0\u00bb moderne. Interface de d\u00e9monstration (Le vrai bot est en bas \u00e0 droite) Pourquoi choisir Arthur ? \u26a1 R\u00e9ponses Instantan\u00e9es Plus d’attente pour vos visiteurs. Arthur r\u00e9pond 24\/7 aux questions courantes avec pr\u00e9cision. \ud83c\udfa8 Design Moderne Une interface \u00e9pur\u00e9e avec d\u00e9grad\u00e9s et animations fluides qui s’adapte \u00e0 votre charte graphique. \ud83d\udccb Qualification de Leads Capturez les informations cl\u00e9s (Email, Tel, Besoin) et envoyez-les vers votre CRM ou par email. Questions Fr\u00e9quentes Comment int\u00e9grer ce bot sur mon site ? \uff0b Il suffit de copier-coller un petit bout de code JavaScript (comme celui en bas de cette page) dans le footer de votre site WordPress, Shopify ou HTML. Le design est-il personnalisable ? \uff0b Oui. Vous pouvez modifier le d\u00e9grad\u00e9 (ici #05d3aa vers #05b3ff), l’avatar et les textes d’accueil. Comment fonctionne le formulaire ? \uff0b Si activ\u00e9 (data-enable-quote-form=\u00a0\u00bbtrue\u00a0\u00bb), un onglet \u00ab\u00a0Contact\u00a0\u00bb appara\u00eet. Les donn\u00e9es sont envoy\u00e9es \u00e0 votre API \/api\/send-devis. Arthur est en ligne Pr\u00eat \u00e0 r\u00e9pondre \u00e0 vos questions. Ouvrir la discussion \u26a0\ufe0f JavaScript est d\u00e9sactiv\u00e9 : le chatbot ne peut pas s’afficher.","og_url":"https:\/\/causeriebot.com\/en\/causerie-chat-bot-demo\/","og_site_name":"Causerie - ChatBot","article_modified_time":"2025-11-26T10:54:16+00:00","og_image":[{"width":7678,"height":2197,"url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/cropped-Logo-Causerie-Couleurs-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/","url":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/","name":"Causerie Chat bot d\u00e9mo - Causerie - ChatBot","isPartOf":{"@id":"https:\/\/causeriebot.com\/#website"},"datePublished":"2025-11-26T10:10:36+00:00","dateModified":"2025-11-26T10:54:16+00:00","breadcrumb":{"@id":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/causeriebot.com\/causerie-chat-bot-demo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/causeriebot.com\/causerie-chat-bot-demo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/causeriebot.com\/"},{"@type":"ListItem","position":2,"name":"Causerie Chat bot d\u00e9mo"}]},{"@type":"WebSite","@id":"https:\/\/causeriebot.com\/#website","url":"https:\/\/causeriebot.com\/","name":"Causerie - ChatBot IA","description":"L\u2019art de la conversation intelligente","publisher":{"@id":"https:\/\/causeriebot.com\/#organization"},"alternateName":"Causerie Bot","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/causeriebot.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/causeriebot.com\/#organization","name":"Causerie Bot","alternateName":"Causerie","url":"https:\/\/causeriebot.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/causeriebot.com\/#\/schema\/logo\/image\/","url":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/Logo-Causerie-Couleurs-1.png","contentUrl":"https:\/\/causeriebot.com\/wp-content\/uploads\/2024\/12\/Logo-Causerie-Couleurs-1.png","width":7680,"height":4320,"caption":"Causerie Bot"},"image":{"@id":"https:\/\/causeriebot.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/comments?post=7268"}],"version-history":[{"count":7,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7268\/revisions"}],"predecessor-version":[{"id":7276,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7268\/revisions\/7276"}],"wp:attachment":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/media?parent=7268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}