{"id":7593,"date":"2026-03-24T14:56:06","date_gmt":"2026-03-24T13:56:06","guid":{"rendered":"https:\/\/causeriebot.com\/?page_id=7593"},"modified":"2026-03-24T15:02:43","modified_gmt":"2026-03-24T14:02:43","slug":"docs","status":"publish","type":"page","link":"https:\/\/causeriebot.com\/en\/docs\/","title":{"rendered":"Documentation Causerie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7593\" class=\"elementor elementor-7593\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6e3706 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e6e3706\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6c58b7 elementor-widget elementor-widget-html\" data-id=\"e6c58b7\" 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<!-- =============================================\r\n  CAUSERIE \u2014 DOCUMENTATION\r\n  Page \/docs \u2014 Bloc contenu Elementor\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=Manrope:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --teal:#00C896;--teal-d:#009e72;--teal-glow:rgba(0,200,150,.1);\r\n  --navy:#0B1829;--navy2:#0f2035;\r\n  --g0:#f9fafb;--g1:#f3f4f6;--g2:#e5e7eb;--g3:#d1d5db;\r\n  --g4:#9ca3af;--g5:#6b7280;--g6:#374151;\r\n  --f:'Manrope',sans-serif;--fm:'DM Mono',monospace;\r\n  --r8:8px;--r12:12px;--r16:16px;--r20:20px;--rpill:999px;\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nbody{font-family:var(--f);-webkit-font-smoothing:antialiased}\r\n\r\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n.docs-wrap{\r\n  display:grid;\r\n  grid-template-columns:240px 1fr;\r\n  min-height:calc(100vh - 72px);\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  gap:0;\r\n}\r\n\r\n\/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\r\n.docs-sidebar{\r\n  position:sticky;top:86px;\r\n  height:calc(100vh - 110px);\r\n  overflow-y:auto;\r\n  padding:32px 0 32px;\r\n  border-right:1px solid var(--g2);\r\n  scrollbar-width:none;\r\n}\r\n.docs-sidebar::-webkit-scrollbar{display:none}\r\n.sidebar-section{margin-bottom:28px}\r\n.sidebar-section-title{\r\n  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;\r\n  color:var(--g4);padding:0 20px;margin-bottom:8px;\r\n}\r\n.sidebar-link{\r\n  display:flex;align-items:center;gap:9px;\r\n  padding:7px 20px;font-size:13.5px;font-weight:500;\r\n  color:var(--g5);text-decoration:none;border-radius:0;\r\n  transition:color .15s,background .15s;\r\n  border-left:2px solid transparent;\r\n  cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;\r\n  width:100%;text-align:left;font-family:var(--f);\r\n}\r\n.sidebar-link:hover{color:var(--navy);background:var(--g0)}\r\n.sidebar-link.active{\r\n  color:var(--teal);font-weight:600;\r\n  border-left-color:var(--teal);\r\n  background:var(--teal-glow);\r\n}\r\n.sidebar-link svg{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* \u2500\u2500 CONTENT \u2500\u2500 *\/\r\n.docs-content{\r\n  padding:40px 0 80px 56px;\r\n  max-width:780px;\r\n}\r\n\r\n\/* Hero doc *\/\r\n.doc-hero{\r\n  padding:40px 0 48px;\r\n  border-bottom:1px solid var(--g2);\r\n  margin-bottom:48px;\r\n}\r\n.doc-hero-tag{\r\n  display:inline-flex;align-items:center;gap:7px;\r\n  font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;\r\n  color:var(--teal);margin-bottom:16px;\r\n}\r\n.doc-hero-tag::before{content:'';width:16px;height:2px;background:var(--teal)}\r\n.doc-hero h1{\r\n  font-size:clamp(28px,3.5vw,42px);font-weight:700;letter-spacing:-.04em;\r\n  color:var(--navy);line-height:1.07;margin-bottom:14px;\r\n}\r\n.doc-hero p{font-size:16.5px;line-height:1.7;color:var(--g5);max-width:560px}\r\n\r\n\/* Sections *\/\r\n.doc-section{\r\n  display:none;\r\n  padding-bottom:40px;\r\n}\r\n.doc-section.active{display:block}\r\n\r\n\/* Section header *\/\r\n.doc-sec-head{\r\n  display:flex;align-items:center;gap:12px;\r\n  margin-bottom:24px;padding-bottom:20px;\r\n  border-bottom:1px solid var(--g1);\r\n}\r\n.doc-sec-ico{\r\n  width:40px;height:40px;border-radius:11px;\r\n  background:var(--teal-glow);display:flex;align-items:center;justify-content:center;\r\n  font-size:18px;flex-shrink:0;\r\n}\r\n.doc-sec-head h2{\r\n  font-size:clamp(20px,2.5vw,26px);font-weight:700;letter-spacing:-.03em;color:var(--navy);\r\n}\r\n.doc-sec-head p{font-size:13.5px;color:var(--g4);margin-top:2px}\r\n\r\n\/* Typography *\/\r\n.doc-h3{\r\n  font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:var(--navy);\r\n  margin:32px 0 10px;display:flex;align-items:center;gap:8px;\r\n}\r\n.doc-h3::before{content:'';width:3px;height:16px;background:var(--teal);border-radius:2px;flex-shrink:0}\r\n.doc-p{font-size:14.5px;line-height:1.75;color:var(--g6);margin-bottom:14px}\r\n.doc-p strong{color:var(--navy);font-weight:600}\r\n.doc-p a{color:var(--teal);text-decoration:none;font-weight:600}\r\n.doc-p a:hover{text-decoration:underline}\r\n\r\n\/* Cards grid *\/\r\n.doc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}\r\n.doc-card{\r\n  background:#fff;border:1px solid var(--g2);border-radius:var(--r16);\r\n  padding:20px;transition:all .2s;\r\n}\r\n.doc-card:hover{border-color:rgba(0,200,150,.3);box-shadow:0 6px 24px rgba(0,0,0,.06);transform:translateY(-2px)}\r\n.dc-ico{font-size:22px;margin-bottom:12px}\r\n.dc-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:5px;letter-spacing:-.01em}\r\n.dc-desc{font-size:12.5px;color:var(--g5);line-height:1.55}\r\n\r\n\/* Steps *\/\r\n.doc-steps{display:flex;flex-direction:column;gap:1px;margin:20px 0;border:1px solid var(--g2);border-radius:var(--r16);overflow:hidden}\r\n.doc-step{\r\n  display:flex;align-items:flex-start;gap:16px;\r\n  padding:20px 22px;background:#fff;transition:background .15s;\r\n}\r\n.doc-step:hover{background:var(--g0)}\r\n.doc-step-n{\r\n  width:28px;height:28px;border-radius:50%;\r\n  background:var(--navy);color:#fff;\r\n  font-size:12px;font-weight:700;\r\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;\r\n}\r\n.doc-step-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}\r\n.doc-step-desc{font-size:13px;color:var(--g5);line-height:1.6}\r\n\r\n\/* Code block *\/\r\n.doc-code{\r\n  background:var(--navy);border-radius:var(--r12);\r\n  padding:18px 20px;margin:16px 0;position:relative;\r\n  overflow:hidden;\r\n}\r\n.doc-code pre{\r\n  font-family:var(--fm);font-size:13px;color:#e2e8f0;\r\n  line-height:1.7;overflow-x:auto;\r\n  white-space:pre;\r\n}\r\n.doc-code .tc{color:var(--teal)}\r\n.doc-code .ts{color:#94a3b8}\r\n.doc-code .tv{color:#fbbf24}\r\n.doc-code-copy{\r\n  position:absolute;top:12px;right:12px;\r\n  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);\r\n  color:rgba(255,255,255,.6);font-size:11.5px;font-weight:600;\r\n  padding:4px 10px;border-radius:6px;cursor:pointer;font-family:var(--f);\r\n  transition:all .2s;\r\n}\r\n.doc-code-copy:hover{background:rgba(255,255,255,.14);color:#fff}\r\n.doc-code-copy.copied{color:var(--teal);border-color:rgba(0,200,150,.3)}\r\n.doc-code-label{\r\n  font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;\r\n  color:var(--g4);margin-bottom:8px;\r\n}\r\n\r\n\/* Table *\/\r\n.doc-table-wrap{overflow-x:auto;margin:16px 0;border-radius:var(--r12);border:1px solid var(--g2)}\r\n.doc-table{width:100%;border-collapse:collapse;font-size:13.5px}\r\n.doc-table th{\r\n  background:var(--g0);padding:11px 14px;\r\n  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;\r\n  color:var(--g5);text-align:left;border-bottom:1px solid var(--g2);\r\n}\r\n.doc-table td{\r\n  padding:11px 14px;border-bottom:1px solid var(--g1);\r\n  color:var(--g6);vertical-align:middle;\r\n}\r\n.doc-table tr:last-child td{border-bottom:none}\r\n.doc-table td strong{color:var(--navy);font-weight:600}\r\n.doc-table td .badge{\r\n  font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--rpill);\r\n  display:inline-block;\r\n}\r\n.badge-teal{background:rgba(0,200,150,.12);color:#00966e}\r\n.badge-navy{background:rgba(11,24,41,.08);color:var(--navy)}\r\n.badge-gray{background:var(--g1);color:var(--g5)}\r\n\r\n\/* Callout *\/\r\n.doc-callout{\r\n  display:flex;align-items:flex-start;gap:12px;\r\n  background:var(--teal-glow);border:1px solid rgba(0,200,150,.2);\r\n  border-radius:var(--r12);padding:16px 18px;margin:16px 0;\r\n}\r\n.doc-callout-ico{font-size:17px;flex-shrink:0;margin-top:1px}\r\n.doc-callout p{font-size:13.5px;line-height:1.65;color:var(--g6);margin:0}\r\n.doc-callout p strong{color:var(--navy)}\r\n.doc-callout.warn{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.25)}\r\n\r\n\/* List *\/\r\n.doc-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:14px 0}\r\n.doc-list li{\r\n  display:flex;align-items:flex-start;gap:10px;\r\n  font-size:14px;color:var(--g6);line-height:1.6;\r\n}\r\n.doc-list li::before{\r\n  content:'';width:6px;height:6px;border-radius:50%;\r\n  background:var(--teal);flex-shrink:0;margin-top:7px;\r\n}\r\n.doc-list li strong{color:var(--navy)}\r\n\r\n\/* Model grid *\/\r\n.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}\r\n.model-card{\r\n  background:#fff;border:1px solid var(--g2);border-radius:var(--r12);\r\n  padding:14px 16px;display:flex;align-items:flex-start;gap:12px;\r\n  transition:all .2s;\r\n}\r\n.model-card:hover{border-color:rgba(0,200,150,.25);box-shadow:0 4px 16px rgba(0,0,0,.05)}\r\n.model-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0;margin-top:5px}\r\n.model-name{font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:3px}\r\n.model-tags{display:flex;gap:5px;flex-wrap:wrap}\r\n.model-tag{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:var(--rpill);background:var(--g0);border:1px solid var(--g1);color:var(--g5)}\r\n.model-tag.fast{background:rgba(0,200,150,.08);border-color:rgba(0,200,150,.2);color:#00966e}\r\n.model-tag.power{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2);color:#6d28d9}\r\n.model-tag.wide{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2);color:#1d4ed8}\r\n\r\n\/* Plan comparison *\/\r\n.plan-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:20px 0;border:1px solid var(--g2);border-radius:var(--r16);overflow:hidden}\r\n.pc-col{border-right:1px solid var(--g2)}\r\n.pc-col:last-child{border-right:none}\r\n.pc-head{padding:18px 16px;text-align:center;background:var(--g0);border-bottom:1px solid var(--g2)}\r\n.pc-head.pro{background:var(--navy)}\r\n.pc-tier{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--g4);margin-bottom:6px}\r\n.pc-head.pro .pc-tier{color:rgba(255,255,255,.35)}\r\n.pc-price{font-size:28px;font-weight:700;letter-spacing:-.04em;color:var(--navy);line-height:1}\r\n.pc-head.pro .pc-price{color:#fff}\r\n.pc-price sub{font-size:13px;font-weight:500;vertical-align:middle}\r\n.pc-rows{}\r\n.pc-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--g1);font-size:13px}\r\n.pc-row:last-child{border-bottom:none}\r\n.pc-row-lbl{color:var(--g5);flex:1}\r\n.pc-row-val{font-weight:600;color:var(--navy);text-align:right}\r\n.pc-col.pro .pc-row-val{color:var(--teal)}\r\n.pc-ck{color:var(--teal);font-size:14px}\r\n.pc-x{color:var(--g3)}\r\n\r\n\/* Form fields *\/\r\n.fields-list{display:flex;flex-direction:column;gap:6px;margin:14px 0}\r\n.field-row{\r\n  display:flex;align-items:center;gap:10px;\r\n  background:#fff;border:1px solid var(--g2);border-radius:var(--r8);\r\n  padding:10px 14px;\r\n}\r\n.field-ico{font-size:15px;flex-shrink:0}\r\n.field-name{font-size:13.5px;font-weight:600;color:var(--navy);flex:1}\r\n.field-desc{font-size:12px;color:var(--g4)}\r\n\r\n\/* Progress bar *\/\r\n.progress-wrap{margin:16px 0}\r\n.progress-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin-bottom:6px}\r\n.progress-lbl{font-weight:600;color:var(--navy)}\r\n.progress-val{color:var(--g4)}\r\n.progress-track{height:6px;background:var(--g1);border-radius:3px;overflow:hidden}\r\n.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--teal-d))}\r\n\r\n\/* Tab nav *\/\r\n.docs-tabs-nav{\r\n  display:flex;gap:2px;padding:4px;\r\n  background:var(--g1);border-radius:var(--r12);\r\n  margin-bottom:28px;\r\n}\r\n.docs-tab-btn{\r\n  flex:1;padding:8px 12px;font-size:13px;font-weight:600;\r\n  color:var(--g5);background:none;border:none;\r\n  border-radius:9px;cursor:pointer;transition:all .2s;font-family:var(--f);\r\n  white-space:nowrap;\r\n}\r\n.docs-tab-btn:hover{color:var(--navy)}\r\n.docs-tab-btn.active{background:#fff;color:var(--navy);box-shadow:0 1px 6px rgba(0,0,0,.08)}\r\n.docs-tab-pane{display:none}\r\n.docs-tab-pane.active{display:block}\r\n\r\n\/* Quick nav *\/\r\n.quick-nav{\r\n  display:flex;align-items:center;gap:10px;\r\n  padding:14px 18px;background:var(--g0);border:1px solid var(--g2);\r\n  border-radius:var(--r12);margin-bottom:32px;font-size:13px;\r\n}\r\n.quick-nav-lbl{font-weight:600;color:var(--navy);white-space:nowrap}\r\n.quick-nav-links{display:flex;gap:6px;flex-wrap:wrap}\r\n.qnl{\r\n  padding:4px 11px;background:#fff;border:1px solid var(--g2);\r\n  border-radius:var(--rpill);font-size:12.5px;font-weight:500;color:var(--g6);\r\n  cursor:pointer;transition:all .15s;font-family:var(--f);\r\n}\r\n.qnl:hover{border-color:var(--teal);color:var(--teal)}\r\n\r\n\/* Breadcrumb *\/\r\n.doc-breadcrumb{\r\n  display:flex;align-items:center;gap:6px;\r\n  font-size:12.5px;color:var(--g4);margin-bottom:32px;\r\n}\r\n.doc-breadcrumb a{color:var(--g4);text-decoration:none;transition:color .15s}\r\n.doc-breadcrumb a:hover{color:var(--navy)}\r\n.doc-breadcrumb-sep{opacity:.5}\r\n.doc-breadcrumb-current{color:var(--navy);font-weight:600}\r\n\r\n\/* Bottom nav *\/\r\n.doc-bottom-nav{\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  margin-top:56px;padding-top:28px;border-top:1px solid var(--g2);\r\n  gap:16px;\r\n}\r\n.doc-nav-btn{\r\n  display:flex;align-items:center;gap:10px;\r\n  padding:14px 18px;background:#fff;border:1px solid var(--g2);\r\n  border-radius:var(--r12);cursor:pointer;transition:all .2s;\r\n  font-family:var(--f);text-decoration:none;flex:1;\r\n}\r\n.doc-nav-btn:hover{border-color:var(--teal);box-shadow:0 4px 16px rgba(0,0,0,.06)}\r\n.doc-nav-btn.next{justify-content:flex-end;text-align:right}\r\n.dnb-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--g4)}\r\n.dnb-title{font-size:14px;font-weight:700;color:var(--navy);margin-top:2px}\r\n.dnb-ico{flex-shrink:0;color:var(--g4)}\r\n\r\n\/* Search bar *\/\r\n.doc-search{\r\n  display:flex;align-items:center;gap:10px;\r\n  background:var(--g0);border:1px solid var(--g2);border-radius:var(--r12);\r\n  padding:11px 16px;margin-bottom:28px;transition:border-color .2s;\r\n}\r\n.doc-search:focus-within{border-color:rgba(0,200,150,.4);background:#fff}\r\n.doc-search svg{flex-shrink:0;stroke:var(--g4);width:16px;height:16px;fill:none;stroke-width:1.8;stroke-linecap:round}\r\n.doc-search input{\r\n  flex:1;background:none;border:none;outline:none;\r\n  font-size:14px;color:var(--navy);font-family:var(--f);\r\n}\r\n.doc-search input::placeholder{color:var(--g4)}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:900px){\r\n  .docs-wrap{grid-template-columns:1fr}\r\n  .docs-sidebar{\r\n    display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:400;\r\n    background:#fff;height:100vh;padding:20px 0;border-right:none;\r\n    box-shadow:0 0 0 100vw rgba(0,0,0,.3);\r\n  }\r\n  .docs-sidebar.mob-open{display:block}\r\n  .docs-content{padding:24px 0 60px}\r\n  .doc-cards{grid-template-columns:1fr 1fr}\r\n  .model-grid{grid-template-columns:1fr}\r\n  .plan-compare{grid-template-columns:1fr}\r\n  .pc-col{border-right:none;border-bottom:1px solid var(--g2)}\r\n  .pc-col:last-child{border-bottom:none}\r\n  .doc-bottom-nav{flex-direction:column}\r\n  .doc-nav-btn{width:100%}\r\n  .doc-nav-btn.next{justify-content:flex-start;text-align:left}\r\n  .docs-mob-bar{display:flex !important}\r\n}\r\n@media(max-width:540px){\r\n  .doc-cards{grid-template-columns:1fr}\r\n  .docs-tab-btn{font-size:12px;padding:7px 8px}\r\n  .doc-table{font-size:12.5px}\r\n  .doc-table th,.doc-table td{padding:9px 10px}\r\n}\r\n\r\n\/* Mobile top bar *\/\r\n.docs-mob-bar{\r\n  display:none;\r\n  align-items:center;justify-content:space-between;\r\n  padding:14px 18px;background:#fff;border-bottom:1px solid var(--g2);\r\n  margin-bottom:24px;border-radius:var(--r12);\r\n  box-shadow:var(--shadow-sm);\r\n}\r\n.docs-mob-bar-title{font-size:14px;font-weight:700;color:var(--navy)}\r\n.docs-mob-btn{\r\n  display:flex;align-items:center;gap:7px;\r\n  background:var(--g0);border:1px solid var(--g2);border-radius:var(--r8);\r\n  padding:7px 12px;font-size:13px;font-weight:600;color:var(--g6);\r\n  cursor:pointer;font-family:var(--f);\r\n}\r\n<\/style>\r\n\r\n<div class=\"docs-wrap\" id=\"docs-root\">\r\n\r\n  <!-- \u2500\u2500 SIDEBAR \u2500\u2500 -->\r\n  <aside class=\"docs-sidebar\" id=\"docs-sidebar\">\r\n\r\n    <div class=\"sidebar-section\">\r\n      <div class=\"sidebar-section-title\">D\u00e9marrage<\/div>\r\n      <button class=\"sidebar-link active\" onclick=\"showSection('quickstart')\">\r\n        <svg viewBox=\"0 0 14 14\"><path d=\"M7 1.5L12.5 7 7 12.5M1.5 7h11\"\/><\/svg>\r\n        D\u00e9marrage rapide\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('create')\">\r\n        <svg viewBox=\"0 0 14 14\"><rect x=\"2\" y=\"2\" width=\"10\" height=\"10\" rx=\"2\"\/><path d=\"M7 5v4M5 7h4\"\/><\/svg>\r\n        Cr\u00e9er un chatbot\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"sidebar-section\">\r\n      <div class=\"sidebar-section-title\">Configuration<\/div>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('instructions')\">\r\n        <svg viewBox=\"0 0 14 14\"><path d=\"M2 4h10M2 7h7M2 10h5\"\/><\/svg>\r\n        Instructions & prompt\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('models')\">\r\n        <svg viewBox=\"0 0 14 14\"><circle cx=\"7\" cy=\"7\" r=\"5.5\"\/><path d=\"M4.5 7c0-1.38 1.12-2.5 2.5-2.5S9.5 5.62 9.5 7\"\/><circle cx=\"7\" cy=\"9.5\" r=\"1.2\" fill=\"currentColor\"\/><\/svg>\r\n        Mod\u00e8les IA\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('knowledge')\">\r\n        <svg viewBox=\"0 0 14 14\"><path d=\"M2 3h10v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3z\"\/><path d=\"M2 3l5 4 5-4\"\/><\/svg>\r\n        Sources de connaissance\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('faq')\">\r\n        <svg viewBox=\"0 0 14 14\"><circle cx=\"7\" cy=\"7\" r=\"5.5\"\/><path d=\"M5.5 5.5a1.5 1.5 0 0 1 3 0c0 1-1.5 1.5-1.5 2.5\"\/><circle cx=\"7\" cy=\"10.5\" r=\".6\" fill=\"currentColor\"\/><\/svg>\r\n        FAQ int\u00e9gr\u00e9e\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('news')\">\r\n        <svg viewBox=\"0 0 14 14\"><path d=\"M2 3.5h10v7.5H2zM2 6.5h10\"\/><path d=\"M5 3.5V2M9 3.5V2\"\/><\/svg>\r\n        Actualit\u00e9s\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('contact')\">\r\n        <svg viewBox=\"0 0 14 14\"><rect x=\"1.5\" y=\"3\" width=\"11\" height=\"8\" rx=\"1.5\"\/><path d=\"M1.5 5l5.5 3.5L12.5 5\"\/><\/svg>\r\n        Formulaire de contact\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"sidebar-section\">\r\n      <div class=\"sidebar-section-title\">Widget & int\u00e9gration<\/div>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('widget')\">\r\n        <svg viewBox=\"0 0 14 14\"><rect x=\"2\" y=\"2\" width=\"4.5\" height=\"4.5\" rx=\"1\"\/><rect x=\"7.5\" y=\"2\" width=\"4.5\" height=\"4.5\" rx=\"1\"\/><rect x=\"2\" y=\"7.5\" width=\"4.5\" height=\"4.5\" rx=\"1\"\/><rect x=\"7.5\" y=\"7.5\" width=\"4.5\" height=\"4.5\" rx=\"1\"\/><\/svg>\r\n        Personnalisation widget\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('integration')\">\r\n        <svg viewBox=\"0 0 14 14\"><path d=\"M9 2h3v3M8 6l4-4M5 12H2V9M6 8l-4 4\"\/><\/svg>\r\n        Int\u00e9gration sur votre site\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"sidebar-section\">\r\n      <div class=\"sidebar-section-title\">Donn\u00e9es<\/div>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('conversations')\">\r\n        <svg viewBox=\"0 0 14 14\"><path d=\"M12 8.5c0 1.93-2.24 3.5-5 3.5-.65 0-1.28-.1-1.86-.27L2 13l.47-2.06C2.17 10.3 2 9.67 2 9c0-1.93 2.24-3.5 5-3.5S12 6.57 12 8.5z\"\/><\/svg>\r\n        Conversations & leads\r\n      <\/button>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('plans')\">\r\n        <svg viewBox=\"0 0 14 14\"><rect x=\"2\" y=\"2\" width=\"10\" height=\"10\" rx=\"2\"\/><path d=\"M5 7l2 2 3-3\"\/><\/svg>\r\n        Plans & limites\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"sidebar-section\">\r\n      <div class=\"sidebar-section-title\">Support<\/div>\r\n      <button class=\"sidebar-link\" onclick=\"showSection('support')\">\r\n        <svg viewBox=\"0 0 14 14\"><circle cx=\"7\" cy=\"7\" r=\"5.5\"\/><path d=\"M7 4v3l2 1\"\/><\/svg>\r\n        Aide & support\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/aside>\r\n\r\n  <!-- \u2500\u2500 MAIN \u2500\u2500 -->\r\n  <main class=\"docs-content\">\r\n\r\n    <!-- Mobile top bar -->\r\n    <div class=\"docs-mob-bar\" id=\"docs-mob-bar\">\r\n      <div class=\"docs-mob-bar-title\" id=\"mob-section-title\">D\u00e9marrage rapide<\/div>\r\n      <button class=\"docs-mob-btn\" onclick=\"toggleMobSidebar()\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 3.5h9M2 6.5h9M2 9.5h5\"\/><\/svg>\r\n        Menu\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Breadcrumb -->\r\n    <div class=\"doc-breadcrumb\">\r\n      <a href=\"\/\">Accueil<\/a>\r\n      <span class=\"doc-breadcrumb-sep\">\u203a<\/span>\r\n      <span class=\"doc-breadcrumb-current\" id=\"doc-breadcrumb-current\">D\u00e9marrage rapide<\/span>\r\n    <\/div>\r\n\r\n    <!-- Search -->\r\n    <div class=\"doc-search\">\r\n      <svg viewBox=\"0 0 16 16\"><circle cx=\"6.5\" cy=\"6.5\" r=\"4.5\"\/><path d=\"M10.5 10.5L14 14\"\/><\/svg>\r\n      <input type=\"text\" placeholder=\"Rechercher dans la documentation\u2026\" id=\"docs-search-input\" oninput=\"searchDocs(this.value)\">\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUICKSTART \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section active\" id=\"section-quickstart\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\ude80<\/div>\r\n        <div>\r\n          <h2>D\u00e9marrage rapide<\/h2>\r\n          <p>En ligne en moins de 10 minutes, sans comp\u00e9tence technique<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"doc-p\">Causerie vous permet de cr\u00e9er des chatbots IA personnalis\u00e9s et de les int\u00e9grer sur votre site en quelques minutes. <strong>Aucune comp\u00e9tence technique n'est requise.<\/strong><\/p>\r\n\r\n      <div class=\"doc-steps\">\r\n        <div class=\"doc-step\">\r\n          <div class=\"doc-step-n\">1<\/div>\r\n          <div>\r\n            <div class=\"doc-step-title\">Cr\u00e9ez un chatbot depuis votre dashboard<\/div>\r\n            <p class=\"doc-step-desc\">Cliquez sur \"Nouveau chatbot\", donnez-lui un nom et choisissez la langue. Le bot est imm\u00e9diatement actif.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"doc-step\">\r\n          <div class=\"doc-step-n\">2<\/div>\r\n          <div>\r\n            <div class=\"doc-step-title\">Configurez ses instructions et sa personnalit\u00e9<\/div>\r\n            <p class=\"doc-step-desc\">D\u00e9finissez son r\u00f4le, son ton, importez vos PDF et URLs. Il apprend votre business en quelques minutes.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"doc-step\">\r\n          <div class=\"doc-step-n\">3<\/div>\r\n          <div>\r\n            <div class=\"doc-step-title\">Copiez-collez le script d'int\u00e9gration<\/div>\r\n            <p class=\"doc-step-desc\">1 ligne de code avant la balise <code style=\"font-family:var(--fm);font-size:12px;background:var(--g1);padding:2px 6px;border-radius:4px;\">&lt;\/body&gt;<\/code>. Compatible avec tous les CMS.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83d\udca1<\/div>\r\n        <p><strong>Astuce :<\/strong> Commencez avec le plan gratuit pour tester. Pas de carte bancaire requise \u2014 vous avez acc\u00e8s \u00e0 1 bot, 5 conversations\/mois et tous les mod\u00e8les IA rapides.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-h3\">Ce que vous pouvez faire avec CauserieBot<\/div>\r\n      <div class=\"doc-cards\">\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\ud83e\udde0<\/div>\r\n          <div class=\"dc-title\">Base de connaissances<\/div>\r\n          <div class=\"dc-desc\">PDF, pages web, texte libre \u2014 le bot r\u00e9pond avec vos contenus<\/div>\r\n        <\/div>\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\ud83c\udfaf<\/div>\r\n          <div class=\"dc-title\">Capture de leads<\/div>\r\n          <div class=\"dc-desc\">Email, t\u00e9l\u00e9phone, formulaire personnalis\u00e9, export CSV<\/div>\r\n        <\/div>\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\u26a1<\/div>\r\n          <div class=\"dc-title\">Multi-mod\u00e8les IA<\/div>\r\n          <div class=\"dc-desc\">GPT-4o, Claude, Gemini \u2014 vous choisissez selon vos besoins<\/div>\r\n        <\/div>\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\ud83d\udcca<\/div>\r\n          <div class=\"dc-title\">Dashboard analytics<\/div>\r\n          <div class=\"dc-desc\">Conversations, leads, satisfaction en temps r\u00e9el<\/div>\r\n        <\/div>\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\ud83d\udd0c<\/div>\r\n          <div class=\"dc-title\">1 ligne de code<\/div>\r\n          <div class=\"dc-desc\">WordPress, Shopify, Webflow, HTML \u2014 partout<\/div>\r\n        <\/div>\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\ud83c\udfa8<\/div>\r\n          <div class=\"dc-title\">Widget personnalisable<\/div>\r\n          <div class=\"dc-desc\">Couleurs, avatar, position, branding<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <div><\/div>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('create')\" href=\"javascript:void(0)\">\r\n          <div>\r\n            <div class=\"dnb-label\">Suivant<\/div>\r\n            <div class=\"dnb-title\">Cr\u00e9er un chatbot<\/div>\r\n          <\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CREATE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-create\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\u2795<\/div>\r\n        <div>\r\n          <h2>Cr\u00e9er un chatbot<\/h2>\r\n          <p>Votre bot est actif en moins de 2 minutes<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"doc-p\">Depuis le dashboard, cliquez sur <strong>Nouveau chatbot<\/strong>. Donnez-lui un nom et choisissez la langue (fran\u00e7ais ou anglais). Le bot est <strong>imm\u00e9diatement actif<\/strong> et pr\u00eat \u00e0 \u00eatre configur\u00e9.<\/p>\r\n\r\n      <div class=\"doc-h3\">Ce que vous configurez \u00e0 la cr\u00e9ation<\/div>\r\n      <ul class=\"doc-list\">\r\n        <li><strong>Nom du chatbot<\/strong> \u2014 Affich\u00e9 dans le header du widget (ex. \"Assistant XYZ\")<\/li>\r\n        <li><strong>Langue<\/strong> \u2014 Fran\u00e7ais ou anglais. D\u00e9finit la langue par d\u00e9faut du bot<\/li>\r\n        <li><strong>Mod\u00e8le IA<\/strong> \u2014 Choisissez selon vos besoins (modifiable \u00e0 tout moment)<\/li>\r\n        <li><strong>Statut actif\/inactif<\/strong> \u2014 D\u00e9sactivez pour stopper les nouvelles conversations sans supprimer le bot<\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\u2139\ufe0f<\/div>\r\n        <p>Le nombre de bots disponibles d\u00e9pend de votre plan : <strong>1 bot<\/strong> en gratuit, <strong>3 bots<\/strong> en Pro, <strong>15 bots<\/strong> en Business.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-h3\">Acc\u00e9der \u00e0 vos bots<\/div>\r\n      <p class=\"doc-p\">Depuis la section <strong>Chatbots<\/strong> de votre dashboard, vous retrouvez tous vos bots actifs avec leurs statistiques (conversations du mois, leads g\u00e9n\u00e9r\u00e9s, temps de r\u00e9ponse moyen).<\/p>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('quickstart')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">D\u00e9marrage rapide<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('instructions')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Instructions & prompt<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INSTRUCTIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-instructions\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\udcdd<\/div>\r\n        <div>\r\n          <h2>Instructions & prompt syst\u00e8me<\/h2>\r\n          <p>D\u00e9finissez la personnalit\u00e9 et le comportement de votre bot<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"doc-p\">Les instructions d\u00e9finissent le comportement et la personnalit\u00e9 de votre bot. Soyez pr\u00e9cis : indiquez son r\u00f4le, le ton \u00e0 adopter, les sujets qu'il doit traiter, et ceux qu'il doit \u00e9viter.<\/p>\r\n\r\n      <div class=\"doc-h3\">Exemple de prompt syst\u00e8me<\/div>\r\n      <div class=\"doc-code\">\r\n        <div class=\"doc-code-label\">Prompt syst\u00e8me<\/div>\r\n        <button class=\"doc-code-copy\" onclick=\"copyCode(this)\">Copier<\/button>\r\n        <pre><span class=\"tc\">\"<\/span>Tu es l'assistant virtuel de la boutique XYZ.\r\nTu aides les clients \u00e0 trouver des produits,\r\nr\u00e9pondre aux questions sur les d\u00e9lais de livraison\r\net le retour des commandes.\r\nSois toujours poli et concis.<span class=\"tc\">\"<\/span><\/pre>\r\n      <\/div>\r\n\r\n      <div class=\"doc-h3\">Message d'accueil<\/div>\r\n      <p class=\"doc-p\">C'est le premier message que voit le visiteur \u00e0 l'ouverture du widget. Il appara\u00eet \u00e9galement dans la <strong>bulle avant l'ouverture<\/strong> pour inciter au clic.<\/p>\r\n\r\n      <div class=\"doc-h3\">Limites de contenu<\/div>\r\n      <p class=\"doc-p\">Le volume total <strong>(instructions + PDFs + pages web)<\/strong> est limit\u00e9 selon votre plan :<\/p>\r\n      <div class=\"progress-wrap\">\r\n        <div class=\"progress-row\"><span class=\"progress-lbl\">Gratuit<\/span><span class=\"progress-val\">20 000 car.<\/span><\/div>\r\n        <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:20%\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"progress-wrap\">\r\n        <div class=\"progress-row\"><span class=\"progress-lbl\">Pro<\/span><span class=\"progress-val\">50 000 car.<\/span><\/div>\r\n        <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:50%\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"progress-wrap\">\r\n        <div class=\"progress-row\"><span class=\"progress-lbl\">Business<\/span><span class=\"progress-val\">100 000 car.<\/span><\/div>\r\n        <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:100%\"><\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83d\udca1<\/div>\r\n        <p><strong>Conseil :<\/strong> Un prompt pr\u00e9cis et court est souvent plus efficace qu'un prompt long et vague. Commencez par 200-400 caract\u00e8res et affinez selon les conversations.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('create')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Cr\u00e9er un chatbot<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('models')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Mod\u00e8les IA<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODELS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-models\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\u26a1<\/div>\r\n        <div>\r\n          <h2>Mod\u00e8les IA<\/h2>\r\n          <p>GPT-4o, Claude, Gemini \u2014 choisissez selon vos besoins<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"doc-p\">Choisissez le mod\u00e8le IA selon vos besoins. Les mod\u00e8les disponibles varient selon votre plan \u2014 le choix libre est disponible \u00e0 partir du plan <strong>Pro<\/strong>.<\/p>\r\n\r\n      <div class=\"doc-h3\">Mod\u00e8les disponibles<\/div>\r\n      <div class=\"model-grid\">\r\n        <div class=\"model-card\">\r\n          <div class=\"model-dot\"><\/div>\r\n          <div>\r\n            <div class=\"model-name\">GPT-4o Mini<\/div>\r\n            <div class=\"model-tags\"><span class=\"model-tag fast\">Rapide<\/span><span class=\"model-tag\">\u00c9conomique<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"model-card\">\r\n          <div class=\"model-dot\"><\/div>\r\n          <div>\r\n            <div class=\"model-name\">GPT-4o<\/div>\r\n            <div class=\"model-tags\"><span class=\"model-tag power\">Puissant<\/span><span class=\"model-tag\">Pr\u00e9cis<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"model-card\">\r\n          <div class=\"model-dot\"><\/div>\r\n          <div>\r\n            <div class=\"model-name\">Claude Haiku 4.5<\/div>\r\n            <div class=\"model-tags\"><span class=\"model-tag fast\">Rapide<\/span><span class=\"model-tag wide\">Contexte large<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"model-card\">\r\n          <div class=\"model-dot\"><\/div>\r\n          <div>\r\n            <div class=\"model-name\">Claude Sonnet 4.5<\/div>\r\n            <div class=\"model-tags\"><span class=\"model-tag power\">Tr\u00e8s puissant<\/span><span class=\"model-tag\">Nuanc\u00e9<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"model-card\">\r\n          <div class=\"model-dot\"><\/div>\r\n          <div>\r\n            <div class=\"model-name\">Gemini 2.5 Flash<\/div>\r\n            <div class=\"model-tags\"><span class=\"model-tag fast\">Ultra-rapide<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"model-card\">\r\n          <div class=\"model-dot\"><\/div>\r\n          <div>\r\n            <div class=\"model-name\">Gemini 2.5 Pro<\/div>\r\n            <div class=\"model-tags\"><span class=\"model-tag power\">Performant<\/span><span class=\"model-tag wide\">Long contexte<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"doc-callout warn\">\r\n        <div class=\"doc-callout-ico\">\u26a0\ufe0f<\/div>\r\n        <p>Le plan <strong>Gratuit<\/strong> donne acc\u00e8s aux mod\u00e8les rapides uniquement (GPT-4o Mini, Gemini Flash). Les mod\u00e8les puissants (GPT-4o, Claude Sonnet, Gemini Pro) sont disponibles \u00e0 partir du plan Pro.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('instructions')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Instructions & prompt<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('knowledge')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Sources de connaissance<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 KNOWLEDGE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-knowledge\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83e\udde0<\/div>\r\n        <div>\r\n          <h2>Sources de connaissance<\/h2>\r\n          <p>PDF, pages web \u2014 le bot r\u00e9pond avec vos contenus<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"doc-p\">Enrichissez votre bot avec vos propres contenus. Plus la base de connaissances est pr\u00e9cise, plus les r\u00e9ponses sont pertinentes.<\/p>\r\n\r\n      <div class=\"doc-h3\">Import PDF<\/div>\r\n      <p class=\"doc-p\">Importez vos documents (catalogues, CGV, manuels, FAQ internes). Le texte est <strong>extrait et int\u00e9gr\u00e9 automatiquement<\/strong>.<\/p>\r\n      <ul class=\"doc-list\">\r\n        <li>Formats accept\u00e9s : PDF texte uniquement (pas les PDFs scann\u00e9s)<\/li>\r\n        <li>Taille maximale : <strong>10 Mo par fichier<\/strong><\/li>\r\n        <li>Le texte extrait est modifiable directement dans l'interface<\/li>\r\n        <li>Limite selon votre plan : 1 PDF (Gratuit) \u00b7 20 PDFs (Pro) \u00b7 Illimit\u00e9 (Business)<\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"doc-h3\">Import URL<\/div>\r\n      <p class=\"doc-p\">Entrez l'adresse d'une page web pour que le bot en apprenne le contenu. Id\u00e9al pour les <strong>pages produit, articles de blog ou pages de services<\/strong>.<\/p>\r\n\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83d\udca1<\/div>\r\n        <p><strong>Conseil :<\/strong> Scrapez vos pages les plus visit\u00e9es en priorit\u00e9 \u2014 page d'accueil, page services, page tarifs, FAQ. Ces pages couvrent 80% des questions de vos visiteurs.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-callout warn\">\r\n        <div class=\"doc-callout-ico\">\u26a0\ufe0f<\/div>\r\n        <p>Le volume total de contenu import\u00e9 <strong>(instructions + PDFs + URLs)<\/strong> est limit\u00e9 selon votre plan. Consultez la section Plans pour les d\u00e9tails.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('models')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Mod\u00e8les IA<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('faq')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">FAQ int\u00e9gr\u00e9e<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-faq\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\u2753<\/div>\r\n        <div>\r\n          <h2>FAQ int\u00e9gr\u00e9e<\/h2>\r\n          <p>Questions-r\u00e9ponses pr\u00e9d\u00e9finies dans le widget<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"doc-p\">L'onglet FAQ vous permet d'ajouter des <strong>questions-r\u00e9ponses pr\u00e9d\u00e9finies<\/strong> qui apparaissent dans le widget sous forme de suggestions cliquables. Activez ou d\u00e9sactivez la FAQ \u00e0 tout moment sans perdre vos entr\u00e9es.<\/p>\r\n      <div class=\"doc-h3\">Comment \u00e7a fonctionne<\/div>\r\n      <ul class=\"doc-list\">\r\n        <li>Chaque entr\u00e9e est compos\u00e9e d'une question et d'une r\u00e9ponse<\/li>\r\n        <li>Les questions s'affichent sous forme de <strong>boutons cliquables<\/strong> dans l'onglet \"Informations\" du widget<\/li>\r\n        <li>Le visiteur clique \u2014 la r\u00e9ponse s'affiche instantan\u00e9ment, sans passer par l'IA<\/li>\r\n        <li>Id\u00e9al pour les questions tr\u00e8s fr\u00e9quentes : horaires, tarifs, retours, politique de livraison<\/li>\r\n      <\/ul>\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83d\udca1<\/div>\r\n        <p><strong>Bonne pratique :<\/strong> Utilisez la FAQ pour les r\u00e9ponses fixes et courtes. Laissez l'IA g\u00e9rer les questions nuanc\u00e9es qui n\u00e9cessitent du contexte.<\/p>\r\n      <\/div>\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('knowledge')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Sources de connaissance<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('news')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Actualit\u00e9s<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NEWS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-news\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\udce2<\/div>\r\n        <div>\r\n          <h2>Actualit\u00e9s<\/h2>\r\n          <p>Annonces, promotions et nouveaut\u00e9s dans le widget<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"doc-p\">L'onglet Actualit\u00e9s affiche un <strong>fil d'informations<\/strong> dans le widget (promotions, nouveaut\u00e9s, annonces). Chaque entr\u00e9e comprend un titre, une description courte et un lien optionnel.<\/p>\r\n      <div class=\"doc-h3\">Structure d'une actualit\u00e9<\/div>\r\n      <ul class=\"doc-list\">\r\n        <li><strong>Titre<\/strong> \u2014 Court et accrocheur (ex. \"Soldes : -20% ce weekend\")<\/li>\r\n        <li><strong>Description<\/strong> \u2014 Quelques lignes de contexte<\/li>\r\n        <li><strong>Lien optionnel<\/strong> \u2014 Vers une page produit, un article de blog, une offre<\/li>\r\n      <\/ul>\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83d\udca1<\/div>\r\n        <p>Les actualit\u00e9s s'affichent dans l'onglet <strong>\"Actualit\u00e9s\"<\/strong> de la navigation du widget. Activez ou d\u00e9sactivez l'onglet \u00e0 tout moment depuis la configuration.<\/p>\r\n      <\/div>\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('faq')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">FAQ int\u00e9gr\u00e9e<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('contact')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Formulaire de contact<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-contact\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\u2709\ufe0f<\/div>\r\n        <div>\r\n          <h2>Formulaire de contact<\/h2>\r\n          <p>Collectez les coordonn\u00e9es directement dans le widget<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"doc-p\">Activez un formulaire de contact directement dans le widget. Les visiteurs remplissent les champs que vous d\u00e9finissez et vous recevez les soumissions <strong>par email \u00e0 l'adresse de votre choix<\/strong>.<\/p>\r\n      <div class=\"doc-h3\">Types de champs disponibles<\/div>\r\n      <div class=\"fields-list\">\r\n        <div class=\"field-row\"><div class=\"field-ico\">\ud83d\udd24<\/div><div class=\"field-name\">Texte court<\/div><div class=\"field-desc\">Nom, pr\u00e9nom, entreprise<\/div><\/div>\r\n        <div class=\"field-row\"><div class=\"field-ico\">\u2709\ufe0f<\/div><div class=\"field-name\">Email<\/div><div class=\"field-desc\">Avec validation de format<\/div><\/div>\r\n        <div class=\"field-row\"><div class=\"field-ico\">\ud83d\udcde<\/div><div class=\"field-name\">T\u00e9l\u00e9phone<\/div><div class=\"field-desc\">Num\u00e9ro de t\u00e9l\u00e9phone<\/div><\/div>\r\n        <div class=\"field-row\"><div class=\"field-ico\">\ud83d\udcac<\/div><div class=\"field-name\">Message long<\/div><div class=\"field-desc\">Zone de texte multi-lignes<\/div><\/div>\r\n        <div class=\"field-row\"><div class=\"field-ico\">\u25be<\/div><div class=\"field-name\">Liste d\u00e9roulante<\/div><div class=\"field-desc\">Choix parmi des options pr\u00e9d\u00e9finies<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"doc-h3\">Configuration<\/div>\r\n      <ul class=\"doc-list\">\r\n        <li>Ajoutez, r\u00e9organisez et nommez librement vos champs<\/li>\r\n        <li>D\u00e9finissez un email de destination pour recevoir les soumissions<\/li>\r\n        <li>Si aucun email n'est renseign\u00e9, les soumissions sont enregistr\u00e9es <strong>uniquement dans Leads<\/strong><\/li>\r\n        <li>Les soumissions apparaissent automatiquement dans la section Leads de votre dashboard<\/li>\r\n      <\/ul>\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('news')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Actualit\u00e9s<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('widget')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Personnalisation widget<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WIDGET \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-widget\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83c\udfa8<\/div>\r\n        <div>\r\n          <h2>Personnalisation widget<\/h2>\r\n          <p>Adaptez l'apparence \u00e0 votre identit\u00e9 visuelle<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"doc-p\">Dans l'onglet <strong>Widget<\/strong> de la configuration, personnalisez l'apparence de la bulle flottante et du chat.<\/p>\r\n      <div class=\"doc-h3\">Options de personnalisation<\/div>\r\n      <div class=\"doc-table-wrap\">\r\n        <table class=\"doc-table\">\r\n          <thead><tr><th>Option<\/th><th>Description<\/th><th>Plan<\/th><\/tr><\/thead>\r\n          <tbody>\r\n            <tr><td><strong>Couleur principale<\/strong><\/td><td>Couleur de la bulle et des accents \u2014 correspond \u00e0 votre charte graphique<\/td><td><span class=\"badge badge-gray\">Tous<\/span><\/td><\/tr>\r\n            <tr><td><strong>Position<\/strong><\/td><td>Droite ou gauche de l'\u00e9cran<\/td><td><span class=\"badge badge-gray\">Tous<\/span><\/td><\/tr>\r\n            <tr><td><strong>Avatar<\/strong><\/td><td>Image ou initiales affich\u00e9es dans le header du chat<\/td><td><span class=\"badge badge-gray\">Tous<\/span><\/td><\/tr>\r\n            <tr><td><strong>Ic\u00f4ne de la bulle<\/strong><\/td><td>Ic\u00f4ne Causerie, bulle classique, ou image personnalis\u00e9e<\/td><td><span class=\"badge badge-gray\">Tous<\/span><\/td><\/tr>\r\n            <tr><td><strong>Message d'accueil<\/strong><\/td><td>Premier message affich\u00e9 \u00e0 l'ouverture<\/td><td><span class=\"badge badge-gray\">Tous<\/span><\/td><\/tr>\r\n            <tr><td><strong>Message bulle<\/strong><\/td><td>Texte affich\u00e9 dans la bulle avant l'ouverture<\/td><td><span class=\"badge badge-gray\">Tous<\/span><\/td><\/tr>\r\n            <tr><td><strong>Retirer le branding<\/strong><\/td><td>Masquer \"Propuls\u00e9 par Causerie\"<\/td><td><span class=\"badge badge-teal\">Pro +<\/span><\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('contact')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Formulaire de contact<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('integration')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Int\u00e9gration sur votre site<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTEGRATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-integration\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\udd0c<\/div>\r\n        <div>\r\n          <h2>Int\u00e9gration sur votre site<\/h2>\r\n          <p>1 ligne de code \u2014 compatible avec tous les CMS<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"doc-p\">Copiez le script g\u00e9n\u00e9r\u00e9 dans l'onglet <strong>Widget Embed<\/strong> et collez-le <strong>avant la balise <code style=\"font-family:var(--fm);font-size:12.5px;background:var(--g1);padding:2px 6px;border-radius:4px;\">&lt;\/body&gt;<\/code><\/strong> de votre site.<\/p>\r\n      <div class=\"doc-h3\">Script d'int\u00e9gration<\/div>\r\n      <div class=\"doc-code\">\r\n        <div class=\"doc-code-label\">HTML<\/div>\r\n        <button class=\"doc-code-copy\" onclick=\"copyCode(this)\">Copier<\/button>\r\n        <pre><span class=\"ts\">&lt;!-- Avant &lt;\/body&gt; --&gt;<\/span>\r\n<span class=\"tc\">&lt;script<\/span> <span class=\"tv\">src<\/span>=<span class=\"tc\">\"https:\/\/dashboard.causeriebot.com\/api\/widget\/<\/span><span class=\"tv\">VOTRE_BOT_ID<\/span><span class=\"tc\">\"<\/span> <span class=\"tv\">defer<\/span><span class=\"tc\">&gt;&lt;\/script&gt;<\/span><\/pre>\r\n      <\/div>\r\n      <div class=\"doc-h3\">CMS compatibles<\/div>\r\n      <div class=\"doc-cards\" style=\"grid-template-columns:repeat(3,1fr)\">\r\n        <div class=\"doc-card\"><div class=\"dc-ico\">\ud83c\udf10<\/div><div class=\"dc-title\">WordPress<\/div><div class=\"dc-desc\">Via th\u00e8me ou plugin HTML<\/div><\/div>\r\n        <div class=\"doc-card\"><div class=\"dc-ico\">\ud83d\udecd<\/div><div class=\"dc-title\">Shopify<\/div><div class=\"dc-desc\">Th\u00e8me > Edit code > theme.liquid<\/div><\/div>\r\n        <div class=\"doc-card\"><div class=\"dc-ico\">\u25b2<\/div><div class=\"dc-title\">Webflow<\/div><div class=\"dc-desc\">Page settings > Custom code<\/div><\/div>\r\n        <div class=\"doc-card\"><div class=\"dc-ico\">\u25fc<\/div><div class=\"dc-title\">Wix<\/div><div class=\"dc-desc\">Velo > Custom elements<\/div><\/div>\r\n        <div class=\"doc-card\"><div class=\"dc-ico\">\u26a1<\/div><div class=\"dc-title\">Next.js<\/div><div class=\"dc-desc\">_document.tsx ou layout.tsx<\/div><\/div>\r\n        <div class=\"doc-card\"><div class=\"dc-ico\">\ud83d\udcc4<\/div><div class=\"dc-title\">HTML classique<\/div><div class=\"dc-desc\">Avant &lt;\/body&gt; dans votre fichier<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83d\udca1<\/div>\r\n        <p>Votre <strong>Bot ID<\/strong> est disponible dans l'onglet \"Widget Embed\" de la configuration de chaque bot. Il est unique par bot.<\/p>\r\n      <\/div>\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('widget')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Personnalisation widget<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('conversations')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Conversations & leads<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONVERSATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-conversations\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\udcac<\/div>\r\n        <div>\r\n          <h2>Conversations & leads<\/h2>\r\n          <p>Suivez et exportez vos donn\u00e9es visiteurs<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"docs-tabs-nav\">\r\n        <button class=\"docs-tab-btn active\" onclick=\"switchTab(this,'tab-conv')\">Conversations<\/button>\r\n        <button class=\"docs-tab-btn\" onclick=\"switchTab(this,'tab-leads')\">Leads<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-tab-pane active\" id=\"tab-conv\">\r\n        <p class=\"doc-p\">Toutes les conversations de vos visiteurs sont accessibles dans l'onglet <strong>Conversations<\/strong>. Filtrez par statut et consultez l'historique complet.<\/p>\r\n        <div class=\"doc-h3\">Statuts de conversation<\/div>\r\n        <ul class=\"doc-list\">\r\n          <li><strong>Active<\/strong> \u2014 Le visiteur est en train d'utiliser le chat<\/li>\r\n          <li><strong>Termin\u00e9e<\/strong> \u2014 La session est ferm\u00e9e<\/li>\r\n          <li><strong>Lead<\/strong> \u2014 Le visiteur a laiss\u00e9 ses coordonn\u00e9es<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"docs-tab-pane\" id=\"tab-leads\">\r\n        <p class=\"doc-p\">Lorsqu'un visiteur soumet le formulaire de contact ou que le bot identifie ses coordonn\u00e9es, la fiche est enregistr\u00e9e dans <strong>Leads<\/strong> avec un score de qualification automatique.<\/p>\r\n        <div class=\"doc-h3\">Export CSV<\/div>\r\n        <p class=\"doc-p\">Les plans <strong>Pro et Business<\/strong> permettent l'export CSV de tous vos leads pour les importer dans votre CRM.<\/p>\r\n        <div class=\"doc-callout\">\r\n          <div class=\"doc-callout-ico\">\u2139\ufe0f<\/div>\r\n          <p>Les compteurs de conversations et de leads se <strong>r\u00e9initialisent automatiquement<\/strong> chaque mois \u00e0 la date anniversaire de votre abonnement.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('integration')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Int\u00e9gration sur votre site<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('plans')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Plans & limites<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PLANS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-plans\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\udcb0<\/div>\r\n        <div>\r\n          <h2>Plans & limites<\/h2>\r\n          <p>Gratuit, Pro, Business \u2014 tout ce qu'il faut savoir<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"plan-compare\">\r\n        <div class=\"pc-col\">\r\n          <div class=\"pc-head\"><div class=\"pc-tier\">Gratuit<\/div><div class=\"pc-price\">0<sub>\u20ac<\/sub><\/div><\/div>\r\n          <div class=\"pc-rows\">\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Chatbots<\/span><span class=\"pc-row-val\">1<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Conversations\/mois<\/span><span class=\"pc-row-val\">5<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Leads<\/span><span class=\"pc-row-val\">2<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">PDFs<\/span><span class=\"pc-row-val\">1<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Volume contenu<\/span><span class=\"pc-row-val\">20k car.<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Choix mod\u00e8le IA<\/span><span class=\"pc-x\">\u2014<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Export CSV<\/span><span class=\"pc-x\">\u2014<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Retirer branding<\/span><span class=\"pc-x\">\u2014<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Analytics avanc\u00e9s<\/span><span class=\"pc-x\">\u2014<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pc-col pro\">\r\n          <div class=\"pc-head pro\"><div class=\"pc-tier\">Pro<\/div><div class=\"pc-price\">49<sub>\u20ac<\/sub><\/div><\/div>\r\n          <div class=\"pc-rows\">\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Chatbots<\/span><span class=\"pc-row-val\">3<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Conversations\/mois<\/span><span class=\"pc-row-val\">2 000<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Leads<\/span><span class=\"pc-row-val\">Illimit\u00e9<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">PDFs<\/span><span class=\"pc-row-val\">20<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Volume contenu<\/span><span class=\"pc-row-val\">50k car.<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Choix mod\u00e8le IA<\/span><span class=\"pc-ck\">\u2713<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Export CSV<\/span><span class=\"pc-ck\">\u2713<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Retirer branding<\/span><span class=\"pc-ck\">\u2713<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\" style=\"color:rgba(255,255,255,.55)\">Analytics avanc\u00e9s<\/span><span class=\"pc-x\" style=\"color:rgba(255,255,255,.2)\">\u2014<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pc-col\">\r\n          <div class=\"pc-head\"><div class=\"pc-tier\">Business<\/div><div class=\"pc-price\">99<sub>\u20ac<\/sub><\/div><\/div>\r\n          <div class=\"pc-rows\">\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Chatbots<\/span><span class=\"pc-row-val\">15<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Conversations\/mois<\/span><span class=\"pc-row-val\">10 000<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Leads<\/span><span class=\"pc-row-val\">Illimit\u00e9<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">PDFs<\/span><span class=\"pc-row-val\">Illimit\u00e9<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Volume contenu<\/span><span class=\"pc-row-val\">100k car.<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Choix mod\u00e8le IA<\/span><span class=\"pc-ck\" style=\"color:var(--teal)\">\u2713<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Export CSV<\/span><span class=\"pc-ck\" style=\"color:var(--teal)\">\u2713<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Retirer branding<\/span><span class=\"pc-ck\" style=\"color:var(--teal)\">\u2713<\/span><\/div>\r\n            <div class=\"pc-row\"><span class=\"pc-row-lbl\">Analytics avanc\u00e9s<\/span><span class=\"pc-ck\" style=\"color:var(--teal)\">\u2713<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\ud83c\udf81<\/div>\r\n        <p>Les plans <strong>Pro et Business<\/strong> incluent un essai gratuit de <strong>14 jours<\/strong>, sans carte requise.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"doc-bottom-nav\">\r\n        <a class=\"doc-nav-btn\" onclick=\"showSection('conversations')\" href=\"javascript:void(0)\">\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 8H3M7 4L3 8l4 4\"\/><\/svg><\/div>\r\n          <div><div class=\"dnb-label\">Pr\u00e9c\u00e9dent<\/div><div class=\"dnb-title\">Conversations & leads<\/div><\/div>\r\n        <\/a>\r\n        <a class=\"doc-nav-btn next\" onclick=\"showSection('support')\" href=\"javascript:void(0)\">\r\n          <div><div class=\"dnb-label\">Suivant<\/div><div class=\"dnb-title\">Aide & support<\/div><\/div>\r\n          <div class=\"dnb-ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8h10M9 4l4 4-4 4\"\/><\/svg><\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUPPORT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"doc-section\" id=\"section-support\">\r\n      <div class=\"doc-sec-head\">\r\n        <div class=\"doc-sec-ico\">\ud83d\udedf<\/div>\r\n        <div>\r\n          <h2>Aide & support<\/h2>\r\n          <p>Notre \u00e9quipe r\u00e9pond sous 24h ouvr\u00e9es<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"doc-p\">Vous avez une question ou un probl\u00e8me ? Contactez-nous depuis la section <strong>Aide & Support<\/strong> de votre dashboard.<\/p>\r\n      <div class=\"doc-cards\" style=\"grid-template-columns:1fr 1fr\">\r\n        <div class=\"doc-card\" style=\"cursor:pointer\" onclick=\"openCauserieBot&&openCauserieBot()\">\r\n          <div class=\"dc-ico\">\ud83d\udcac<\/div>\r\n          <div class=\"dc-title\">Chat en direct<\/div>\r\n          <div class=\"dc-desc\">Testez le bot sur cette page ou contactez-nous via le chat<\/div>\r\n        <\/div>\r\n        <div class=\"doc-card\">\r\n          <div class=\"dc-ico\">\ud83d\udce7<\/div>\r\n          <div class=\"dc-title\">Email support<\/div>\r\n          <div class=\"dc-desc\">Depuis la section Support de votre dashboard \u2014 r\u00e9ponse sous 24h ouvr\u00e9es<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"doc-callout\">\r\n        <div class=\"doc-callout-ico\">\u23f1\ufe0f<\/div>\r\n        <p>Notre \u00e9quipe r\u00e9pond sous <strong>24h ouvr\u00e9es<\/strong>. Les utilisateurs Pro et Business b\u00e9n\u00e9ficient d'un support prioritaire.<\/p>\r\n      <\/div>\r\n      <div style=\"margin-top:40px;text-align:center\">\r\n        <a href=\"https:\/\/dashboard.causeriebot.com\/\" style=\"font-family:var(--f);font-size:15px;font-weight:700;color:var(--navy);background:var(--teal);padding:13px 26px;border-radius:12px;display:inline-flex;align-items:center;gap:9px;transition:all .22s;box-shadow:0 4px 22px rgba(0,200,150,.28);text-decoration:none\">\r\n          Acc\u00e9der au dashboard\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3.5L11.5 7 8 10.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/main>\r\n<\/div>\r\n\r\n<script>\r\nconst sections = {\r\n  'quickstart':'D\u00e9marrage rapide','create':'Cr\u00e9er un chatbot',\r\n  'instructions':'Instructions & prompt','models':'Mod\u00e8les IA',\r\n  'knowledge':'Sources de connaissance','faq':'FAQ int\u00e9gr\u00e9e',\r\n  'news':'Actualit\u00e9s','contact':'Formulaire de contact',\r\n  'widget':'Personnalisation widget','integration':'Int\u00e9gration sur votre site',\r\n  'conversations':'Conversations & leads','plans':'Plans & limites',\r\n  'support':'Aide & support'\r\n};\r\n\r\nfunction showSection(id){\r\n  document.querySelectorAll('.doc-section').forEach(s=>s.classList.remove('active'));\r\n  document.querySelectorAll('.sidebar-link').forEach(l=>l.classList.remove('active'));\r\n  var sec = document.getElementById('section-'+id);\r\n  if(sec) sec.classList.add('active');\r\n  var btns = document.querySelectorAll('.sidebar-link');\r\n  btns.forEach(function(btn){\r\n    if(btn.getAttribute('onclick') && btn.getAttribute('onclick').includes(\"'\"+id+\"'\")){\r\n      btn.classList.add('active');\r\n    }\r\n  });\r\n  var lbl = sections[id] || '';\r\n  var bc = document.getElementById('doc-breadcrumb-current');\r\n  var mob = document.getElementById('mob-section-title');\r\n  if(bc) bc.textContent = lbl;\r\n  if(mob) mob.textContent = lbl;\r\n  window.scrollTo({top:0,behavior:'smooth'});\r\n  closeMobSidebar();\r\n}\r\n\r\nfunction switchTab(btn, tabId){\r\n  var wrap = btn.closest('.doc-section');\r\n  wrap.querySelectorAll('.docs-tab-btn').forEach(b=>b.classList.remove('active'));\r\n  wrap.querySelectorAll('.docs-tab-pane').forEach(p=>p.classList.remove('active'));\r\n  btn.classList.add('active');\r\n  var pane = document.getElementById(tabId);\r\n  if(pane) pane.classList.add('active');\r\n}\r\n\r\nfunction copyCode(btn){\r\n  var code = btn.parentElement.querySelector('pre');\r\n  if(!code) return;\r\n  navigator.clipboard.writeText(code.textContent.trim()).then(function(){\r\n    btn.textContent = '\u2713 Copi\u00e9';\r\n    btn.classList.add('copied');\r\n    setTimeout(function(){ btn.textContent='Copier'; btn.classList.remove('copied'); }, 2000);\r\n  });\r\n}\r\n\r\nfunction toggleMobSidebar(){\r\n  document.getElementById('docs-sidebar').classList.toggle('mob-open');\r\n}\r\nfunction closeMobSidebar(){\r\n  document.getElementById('docs-sidebar').classList.remove('mob-open');\r\n}\r\n\r\nfunction searchDocs(q){\r\n  if(!q.trim()){ return; }\r\n  q = q.toLowerCase();\r\n  var map = {\r\n    'pdf':'knowledge','url':'knowledge','scraping':'knowledge',\r\n    'mod\u00e8le':'models','model':'models','gpt':'models','claude':'models','gemini':'models',\r\n    'prompt':'instructions','instruction':'instructions',\r\n    'widget':'widget','couleur':'widget','avatar':'widget',\r\n    'int\u00e9gration':'integration','script':'integration','wordpress':'integration','shopify':'integration',\r\n    'lead':'conversations','export':'conversations','csv':'conversations',\r\n    'plan':'plans','prix':'plans','tarif':'plans','gratuit':'plans','pro':'plans','business':'plans',\r\n    'faq':'faq','question':'faq',\r\n    'contact':'contact','formulaire':'contact','email':'contact',\r\n    'actualit\u00e9':'news','news':'news',\r\n    'support':'support','aide':'support',\r\n    'cr\u00e9er':'create','nouveau':'create','chatbot':'create',\r\n  };\r\n  for(var key in map){\r\n    if(q.includes(key)){\r\n      showSection(map[key]);\r\n      return;\r\n    }\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D&eacute;marrage D&eacute;marrage rapide Cr&eacute;er un chatbot Configuration Instructions &amp; prompt Mod&egrave;les IA Sources de connaissance FAQ int&eacute;gr&eacute;e Actualit&eacute;s Formulaire de contact Widget &amp; int&eacute;gration Personnalisation widget Int&eacute;gration sur votre site Donn&eacute;es Conversations &amp; leads Plans &amp; limites Support Aide &amp; support D&eacute;marrage rapide Menu Accueil &rsaquo; D&eacute;marrage rapide \ud83d\ude80 D&eacute;marrage rapide En ligne en moins de 10 minutes, sans comp&eacute;tence technique Causerie vous permet de cr&eacute;er des chatbots IA personnalis&eacute;s et de les int&eacute;grer sur votre site en quelques minutes. Aucune comp&eacute;tence technique n&rsquo;est requise. 1 Cr&eacute;ez un chatbot depuis votre dashboard Cliquez sur &laquo;&nbsp;Nouveau chatbot&nbsp;&raquo;, donnez-lui un nom et choisissez la langue. Le bot est imm&eacute;diatement actif. 2 Configurez ses instructions et sa personnalit&eacute; D&eacute;finissez son r&ocirc;le, son ton, importez vos PDF et URLs. Il apprend votre business en quelques minutes. 3 Copiez-collez le script d&rsquo;int&eacute;gration 1 ligne de code avant la balise &lt;\/body&gt;. Compatible avec tous les CMS. \ud83d\udca1 Astuce : Commencez avec le plan gratuit pour tester. Pas de carte bancaire requise &mdash; vous avez acc&egrave;s &agrave; 1 bot, 5 conversations\/mois et tous les mod&egrave;les IA rapides. Ce que vous pouvez faire avec CauserieBot \ud83e\udde0 Base de connaissances PDF, pages web, texte libre &mdash; le bot r&eacute;pond avec vos contenus \ud83c\udfaf Capture de leads Email, t&eacute;l&eacute;phone, formulaire personnalis&eacute;, export CSV \u26a1 Multi-mod&egrave;les IA GPT-4o, Claude, Gemini &mdash; vous choisissez selon vos besoins \ud83d\udcca Dashboard analytics Conversations, leads, satisfaction en temps r&eacute;el \ud83d\udd0c 1 ligne de code WordPress, Shopify, Webflow, HTML &mdash; partout \ud83c\udfa8 Widget personnalisable Couleurs, avatar, position, branding Suivant Cr&eacute;er un chatbot \u2795 Cr&eacute;er un chatbot Votre bot est actif en moins de 2 minutes Depuis le dashboard, cliquez sur Nouveau chatbot. Donnez-lui un nom et choisissez la langue (fran&ccedil;ais ou anglais). Le bot est imm&eacute;diatement actif et pr&ecirc;t &agrave; &ecirc;tre configur&eacute;. Ce que vous configurez &agrave; la cr&eacute;ation Nom du chatbot &mdash; Affich&eacute; dans le header du widget (ex. &laquo;&nbsp;Assistant XYZ&nbsp;&raquo;) Langue &mdash; Fran&ccedil;ais ou anglais. D&eacute;finit la langue par d&eacute;faut du bot Mod&egrave;le IA &mdash; Choisissez selon vos besoins (modifiable &agrave; tout moment) Statut actif\/inactif &mdash; D&eacute;sactivez pour stopper les nouvelles conversations sans supprimer le bot \u2139\ufe0f Le nombre de bots disponibles d&eacute;pend de votre plan : 1 bot en gratuit, 3 bots en Pro, 15 bots en Business. Acc&eacute;der &agrave; vos bots Depuis la section Chatbots de votre dashboard, vous retrouvez tous vos bots actifs avec leurs statistiques (conversations du mois, leads g&eacute;n&eacute;r&eacute;s, temps de r&eacute;ponse moyen). Pr&eacute;c&eacute;dentD&eacute;marrage rapide SuivantInstructions &amp; prompt \ud83d\udcdd Instructions &amp; prompt syst&egrave;me D&eacute;finissez la personnalit&eacute; et le comportement de votre bot Les instructions d&eacute;finissent le comportement et la personnalit&eacute; de votre bot. Soyez pr&eacute;cis : indiquez son r&ocirc;le, le ton &agrave; adopter, les sujets qu&rsquo;il doit traiter, et ceux qu&rsquo;il doit &eacute;viter. Exemple de prompt syst&egrave;me Prompt syst&egrave;me Copier &laquo;&nbsp;Tu es l&rsquo;assistant virtuel de la boutique XYZ. Tu aides les clients &agrave; trouver des produits, r&eacute;pondre aux questions sur les d&eacute;lais de livraison et le retour des commandes. Sois toujours poli et concis.&nbsp;&raquo; Message d&rsquo;accueil C&rsquo;est le premier message que voit le visiteur &agrave; l&rsquo;ouverture du widget. Il appara&icirc;t &eacute;galement dans la bulle avant l&rsquo;ouverture pour inciter au clic. Limites de contenu Le volume total (instructions + PDFs + pages web) est limit&eacute; selon votre plan : Gratuit20 000 car. Pro50 000 car. Business100 000 car. \ud83d\udca1 Conseil : Un prompt pr&eacute;cis et court est souvent plus efficace qu&rsquo;un prompt long et vague. Commencez par 200-400 caract&egrave;res et affinez selon les conversations. Pr&eacute;c&eacute;dentCr&eacute;er un chatbot SuivantMod&egrave;les IA \u26a1 Mod&egrave;les IA GPT-4o, Claude, Gemini &mdash; choisissez selon vos besoins Choisissez le mod&egrave;le IA selon vos besoins. Les mod&egrave;les disponibles varient selon votre plan &mdash; le choix libre est disponible &agrave; partir du plan Pro. Mod&egrave;les disponibles GPT-4o Mini Rapide&Eacute;conomique GPT-4o PuissantPr&eacute;cis Claude Haiku 4.5 RapideContexte large Claude Sonnet 4.5 Tr&egrave;s puissantNuanc&eacute; Gemini 2.5 Flash Ultra-rapide Gemini 2.5 Pro PerformantLong contexte \u26a0\ufe0f Le plan Gratuit donne acc&egrave;s aux mod&egrave;les rapides uniquement (GPT-4o Mini, Gemini Flash). Les mod&egrave;les puissants (GPT-4o, Claude Sonnet, Gemini Pro) sont disponibles &agrave; partir du plan Pro. Pr&eacute;c&eacute;dentInstructions &amp; prompt SuivantSources de connaissance \ud83e\udde0 Sources de connaissance PDF, pages web &mdash; le bot r&eacute;pond avec vos contenus Enrichissez votre bot avec vos propres contenus. Plus la base de connaissances est pr&eacute;cise, plus les r&eacute;ponses sont pertinentes. Import PDF Importez vos documents (catalogues, CGV, manuels, FAQ internes). Le texte est extrait et int&eacute;gr&eacute; automatiquement. Formats accept&eacute;s : PDF texte uniquement (pas les PDFs scann&eacute;s) Taille maximale : 10 Mo par fichier Le texte extrait est modifiable directement dans l&rsquo;interface Limite selon votre plan : 1 PDF (Gratuit) &middot; 20 PDFs (Pro) &middot; Illimit&eacute; (Business) Import URL Entrez l&rsquo;adresse d&rsquo;une page web pour que le bot en apprenne le contenu. Id&eacute;al pour les pages produit, articles de blog ou pages de services. \ud83d\udca1 Conseil : Scrapez vos pages les plus visit&eacute;es en priorit&eacute; &mdash; page d&rsquo;accueil, page services, page tarifs, FAQ. Ces pages couvrent 80% des questions de vos visiteurs. \u26a0\ufe0f Le volume total de contenu import&eacute; (instructions + PDFs + URLs) est limit&eacute; selon votre plan. Consultez la section Plans pour les d&eacute;tails. Pr&eacute;c&eacute;dentMod&egrave;les IA SuivantFAQ int&eacute;gr&eacute;e \u2753 FAQ int&eacute;gr&eacute;e Questions-r&eacute;ponses pr&eacute;d&eacute;finies dans le widget L&rsquo;onglet FAQ vous permet d&rsquo;ajouter des questions-r&eacute;ponses pr&eacute;d&eacute;finies qui apparaissent dans le widget sous forme de suggestions cliquables. Activez ou d&eacute;sactivez la FAQ &agrave; tout moment sans perdre vos entr&eacute;es. Comment &ccedil;a fonctionne Chaque entr&eacute;e est compos&eacute;e d&rsquo;une question et d&rsquo;une r&eacute;ponse Les questions s&rsquo;affichent sous forme de boutons cliquables dans l&rsquo;onglet &laquo;&nbsp;Informations&nbsp;&raquo; du widget Le visiteur clique &mdash; la r&eacute;ponse s&rsquo;affiche instantan&eacute;ment, sans passer par l&rsquo;IA Id&eacute;al pour les questions tr&egrave;s fr&eacute;quentes : horaires, tarifs, retours, politique de livraison \ud83d\udca1 Bonne pratique : Utilisez la FAQ pour les r&eacute;ponses fixes et courtes. Laissez l&rsquo;IA g&eacute;rer les questions nuanc&eacute;es qui n&eacute;cessitent du contexte. Pr&eacute;c&eacute;dentSources de connaissance SuivantActualit&eacute;s \ud83d\udce2 Actualit&eacute;s Annonces, promotions et nouveaut&eacute;s dans le widget L&rsquo;onglet Actualit&eacute;s affiche un fil d&rsquo;informations dans le widget (promotions, nouveaut&eacute;s, annonces). Chaque entr&eacute;e comprend un titre, une description courte et un lien optionnel. Structure d&rsquo;une<\/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-7593","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Documentation Causerie - 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\/docs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Documentation Causerie - Causerie - ChatBot\" \/>\n<meta property=\"og:description\" content=\"D\u00e9marrage D\u00e9marrage rapide Cr\u00e9er un chatbot Configuration Instructions &#038; prompt Mod\u00e8les IA Sources de connaissance FAQ int\u00e9gr\u00e9e Actualit\u00e9s Formulaire de contact Widget &#038; int\u00e9gration Personnalisation widget Int\u00e9gration sur votre site Donn\u00e9es Conversations &#038; leads Plans &#038; limites Support Aide &#038; support D\u00e9marrage rapide Menu Accueil \u203a D\u00e9marrage rapide \ud83d\ude80 D\u00e9marrage rapide En ligne en moins de 10 minutes, sans comp\u00e9tence technique Causerie vous permet de cr\u00e9er des chatbots IA personnalis\u00e9s et de les int\u00e9grer sur votre site en quelques minutes. Aucune comp\u00e9tence technique n&rsquo;est requise. 1 Cr\u00e9ez un chatbot depuis votre dashboard Cliquez sur \u00ab\u00a0Nouveau chatbot\u00a0\u00bb, donnez-lui un nom et choisissez la langue. Le bot est imm\u00e9diatement actif. 2 Configurez ses instructions et sa personnalit\u00e9 D\u00e9finissez son r\u00f4le, son ton, importez vos PDF et URLs. Il apprend votre business en quelques minutes. 3 Copiez-collez le script d&rsquo;int\u00e9gration 1 ligne de code avant la balise &lt;\/body&gt;. Compatible avec tous les CMS. \ud83d\udca1 Astuce : Commencez avec le plan gratuit pour tester. Pas de carte bancaire requise \u2014 vous avez acc\u00e8s \u00e0 1 bot, 5 conversations\/mois et tous les mod\u00e8les IA rapides. Ce que vous pouvez faire avec CauserieBot \ud83e\udde0 Base de connaissances PDF, pages web, texte libre \u2014 le bot r\u00e9pond avec vos contenus \ud83c\udfaf Capture de leads Email, t\u00e9l\u00e9phone, formulaire personnalis\u00e9, export CSV \u26a1 Multi-mod\u00e8les IA GPT-4o, Claude, Gemini \u2014 vous choisissez selon vos besoins \ud83d\udcca Dashboard analytics Conversations, leads, satisfaction en temps r\u00e9el \ud83d\udd0c 1 ligne de code WordPress, Shopify, Webflow, HTML \u2014 partout \ud83c\udfa8 Widget personnalisable Couleurs, avatar, position, branding Suivant Cr\u00e9er un chatbot \u2795 Cr\u00e9er un chatbot Votre bot est actif en moins de 2 minutes Depuis le dashboard, cliquez sur Nouveau chatbot. Donnez-lui un nom et choisissez la langue (fran\u00e7ais ou anglais). Le bot est imm\u00e9diatement actif et pr\u00eat \u00e0 \u00eatre configur\u00e9. Ce que vous configurez \u00e0 la cr\u00e9ation Nom du chatbot \u2014 Affich\u00e9 dans le header du widget (ex. \u00ab\u00a0Assistant XYZ\u00a0\u00bb) Langue \u2014 Fran\u00e7ais ou anglais. D\u00e9finit la langue par d\u00e9faut du bot Mod\u00e8le IA \u2014 Choisissez selon vos besoins (modifiable \u00e0 tout moment) Statut actif\/inactif \u2014 D\u00e9sactivez pour stopper les nouvelles conversations sans supprimer le bot \u2139\ufe0f Le nombre de bots disponibles d\u00e9pend de votre plan : 1 bot en gratuit, 3 bots en Pro, 15 bots en Business. Acc\u00e9der \u00e0 vos bots Depuis la section Chatbots de votre dashboard, vous retrouvez tous vos bots actifs avec leurs statistiques (conversations du mois, leads g\u00e9n\u00e9r\u00e9s, temps de r\u00e9ponse moyen). Pr\u00e9c\u00e9dentD\u00e9marrage rapide SuivantInstructions &#038; prompt \ud83d\udcdd Instructions &#038; prompt syst\u00e8me D\u00e9finissez la personnalit\u00e9 et le comportement de votre bot Les instructions d\u00e9finissent le comportement et la personnalit\u00e9 de votre bot. Soyez pr\u00e9cis : indiquez son r\u00f4le, le ton \u00e0 adopter, les sujets qu&rsquo;il doit traiter, et ceux qu&rsquo;il doit \u00e9viter. Exemple de prompt syst\u00e8me Prompt syst\u00e8me Copier &quot;Tu es l&#039;assistant virtuel de la boutique XYZ. Tu aides les clients \u00e0 trouver des produits, r\u00e9pondre aux questions sur les d\u00e9lais de livraison et le retour des commandes. Sois toujours poli et concis.&quot; Message d&rsquo;accueil C&rsquo;est le premier message que voit le visiteur \u00e0 l&rsquo;ouverture du widget. Il appara\u00eet \u00e9galement dans la bulle avant l&rsquo;ouverture pour inciter au clic. Limites de contenu Le volume total (instructions + PDFs + pages web) est limit\u00e9 selon votre plan : Gratuit20 000 car. Pro50 000 car. Business100 000 car. \ud83d\udca1 Conseil : Un prompt pr\u00e9cis et court est souvent plus efficace qu&rsquo;un prompt long et vague. Commencez par 200-400 caract\u00e8res et affinez selon les conversations. Pr\u00e9c\u00e9dentCr\u00e9er un chatbot SuivantMod\u00e8les IA \u26a1 Mod\u00e8les IA GPT-4o, Claude, Gemini \u2014 choisissez selon vos besoins Choisissez le mod\u00e8le IA selon vos besoins. Les mod\u00e8les disponibles varient selon votre plan \u2014 le choix libre est disponible \u00e0 partir du plan Pro. Mod\u00e8les disponibles GPT-4o Mini Rapide\u00c9conomique GPT-4o PuissantPr\u00e9cis Claude Haiku 4.5 RapideContexte large Claude Sonnet 4.5 Tr\u00e8s puissantNuanc\u00e9 Gemini 2.5 Flash Ultra-rapide Gemini 2.5 Pro PerformantLong contexte \u26a0\ufe0f Le plan Gratuit donne acc\u00e8s aux mod\u00e8les rapides uniquement (GPT-4o Mini, Gemini Flash). Les mod\u00e8les puissants (GPT-4o, Claude Sonnet, Gemini Pro) sont disponibles \u00e0 partir du plan Pro. Pr\u00e9c\u00e9dentInstructions &#038; prompt SuivantSources de connaissance \ud83e\udde0 Sources de connaissance PDF, pages web \u2014 le bot r\u00e9pond avec vos contenus Enrichissez votre bot avec vos propres contenus. Plus la base de connaissances est pr\u00e9cise, plus les r\u00e9ponses sont pertinentes. Import PDF Importez vos documents (catalogues, CGV, manuels, FAQ internes). Le texte est extrait et int\u00e9gr\u00e9 automatiquement. Formats accept\u00e9s : PDF texte uniquement (pas les PDFs scann\u00e9s) Taille maximale : 10 Mo par fichier Le texte extrait est modifiable directement dans l&rsquo;interface Limite selon votre plan : 1 PDF (Gratuit) \u00b7 20 PDFs (Pro) \u00b7 Illimit\u00e9 (Business) Import URL Entrez l&rsquo;adresse d&rsquo;une page web pour que le bot en apprenne le contenu. Id\u00e9al pour les pages produit, articles de blog ou pages de services. \ud83d\udca1 Conseil : Scrapez vos pages les plus visit\u00e9es en priorit\u00e9 \u2014 page d&rsquo;accueil, page services, page tarifs, FAQ. Ces pages couvrent 80% des questions de vos visiteurs. \u26a0\ufe0f Le volume total de contenu import\u00e9 (instructions + PDFs + URLs) est limit\u00e9 selon votre plan. Consultez la section Plans pour les d\u00e9tails. Pr\u00e9c\u00e9dentMod\u00e8les IA SuivantFAQ int\u00e9gr\u00e9e \u2753 FAQ int\u00e9gr\u00e9e Questions-r\u00e9ponses pr\u00e9d\u00e9finies dans le widget L&rsquo;onglet FAQ vous permet d&rsquo;ajouter des questions-r\u00e9ponses pr\u00e9d\u00e9finies qui apparaissent dans le widget sous forme de suggestions cliquables. Activez ou d\u00e9sactivez la FAQ \u00e0 tout moment sans perdre vos entr\u00e9es. Comment \u00e7a fonctionne Chaque entr\u00e9e est compos\u00e9e d&rsquo;une question et d&rsquo;une r\u00e9ponse Les questions s&rsquo;affichent sous forme de boutons cliquables dans l&rsquo;onglet \u00ab\u00a0Informations\u00a0\u00bb du widget Le visiteur clique \u2014 la r\u00e9ponse s&rsquo;affiche instantan\u00e9ment, sans passer par l&rsquo;IA Id\u00e9al pour les questions tr\u00e8s fr\u00e9quentes : horaires, tarifs, retours, politique de livraison \ud83d\udca1 Bonne pratique : Utilisez la FAQ pour les r\u00e9ponses fixes et courtes. Laissez l&rsquo;IA g\u00e9rer les questions nuanc\u00e9es qui n\u00e9cessitent du contexte. Pr\u00e9c\u00e9dentSources de connaissance SuivantActualit\u00e9s \ud83d\udce2 Actualit\u00e9s Annonces, promotions et nouveaut\u00e9s dans le widget L&rsquo;onglet Actualit\u00e9s affiche un fil d&rsquo;informations dans le widget (promotions, nouveaut\u00e9s, annonces). Chaque entr\u00e9e comprend un titre, une description courte et un lien optionnel. Structure d&rsquo;une\" \/>\n<meta property=\"og:url\" content=\"https:\/\/causeriebot.com\/en\/docs\/\" \/>\n<meta property=\"og:site_name\" content=\"Causerie - ChatBot\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-24T14:02:43+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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/docs\\\/\",\"url\":\"https:\\\/\\\/causeriebot.com\\\/docs\\\/\",\"name\":\"Documentation Causerie - Causerie - ChatBot\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/#website\"},\"datePublished\":\"2026-03-24T13:56:06+00:00\",\"dateModified\":\"2026-03-24T14:02:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/causeriebot.com\\\/docs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/causeriebot.com\\\/docs\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/causeriebot.com\\\/docs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/causeriebot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation Causerie\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Documentation Causerie - 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\/docs\/","og_locale":"en_US","og_type":"article","og_title":"Documentation Causerie - Causerie - ChatBot","og_description":"D\u00e9marrage D\u00e9marrage rapide Cr\u00e9er un chatbot Configuration Instructions &#038; prompt Mod\u00e8les IA Sources de connaissance FAQ int\u00e9gr\u00e9e Actualit\u00e9s Formulaire de contact Widget &#038; int\u00e9gration Personnalisation widget Int\u00e9gration sur votre site Donn\u00e9es Conversations &#038; leads Plans &#038; limites Support Aide &#038; support D\u00e9marrage rapide Menu Accueil \u203a D\u00e9marrage rapide \ud83d\ude80 D\u00e9marrage rapide En ligne en moins de 10 minutes, sans comp\u00e9tence technique Causerie vous permet de cr\u00e9er des chatbots IA personnalis\u00e9s et de les int\u00e9grer sur votre site en quelques minutes. Aucune comp\u00e9tence technique n&rsquo;est requise. 1 Cr\u00e9ez un chatbot depuis votre dashboard Cliquez sur \u00ab\u00a0Nouveau chatbot\u00a0\u00bb, donnez-lui un nom et choisissez la langue. Le bot est imm\u00e9diatement actif. 2 Configurez ses instructions et sa personnalit\u00e9 D\u00e9finissez son r\u00f4le, son ton, importez vos PDF et URLs. Il apprend votre business en quelques minutes. 3 Copiez-collez le script d&rsquo;int\u00e9gration 1 ligne de code avant la balise &lt;\/body&gt;. Compatible avec tous les CMS. \ud83d\udca1 Astuce : Commencez avec le plan gratuit pour tester. Pas de carte bancaire requise \u2014 vous avez acc\u00e8s \u00e0 1 bot, 5 conversations\/mois et tous les mod\u00e8les IA rapides. Ce que vous pouvez faire avec CauserieBot \ud83e\udde0 Base de connaissances PDF, pages web, texte libre \u2014 le bot r\u00e9pond avec vos contenus \ud83c\udfaf Capture de leads Email, t\u00e9l\u00e9phone, formulaire personnalis\u00e9, export CSV \u26a1 Multi-mod\u00e8les IA GPT-4o, Claude, Gemini \u2014 vous choisissez selon vos besoins \ud83d\udcca Dashboard analytics Conversations, leads, satisfaction en temps r\u00e9el \ud83d\udd0c 1 ligne de code WordPress, Shopify, Webflow, HTML \u2014 partout \ud83c\udfa8 Widget personnalisable Couleurs, avatar, position, branding Suivant Cr\u00e9er un chatbot \u2795 Cr\u00e9er un chatbot Votre bot est actif en moins de 2 minutes Depuis le dashboard, cliquez sur Nouveau chatbot. Donnez-lui un nom et choisissez la langue (fran\u00e7ais ou anglais). Le bot est imm\u00e9diatement actif et pr\u00eat \u00e0 \u00eatre configur\u00e9. Ce que vous configurez \u00e0 la cr\u00e9ation Nom du chatbot \u2014 Affich\u00e9 dans le header du widget (ex. \u00ab\u00a0Assistant XYZ\u00a0\u00bb) Langue \u2014 Fran\u00e7ais ou anglais. D\u00e9finit la langue par d\u00e9faut du bot Mod\u00e8le IA \u2014 Choisissez selon vos besoins (modifiable \u00e0 tout moment) Statut actif\/inactif \u2014 D\u00e9sactivez pour stopper les nouvelles conversations sans supprimer le bot \u2139\ufe0f Le nombre de bots disponibles d\u00e9pend de votre plan : 1 bot en gratuit, 3 bots en Pro, 15 bots en Business. Acc\u00e9der \u00e0 vos bots Depuis la section Chatbots de votre dashboard, vous retrouvez tous vos bots actifs avec leurs statistiques (conversations du mois, leads g\u00e9n\u00e9r\u00e9s, temps de r\u00e9ponse moyen). Pr\u00e9c\u00e9dentD\u00e9marrage rapide SuivantInstructions &#038; prompt \ud83d\udcdd Instructions &#038; prompt syst\u00e8me D\u00e9finissez la personnalit\u00e9 et le comportement de votre bot Les instructions d\u00e9finissent le comportement et la personnalit\u00e9 de votre bot. Soyez pr\u00e9cis : indiquez son r\u00f4le, le ton \u00e0 adopter, les sujets qu&rsquo;il doit traiter, et ceux qu&rsquo;il doit \u00e9viter. Exemple de prompt syst\u00e8me Prompt syst\u00e8me Copier \"Tu es l'assistant virtuel de la boutique XYZ. Tu aides les clients \u00e0 trouver des produits, r\u00e9pondre aux questions sur les d\u00e9lais de livraison et le retour des commandes. Sois toujours poli et concis.\" Message d&rsquo;accueil C&rsquo;est le premier message que voit le visiteur \u00e0 l&rsquo;ouverture du widget. Il appara\u00eet \u00e9galement dans la bulle avant l&rsquo;ouverture pour inciter au clic. Limites de contenu Le volume total (instructions + PDFs + pages web) est limit\u00e9 selon votre plan : Gratuit20 000 car. Pro50 000 car. Business100 000 car. \ud83d\udca1 Conseil : Un prompt pr\u00e9cis et court est souvent plus efficace qu&rsquo;un prompt long et vague. Commencez par 200-400 caract\u00e8res et affinez selon les conversations. Pr\u00e9c\u00e9dentCr\u00e9er un chatbot SuivantMod\u00e8les IA \u26a1 Mod\u00e8les IA GPT-4o, Claude, Gemini \u2014 choisissez selon vos besoins Choisissez le mod\u00e8le IA selon vos besoins. Les mod\u00e8les disponibles varient selon votre plan \u2014 le choix libre est disponible \u00e0 partir du plan Pro. Mod\u00e8les disponibles GPT-4o Mini Rapide\u00c9conomique GPT-4o PuissantPr\u00e9cis Claude Haiku 4.5 RapideContexte large Claude Sonnet 4.5 Tr\u00e8s puissantNuanc\u00e9 Gemini 2.5 Flash Ultra-rapide Gemini 2.5 Pro PerformantLong contexte \u26a0\ufe0f Le plan Gratuit donne acc\u00e8s aux mod\u00e8les rapides uniquement (GPT-4o Mini, Gemini Flash). Les mod\u00e8les puissants (GPT-4o, Claude Sonnet, Gemini Pro) sont disponibles \u00e0 partir du plan Pro. Pr\u00e9c\u00e9dentInstructions &#038; prompt SuivantSources de connaissance \ud83e\udde0 Sources de connaissance PDF, pages web \u2014 le bot r\u00e9pond avec vos contenus Enrichissez votre bot avec vos propres contenus. Plus la base de connaissances est pr\u00e9cise, plus les r\u00e9ponses sont pertinentes. Import PDF Importez vos documents (catalogues, CGV, manuels, FAQ internes). Le texte est extrait et int\u00e9gr\u00e9 automatiquement. Formats accept\u00e9s : PDF texte uniquement (pas les PDFs scann\u00e9s) Taille maximale : 10 Mo par fichier Le texte extrait est modifiable directement dans l&rsquo;interface Limite selon votre plan : 1 PDF (Gratuit) \u00b7 20 PDFs (Pro) \u00b7 Illimit\u00e9 (Business) Import URL Entrez l&rsquo;adresse d&rsquo;une page web pour que le bot en apprenne le contenu. Id\u00e9al pour les pages produit, articles de blog ou pages de services. \ud83d\udca1 Conseil : Scrapez vos pages les plus visit\u00e9es en priorit\u00e9 \u2014 page d&rsquo;accueil, page services, page tarifs, FAQ. Ces pages couvrent 80% des questions de vos visiteurs. \u26a0\ufe0f Le volume total de contenu import\u00e9 (instructions + PDFs + URLs) est limit\u00e9 selon votre plan. Consultez la section Plans pour les d\u00e9tails. Pr\u00e9c\u00e9dentMod\u00e8les IA SuivantFAQ int\u00e9gr\u00e9e \u2753 FAQ int\u00e9gr\u00e9e Questions-r\u00e9ponses pr\u00e9d\u00e9finies dans le widget L&rsquo;onglet FAQ vous permet d&rsquo;ajouter des questions-r\u00e9ponses pr\u00e9d\u00e9finies qui apparaissent dans le widget sous forme de suggestions cliquables. Activez ou d\u00e9sactivez la FAQ \u00e0 tout moment sans perdre vos entr\u00e9es. Comment \u00e7a fonctionne Chaque entr\u00e9e est compos\u00e9e d&rsquo;une question et d&rsquo;une r\u00e9ponse Les questions s&rsquo;affichent sous forme de boutons cliquables dans l&rsquo;onglet \u00ab\u00a0Informations\u00a0\u00bb du widget Le visiteur clique \u2014 la r\u00e9ponse s&rsquo;affiche instantan\u00e9ment, sans passer par l&rsquo;IA Id\u00e9al pour les questions tr\u00e8s fr\u00e9quentes : horaires, tarifs, retours, politique de livraison \ud83d\udca1 Bonne pratique : Utilisez la FAQ pour les r\u00e9ponses fixes et courtes. Laissez l&rsquo;IA g\u00e9rer les questions nuanc\u00e9es qui n\u00e9cessitent du contexte. Pr\u00e9c\u00e9dentSources de connaissance SuivantActualit\u00e9s \ud83d\udce2 Actualit\u00e9s Annonces, promotions et nouveaut\u00e9s dans le widget L&rsquo;onglet Actualit\u00e9s affiche un fil d&rsquo;informations dans le widget (promotions, nouveaut\u00e9s, annonces). Chaque entr\u00e9e comprend un titre, une description courte et un lien optionnel. Structure d&rsquo;une","og_url":"https:\/\/causeriebot.com\/en\/docs\/","og_site_name":"Causerie - ChatBot","article_modified_time":"2026-03-24T14:02:43+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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/causeriebot.com\/docs\/","url":"https:\/\/causeriebot.com\/docs\/","name":"Documentation Causerie - Causerie - ChatBot","isPartOf":{"@id":"https:\/\/causeriebot.com\/#website"},"datePublished":"2026-03-24T13:56:06+00:00","dateModified":"2026-03-24T14:02:43+00:00","breadcrumb":{"@id":"https:\/\/causeriebot.com\/docs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/causeriebot.com\/docs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/causeriebot.com\/docs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/causeriebot.com\/"},{"@type":"ListItem","position":2,"name":"Documentation Causerie"}]},{"@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\/7593","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=7593"}],"version-history":[{"count":4,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7593\/revisions"}],"predecessor-version":[{"id":7597,"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/pages\/7593\/revisions\/7597"}],"wp:attachment":[{"href":"https:\/\/causeriebot.com\/en\/wp-json\/wp\/v2\/media?parent=7593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}