{"id":31678,"date":"2026-09-17T09:50:25","date_gmt":"2026-09-17T07:50:25","guid":{"rendered":"https:\/\/botnation.ai\/template-chatbot\/"},"modified":"2026-09-17T09:50:25","modified_gmt":"2026-09-17T07:50:25","slug":"template-chatbot","status":"publish","type":"post","link":"https:\/\/botnation.ai\/fr\/template-chatbot\/","title":{"rendered":"Chatbot template : les gabarits pr\u00eats \u00e0 l&#8217;emploi et comment choisir (2026)"},"content":{"rendered":"<p><script>var s=document.createElement(\"style\");s.appendChild(document.createTextNode(`.bn-art{ --bn-cream:#faf8f2; --bn-card:#faf6ea; --bn-sand:#ebe3cb; --bn-sand-2:#f3ecd9; --bn-sand-zebra:#f6f0df; --bn-coral:#fe716b; --bn-coral-soft:#fdeeed; --bn-coral-line:#f6c9c6; --bn-coral-txt:#bd3a34; --bn-blue:#3358f0; --bn-blue-soft:#eef1fe; --bn-blue-line:#c9d4fb; --bn-green:#427632; --bn-green-soft:#eef6ea; --bn-ink:#3d351f; --bn-text:#414b56; --bn-muted:#6d6653; --bn-border:#e6dcc2; --bn-r:16px; --bn-r-sm:11px; --bn-sp:22px; --bn-sh:0 1px 2px rgba(61,53,31,.05),0 10px 26px rgba(61,53,31,.07); --bn-sh-sm:0 1px 2px rgba(61,53,31,.05),0 4px 12px rgba(61,53,31,.05); --bn-mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,'Courier New',monospace; color:var(--bn-text); font-size:18px; line-height:1.75; max-width:820px; margin:0 auto; } .bn-art *{box-sizing:border-box} .bn-art p{margin:0 0 1.15em; color:var(--bn-text)} .bn-art h2{ color:var(--bn-ink); font-weight:700; line-height:1.25; font-size:1.72em; margin:2.2em 0 .7em; letter-spacing:-.01em; } .bn-art h3{color:var(--bn-ink); font-weight:700; font-size:1.22em; margin:1.8em 0 .5em} .bn-art a{color:#3f5cd6; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px} .bn-art a:hover{color:var(--bn-coral)} .bn-art strong{color:var(--bn-ink); font-weight:700} .bn-art ul,.bn-art ol{margin:0 0 1.3em; padding-left:1.25em} .bn-art li{margin:.4em 0} .bn-art ul li::marker{color:var(--bn-coral)} .bn-art ol li::marker{color:var(--bn-blue); font-weight:700} .bn-klabel{ display:inline-flex; align-items:center; gap:7px; font-family:var(--bn-mono); font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.12em; color:var(--bn-coral); margin:0 0 .2em; } .bn-klabel svg{width:15px;height:15px;flex:none} .bn-tldr{ background:var(--bn-card); border:1px solid var(--bn-border); border-left:4px solid var(--bn-coral); border-radius:var(--bn-r); padding:20px 24px; margin:0 0 30px; box-shadow:var(--bn-sh-sm); } .bn-tldr p{margin:0; color:var(--bn-text)} .bn-tldr p+p{margin-top:.6em} .bn-toc{ background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:var(--bn-r); padding:18px 22px; margin:0 0 34px; } .bn-toc .bn-klabel{color:var(--bn-coral)} .bn-toc ol{margin:.4em 0 0; padding-left:1.2em; columns:2; column-gap:28px} .bn-toc li{margin:.25em 0; break-inside:avoid} .bn-toc a{color:var(--bn-ink); text-decoration:none; font-weight:600; font-size:.96em} .bn-toc a:hover{color:var(--bn-coral); text-decoration:underline} .bn-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:28px 0} .bn-stat{ background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:20px 18px; text-align:center; box-shadow:var(--bn-sh-sm); } .bn-stat b{display:block; font-size:2em; line-height:1.1; color:var(--bn-coral); font-weight:800; letter-spacing:-.02em} .bn-stat span{display:block; margin-top:6px; font-size:.86em; color:var(--bn-muted); line-height:1.45} .bn-stat:nth-child(2) b{color:var(--bn-blue)} .bn-stat:nth-child(3) b{color:var(--bn-ink)} .bn-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:26px 0} .bn-card{ background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:22px; box-shadow:var(--bn-sh-sm); } .bn-card h4{margin:.1em 0 .35em; color:var(--bn-ink); font-size:1.06em; font-weight:700; display:flex; gap:9px; align-items:center} .bn-card h4 svg{width:20px;height:20px;flex:none;color:var(--bn-coral)} .bn-card p{margin:0; font-size:.96em} .bn-ex{ background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:20px 0; box-shadow:var(--bn-sh); position:relative; } .bn-ex-h{display:flex; align-items:center; gap:13px; margin-bottom:14px} .bn-ex-n{ flex:none; width:38px; height:38px; border-radius:11px; background:var(--bn-coral-soft); color:var(--bn-coral); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.1em; font-family:var(--bn-mono); } .bn-ex-h h3{margin:0; font-size:1.18em} .bn-ex-tag{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.1em; color:var(--bn-muted); display:block; margin-top:2px} .bn-ex p{margin:.2em 0 .9em} .bn-ex .bn-ba{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px} .bn-ba div{border-radius:var(--bn-r-sm); padding:13px 15px; font-size:.9em; line-height:1.5} .bn-ba .biz{background:var(--bn-blue-soft); border:1px solid var(--bn-blue-line)} .bn-ba .cli{background:var(--bn-green-soft); border:1px solid #cfe6c4} .bn-ba b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; color:var(--bn-muted)} .bn-tablewrap{overflow-x:auto; margin:26px 0; border-radius:var(--bn-r); border:1px solid var(--bn-border); box-shadow:var(--bn-sh-sm)} .bn-art table{width:100%; border-collapse:collapse; background:var(--bn-card); font-size:.94em; min-width:520px} .bn-art thead th{background:var(--bn-ink); color:#fbf7ec; text-align:left; font-weight:700; padding:13px 16px; font-size:16px} .bn-art tbody td{padding:12px 16px; border-top:1px solid var(--bn-border); color:var(--bn-text); vertical-align:top; font-size:16px} .bn-art tbody tr:nth-child(even){background:var(--bn-sand-zebra)} .bn-art tbody td:first-child{font-weight:700; color:var(--bn-ink)} .bn-cols{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:26px 0} .bn-col{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:22px; box-shadow:var(--bn-sh-sm)} .bn-col h4{margin:0 0 12px; font-size:1.05em; color:var(--bn-ink); display:flex; align-items:center; gap:9px} .bn-col h4 svg{width:20px;height:20px;flex:none} .bn-col.biz h4 svg{color:var(--bn-blue)} .bn-col.cli h4 svg{color:var(--bn-green)} .bn-col.warn h4 svg{color:var(--bn-coral)} .bn-col ul{margin:0; padding:0; list-style:none} .bn-col li{position:relative; padding-left:26px; margin:.55em 0; font-size:.96em} .bn-col li::before{content:\"\"; position:absolute; left:0; top:.5em; width:13px; height:13px; border-radius:50%; background:var(--bn-coral-soft); border:2px solid var(--bn-coral)} .bn-col.biz li::before{background:var(--bn-blue-soft); border-color:var(--bn-blue)} .bn-col.cli li::before{background:var(--bn-green-soft); border-color:var(--bn-green)} .bn-call{ display:flex; gap:14px; border-radius:var(--bn-r); padding:18px 20px; margin:24px 0; background:var(--bn-card); border:1px solid var(--bn-border); box-shadow:var(--bn-sh-sm); } .bn-call svg{width:22px; height:22px; flex:none; margin-top:1px} .bn-call b{color:var(--bn-ink)} .bn-call p{margin:0; font-size:.95em} .bn-call .bn-klabel{margin-bottom:3px} .bn-tip{border-left:4px solid var(--bn-green)} .bn-tip svg{color:var(--bn-green)} .bn-tip .bn-klabel{color:var(--bn-green)} .bn-warn{border-left:4px solid var(--bn-coral)} .bn-warn svg{color:var(--bn-coral)} .bn-warn .bn-klabel{color:var(--bn-coral)} .bn-info{border-left:4px solid var(--bn-blue)} .bn-info svg{color:var(--bn-blue)} .bn-info .bn-klabel{color:var(--bn-blue)} .bn-def{background:var(--bn-blue-soft); border:1px solid var(--bn-blue-line); border-radius:var(--bn-r); padding:20px 24px; margin:24px 0} .bn-def .bn-klabel{color:var(--bn-blue)} .bn-def p{margin:0} .bn-steps{counter-reset:s; list-style:none; padding:0; margin:24px 0} .bn-steps li{position:relative; padding:0 0 4px 56px; margin:0 0 18px; min-height:40px} .bn-steps li::before{ counter-increment:s; content:counter(s); position:absolute; left:0; top:0; width:40px; height:40px; border-radius:12px; background:var(--bn-coral); color:#fff; font-weight:800; font-family:var(--bn-mono); display:flex; align-items:center; justify-content:center; box-shadow:var(--bn-sh-sm); } .bn-steps li b{display:block; color:var(--bn-ink); margin-bottom:2px} .bn-check{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-check h3{margin:.1em 0 .3em} .bn-check>p{font-size:.95em; color:var(--bn-muted); margin-bottom:14px} .bn-check ul{list-style:none; padding:0; margin:0 0 18px} .bn-check li{margin:0; border-top:1px solid var(--bn-border)} .bn-check li:first-child{border-top:none} .bn-check label{display:flex; align-items:flex-start; gap:13px; padding:12px 2px; cursor:pointer; font-size:.97em; color:var(--bn-text)} .bn-check input{appearance:none; -webkit-appearance:none; flex:none; width:22px; height:22px; margin-top:1px; border:2px solid var(--bn-coral-line); border-radius:7px; background:#fff; cursor:pointer; position:relative; transition:.15s} .bn-check input:checked{background:var(--bn-coral); border-color:var(--bn-coral)} .bn-check input:checked::after{content:\"\"; position:absolute; left:6px; top:2px; width:6px; height:11px; border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg)} .bn-result{border-radius:var(--bn-r-sm); padding:16px 18px; background:var(--bn-coral-soft); border:1px solid var(--bn-coral-line); font-size:.96em} .bn-result b{color:var(--bn-ink)} .bn-result .bn-score{font-family:var(--bn-mono); font-weight:700; color:var(--bn-coral)} .bn-result .bnc-res{display:none; margin-top:10px} .bn-result .bnc-res.on{display:block} .bn-result .bnc-res p{margin:0; color:var(--bn-text)} .bn-faq{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); margin:0 0 12px; box-shadow:var(--bn-sh-sm); overflow:hidden} .bn-faq summary{cursor:pointer; padding:17px 20px; font-weight:700; color:var(--bn-ink); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:1.03em} .bn-faq summary::-webkit-details-marker{display:none} .bn-faq summary::after{content:\"+\"; font-family:var(--bn-mono); font-size:1.5em; color:var(--bn-coral); flex:none; line-height:1; transition:transform .2s} .bn-faq[open] summary::after{transform:rotate(45deg)} .bn-faq .bn-faq-b{padding:0 20px 18px; color:var(--bn-text)} .bn-faq .bn-faq-b p{margin:0} .bn-fig{margin:30px 0; text-align:center} .bn-fig img{width:100%; height:auto; border-radius:var(--bn-r); box-shadow:var(--bn-sh); display:block} .bn-fig figcaption{margin-top:10px; font-size:.85em; color:var(--bn-muted); font-style:italic} .bn-cta{background:var(--bn-ink); border-radius:var(--bn-r); padding:34px 32px; margin:36px 0 12px; text-align:center} .bn-cta h3{color:#fff; margin:0 0 .4em; font-size:1.4em} .bn-cta p{color:#e9e2cf; margin:0 auto 20px; max-width:560px; font-size:1em} .bn-cta-btn{display:inline-block; background:var(--bn-coral); color:#332c19 !important; text-decoration:none !important; font-weight:800; padding:15px 34px; border-radius:999px; font-size:1.02em; box-shadow:0 8px 22px rgba(254,113,107,.35); transition:.15s} .bn-cta-btn:hover{background:#ff8782; color:#fff !important} .bn-quiz{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-quiz .bnq-q{padding:14px 0; border-top:1px solid var(--bn-border)} .bn-quiz .bnq-q:first-of-type{border-top:none; padding-top:4px} .bn-quiz .bnq-qt{font-weight:700; color:var(--bn-ink); margin:0 0 10px; font-size:1.02em} .bn-quiz .bnq-opt{display:flex; align-items:flex-start; gap:12px; padding:9px 12px; margin:6px 0; cursor:pointer; font-size:.96em; color:var(--bn-text); border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); background:#fff; transition:.15s} .bn-quiz .bnq-opt:hover{border-color:var(--bn-coral-line); background:var(--bn-coral-soft)} .bn-quiz .bnq-opt input{appearance:none; -webkit-appearance:none; flex:none; width:20px; height:20px; margin-top:1px; border:2px solid var(--bn-coral-line); border-radius:50%; background:#fff; cursor:pointer; position:relative; transition:.15s} .bn-quiz .bnq-opt input:checked{border-color:var(--bn-coral)} .bn-quiz .bnq-opt input:checked::after{content:\"\"; position:absolute; left:3px; top:3px; width:10px; height:10px; border-radius:50%; background:var(--bn-coral)} .bn-quiz .bnq-opt:has(input:checked){border-color:var(--bn-coral); background:var(--bn-coral-soft)} .bn-quiz .bnq-btn{margin-top:16px; display:inline-block; background:var(--bn-coral); color:#332c19; border:none; font-weight:800; font-size:1em; padding:13px 30px; border-radius:999px; cursor:pointer; box-shadow:0 6px 16px rgba(254,113,107,.28); transition:.15s; font-family:inherit} .bn-quiz .bnq-btn:hover{background:#ff8782} .bn-quiz .bnq-res{display:none; margin-top:18px; padding:18px 20px; border-radius:var(--bn-r-sm); background:var(--bn-blue-soft); border:1px solid var(--bn-blue-line)} .bn-quiz .bnq-res.on{display:block} .bn-quiz #bnq-agent{background:var(--bn-coral-soft); border-color:var(--bn-coral-line)} .bn-quiz #bnq-hybrid{background:var(--bn-green-soft); border-color:#cfe6c4} .bn-quiz .bnq-rt{font-weight:800; color:var(--bn-ink); margin:0 0 6px; font-size:1.08em} .bn-quiz .bnq-res p{margin:0} .bn-spectrum{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-spectrum h3{margin:.1em 0 .3em} .bn-spectrum>p{font-size:.95em; color:var(--bn-muted); margin:0 0 20px} .bn-spec-track{margin:26px 4px 4px} .bn-spec-range{-webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:999px; background:var(--bn-sand); outline:none; cursor:pointer; margin:0} .bn-spec-range::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:26px; height:26px; border-radius:50%; background:var(--bn-coral); border:3px solid #fff; box-shadow:var(--bn-sh-sm); cursor:pointer} .bn-spec-range::-moz-range-thumb{width:26px; height:26px; border-radius:50%; background:var(--bn-coral); border:3px solid #fff; box-shadow:var(--bn-sh-sm); cursor:pointer} .bn-spec-stops{display:flex; justify-content:space-between; margin-top:13px; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.07em; color:var(--bn-muted); gap:8px} .bn-spec-stops span{flex:1; cursor:pointer; transition:.15s; text-align:center} .bn-spec-stops span:first-child{text-align:left} .bn-spec-stops span:last-child{text-align:right} .bn-spec-stops span.on{color:var(--bn-coral); font-weight:700} .bns-pane{display:none; margin-top:22px; border-radius:var(--bn-r-sm); padding:20px 22px; background:var(--bn-sand-2); border:1px solid var(--bn-sand)} .bns-pane.on{display:block} .bns-pane h4{margin:0 0 3px; color:var(--bn-ink); font-size:1.14em} .bns-tag{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.1em; color:var(--bn-coral); display:block; margin-bottom:11px} .bns-pane>p{margin:0; font-size:.96em; color:var(--bn-text)} .bns-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:15px} .bns-grid div{background:#fff; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); padding:11px 14px; font-size:.9em; color:var(--bn-text)} .bns-grid b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.07em; color:var(--bn-muted); margin-bottom:3px} .bn-roi{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-roi h3{margin:.1em 0 .3em} .bn-roi>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-roi-fields{display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; margin:18px 0 24px} .bn-roi-field:last-child{grid-column:1\/-1} .bn-roi-field label{display:block; font-size:.9em; color:var(--bn-text); font-weight:600; margin-bottom:11px} .bn-roi-field output{font-family:var(--bn-mono); font-weight:700; color:var(--bn-coral)} .bn-roi-out{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:4px} .bn-roi-stat{background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:var(--bn-r); padding:20px 16px; text-align:center} .bn-roi-stat b{display:block; font-size:1.85em; line-height:1.05; color:var(--bn-coral); font-weight:800; letter-spacing:-.02em; font-family:var(--bn-mono)} .bn-roi-stat:nth-child(2) b{color:var(--bn-blue)} .bn-roi-stat:nth-child(3) b{color:var(--bn-ink)} .bn-roi-stat span{display:block; margin-top:7px; font-size:.82em; color:var(--bn-muted); line-height:1.4} .bn-roi-note{font-size:16px; color:var(--bn-muted); margin:16px 0 0; font-style:italic} .bn-bot{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:22px 24px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-bot h3{margin:.1em 0 .3em} .bn-bot>p{font-size:.95em; color:var(--bn-muted); margin:0 0 16px} .bn-bot-win{border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); background:#fff; overflow:hidden} .bn-bot-bar{display:flex; align-items:center; gap:11px; padding:12px 16px; background:var(--bn-sand-2); border-bottom:1px solid var(--bn-border)} .bn-bot-ava{flex:none; width:32px; height:32px; border-radius:50%; background:var(--bn-coral-soft); display:flex; align-items:center; justify-content:center} .bn-bot-ava svg{width:19px; height:19px; color:var(--bn-coral)} .bn-bot-id b{display:block; color:var(--bn-ink); font-size:.95em; line-height:1.2} .bn-bot-id span{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-green); display:inline-flex; align-items:center; gap:5px} .bn-bot-id span::before{content:\"\"; width:7px; height:7px; border-radius:50%; background:var(--bn-green)} .bn-bot-log{padding:16px; min-height:130px; max-height:320px; overflow-y:auto; display:flex; flex-direction:column; gap:10px} .bn-bot-msg{max-width:82%; padding:10px 14px; border-radius:15px; font-size:.95em; line-height:1.5} .bn-bot-msg.bot{align-self:flex-start; background:var(--bn-sand-2); color:var(--bn-text); border-bottom-left-radius:4px} .bn-bot-msg.user{align-self:flex-end; background:var(--bn-coral); color:#332c19; border-bottom-right-radius:4px} .bn-bot-quick{display:flex; flex-wrap:wrap; gap:8px; padding:2px 16px 14px} .bn-art .bn-bot-qbtn{font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:7px 14px; cursor:pointer; transition:.15s} .bn-art .bn-bot-qbtn:hover{background:var(--bn-coral-soft); border-color:var(--bn-coral)} .bn-bot-form{display:flex; gap:8px; padding:12px 16px; border-top:1px solid var(--bn-border); background:var(--bn-sand-2)} .bn-bot-input{flex:1; min-width:0; font-family:inherit; font-size:.95em; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:10px 16px; outline:none} .bn-bot-input:focus{border-color:var(--bn-coral)} .bn-art .bn-bot-send{flex:none; font-family:inherit; font-weight:700; font-size:16px; color:#fff; background:var(--bn-coral); border:none; border-radius:999px; padding:10px 20px; cursor:pointer; transition:.15s} .bn-art .bn-bot-send:hover{background:#ff8782} .bn-art .bn-bot-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic} .bbot-kb,.bbot-fallback{display:none} .bn-shot{margin:16px 0 2px; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); background:#fff; overflow:hidden} .bn-shot-bar{display:flex; align-items:center; gap:8px; padding:9px 13px; background:var(--bn-sand-2); border-bottom:1px solid var(--bn-border)} .bn-shot-dot{width:8px;height:8px;border-radius:50%;background:var(--bn-green);flex:none} .bn-shot-bar b{color:var(--bn-ink); font-size:.9em} .bn-shot-bar span{margin-left:auto; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-muted)} .bn-shot-log{padding:13px 14px; display:flex; flex-direction:column; gap:8px} .bn-shot .bn-bot-msg{max-width:86%; font-size:.9em} .bn-shot-quick{display:flex; flex-wrap:wrap; gap:6px; margin-top:2px} .bn-shot-quick span{font-size:14px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:4px 11px} .bn-exlink{margin:13px 0 0; font-weight:700; display:flex; align-items:center; gap:6px} .bn-exlink svg{width:16px;height:16px;flex:none;color:var(--bn-coral)} .bn-lb{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-lb h3{margin:.1em 0 .3em} .bn-lb>p{font-size:.95em; color:var(--bn-muted); margin:0 0 16px} .bn-lb-ctrl{display:flex; flex-wrap:wrap; gap:11px; align-items:center; margin:0 0 16px} .bn-lb-ctrl br{display:none} .bn-lb-search{flex:1; min-width:200px; font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:11px 18px; outline:none} .bn-lb-search:focus{border-color:var(--bn-coral)} .bn-lb-filters{display:flex; flex-wrap:wrap; gap:8px} .bn-art .bn-lb-fbtn{font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s} .bn-art .bn-lb-fbtn:hover{background:var(--bn-coral-soft)} .bn-art .bn-lb-fbtn.on{background:var(--bn-coral); color:#fff; border-color:var(--bn-coral)} .bn-lb .bn-lb-th{cursor:pointer; user-select:none; white-space:nowrap} .bn-lb .bn-lb-th:hover{color:#fbf7ec; opacity:.85} .bn-lb-rank{font-family:var(--bn-mono); font-weight:700; color:var(--bn-coral); text-align:center} .bn-lb-score{font-family:var(--bn-mono); font-weight:700; color:var(--bn-ink); text-align:right; white-space:nowrap} .lb-empty{padding:16px; text-align:center; color:var(--bn-muted); font-size:.95em} .bn-lb-foot{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic} @media(max-width:680px){ .bn-art{font-size:17px} .bn-stats,.bn-grid,.bn-cols,.bn-ex .bn-ba,.bns-grid,.bn-roi-fields,.bn-roi-out{grid-template-columns:1fr} .bn-roi-field:last-child{grid-column:auto} .bn-toc ol{columns:1} .bn-art h2{font-size:1.5em} .bn-bot-msg{max-width:90%} } .bn-art sup,.bn-art sub{font-size:14px;line-height:0} .bn-klabel.hc{color:var(--bn-coral-txt)} .bn-cdc{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-cdc h3{margin:.1em 0 .3em} .bn-cdc>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-cdc br{display:none} .bn-cdc p:empty{display:none; margin:0} .cdc-q{padding:15px 0; border-top:1px solid var(--bn-border)} .cdc-q:first-of-type{border-top:none; padding-top:2px} .bn-art .cdc-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .cdc-chips{display:flex; flex-wrap:wrap; gap:8px} .cdc-chips p:not([class]){display:contents} .bn-art .cdc-chip{display:inline-flex; align-items:center; font-size:16px; line-height:1.35; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s} .bn-art .cdc-chip:hover{background:var(--bn-coral-soft)} .bn-art .cdc-chip:has(input:checked){background:var(--bn-coral); color:#332c19; border-color:var(--bn-coral); font-weight:700} .cdc-chip input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none} .cdc-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .cdc-line{padding:14px 0; border-top:1px solid var(--bn-sand)} .cdc-line:first-of-type{border-top:none; padding-top:2px} .cdc-line p:not([class]){margin:0} .bn-art .cdc-line b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); margin-bottom:6px} .bn-art .cdc-line span{display:block; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .cdc-copy{margin-top:18px; display:inline-block; background:var(--bn-coral); color:#332c19; border:none; font-family:inherit; font-weight:800; font-size:16px; padding:13px 28px; border-radius:999px; cursor:pointer; box-shadow:0 6px 16px rgba(254,113,107,.28); transition:.15s} .bn-art .cdc-copy:hover{background:#ff8782} .bn-art .cdc-note{font-size:16px; color:var(--bn-muted); margin:12px 0 0; font-style:italic; min-height:1.5em} @media(max-width:680px){ .cdc-chips{flex-direction:column; align-items:stretch} .bn-art .cdc-chip{justify-content:flex-start} } .bn-niv{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-niv h3{margin:.1em 0 .3em} .bn-niv>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-niv br{display:none} .bn-niv p:empty{display:none; margin:0} .niv-q{padding:15px 0; border-top:1px solid var(--bn-border)} .niv-q:first-of-type{border-top:none; padding-top:2px} .bn-art .niv-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .niv-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .bn-art .niv-score{display:flex; align-items:baseline; gap:10px; margin:0 0 13px} .bn-art .niv-score b{font-family:var(--bn-mono); font-size:2.1em; line-height:1; color:var(--bn-coral-txt); font-weight:800; letter-spacing:-.02em} .bn-art .niv-score span{font-size:16px; color:var(--bn-muted)} .niv-gauge{height:10px; border-radius:999px; background:var(--bn-sand); overflow:hidden; margin:0 0 18px} .niv-gauge p:not([class]){display:contents} .niv-gauge i{display:block; height:10px; background:var(--bn-coral); border-radius:999px; width:0} .nivv{display:none; border-radius:var(--bn-r-sm); padding:17px 19px; background:#fff; border:1px solid var(--bn-border)} .nivv.on{display:block} .bn-art .nivv b{display:block; font-size:1.08em; color:var(--bn-ink); margin-bottom:5px} .bn-art .nivv p{margin:0; font-size:16px; line-height:1.62} .bn-art .niv-weak{margin:15px 0 0; font-size:16px; color:var(--bn-text)} .bn-art .niv-weak b{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); display:block; margin-bottom:4px} .bn-art blockquote{margin:26px 0; padding:18px 22px; background:var(--bn-card); border:1px solid var(--bn-border); border-left:4px solid var(--bn-blue); border-radius:var(--bn-r); box-shadow:var(--bn-sh-sm)} .bn-art blockquote p{margin:0; font-size:17px; line-height:1.65; color:var(--bn-text)} .bn-chk{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-chk h3{margin:.1em 0 .3em} .bn-chk>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-chk br{display:none} .bn-chk p:empty{display:none; margin:0} .chk-doc{border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-border); padding:16px 18px; margin:0 0 6px} .bn-art .chk-doc b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); margin-bottom:6px} .bn-art .chk-doc span{display:block; font-size:16px; line-height:1.62; color:var(--bn-text)} .chk-q{padding:15px 0; border-top:1px solid var(--bn-border)} .bn-art .chk-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .chk-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .chk-pieces{display:grid; gap:10px; margin:0 0 16px} .chk-piece{border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-border); padding:12px 14px} .chk-piece.hit{border-color:var(--bn-green); background:var(--bn-green-soft)} .bn-art .chk-piece b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-muted); margin-bottom:5px} .bn-art .chk-piece.hit b{color:var(--bn-green)} .bn-art .chk-piece span{display:block; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .chk-verdict{border-radius:var(--bn-r-sm); padding:14px 16px; font-size:16px; line-height:1.55; background:var(--bn-green-soft); border:1px solid #cfe6c4; color:var(--bn-text); margin:0 0 12px} .bn-art .chk-verdict.ko{background:var(--bn-coral-soft); border-color:var(--bn-coral-line)} .bn-art .chk-stats{margin:0; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .chk-stats b{font-family:var(--bn-mono); color:var(--bn-coral-txt); font-weight:700} .bn-dev{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-dev h3{margin:.1em 0 .3em} .bn-dev>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-dev br{display:none} .bn-dev p:empty{display:none; margin:0} .dev-q{padding:15px 0; border-top:1px solid var(--bn-border)} .dev-q:first-of-type{border-top:none; padding-top:2px} .bn-art .dev-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .dev-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .dev-tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0 0 16px} .dev-stat{background:#fff; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); padding:16px 12px; text-align:center} .bn-art .dev-stat b{display:block; font-family:var(--bn-mono); font-size:1.5em; line-height:1.12; font-weight:800; letter-spacing:-.02em; color:var(--bn-coral-txt)} .bn-art .dev-stat:nth-child(2) b{color:var(--bn-blue)} .bn-art .dev-stat:nth-child(3) b{color:var(--bn-green)} .bn-art .dev-stat:nth-child(4) b{color:var(--bn-ink)} .bn-art .dev-stat span{display:block; margin-top:7px; font-size:14px; color:var(--bn-muted); line-height:1.4} .bn-art .dev-line{margin:0 0 14px; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .dev-line b{font-family:var(--bn-mono); color:var(--bn-coral-txt); font-weight:700} .dvv{display:none; border-radius:var(--bn-r-sm); padding:16px 18px; background:#fff; border:1px solid var(--bn-border)} .dvv.on{display:block} .bn-art .dvv b{display:block; font-size:1.06em; color:var(--bn-ink); margin-bottom:5px} .bn-art .dvv p{margin:0; font-size:16px; line-height:1.62} @media(max-width:680px){ .dev-tiles{grid-template-columns:1fr 1fr} } .bn-fig.chat img{max-width:400px; margin:0 auto} .bn-fig.doc img{max-width:520px; margin:0 auto} .bn-nlu{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-nlu h3{margin:.1em 0 .3em} .bn-nlu>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-nlu br{display:none} .bn-nlu p:empty{display:none; margin:0} .nlu-q{padding:15px 0; border-top:1px solid var(--bn-border)} .nlu-q:first-of-type{border-top:none; padding-top:2px} .bn-art .nlu-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .bn-art .nlu-in{width:100%; font-family:inherit; font-size:16px; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:12px 18px; outline:none} .bn-art .nlu-in:focus{border-color:var(--bn-coral)} .nlu-ex{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px} .nlu-ex p:not([class]){display:contents} .bn-art .nlu-exb{font-family:inherit; font-size:16px; line-height:1.35; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:9px 16px; cursor:pointer; transition:.15s; text-align:left} .bn-art .nlu-exb:hover{background:var(--bn-coral-soft)} .nlu-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .bn-art .nlu-toks{margin:0 0 14px; font-size:16px; line-height:1.7; color:var(--bn-text)} .bn-art .nlu-toks b{font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.08em; color:var(--bn-coral-txt); display:block; margin-bottom:8px} .bn-art .nlu-tk{display:inline-block; font-family:var(--bn-mono); font-size:14px; background:#fff; border:1px solid var(--bn-border); border-radius:999px; padding:3px 11px; margin:0 6px 6px 0; color:var(--bn-ink)} .nlu-row{display:grid; grid-template-columns:1fr 130px 54px; gap:12px; align-items:center; padding:10px 0; border-top:1px solid var(--bn-sand)} .nlu-row:first-child{border-top:none} .bn-art .nlu-lab{font-size:16px; line-height:1.4; color:var(--bn-ink); font-weight:700} .nlu-bar{height:10px; border-radius:999px; background:var(--bn-sand); overflow:hidden} .nlu-bar i{display:block; height:10px; background:var(--bn-coral); border-radius:999px; width:0} .nlu-row.win .nlu-bar i{background:var(--bn-green)} .bn-art .nlu-sc{font-family:var(--bn-mono); font-size:16px; font-weight:700; color:var(--bn-coral-txt); text-align:right} .nlu-verdict{margin:16px 0 0; border-radius:var(--bn-r-sm); padding:16px 18px; background:#fff; border:1px solid var(--bn-border); border-left:4px solid var(--bn-green)} .nlu-verdict.ko{border-left-color:var(--bn-coral)} .bn-art .nlu-verdict b{display:block; font-size:1.06em; color:var(--bn-ink); margin-bottom:5px} .bn-art .nlu-verdict p{margin:0; font-size:16px; line-height:1.62} .bn-art .nlu-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic} @media(max-width:680px){ .nlu-row{grid-template-columns:minmax(0,1fr) 64px 48px; gap:9px} .bn-art .nlu-lab{font-size:16px} } @media(max-width:560px){ .nlu-row{grid-template-columns:minmax(0,1fr) auto; gap:7px 10px; padding:12px 0} .bn-art .nlu-lab{grid-column:1; grid-row:1} .bn-art .nlu-sc{grid-column:2; grid-row:1; text-align:right} .nlu-bar{grid-column:1\/3; grid-row:2} } .bn-art code{font-family:var(--bn-mono); font-size:16px; line-height:1.5; background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:6px; padding:1px 7px; color:var(--bn-ink); word-break:break-word} .bn-art pre{background:var(--bn-sand-2); border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:16px 18px; overflow-x:auto; margin:22px 0} .bn-art pre code{background:none; border:none; padding:0; font-size:16px} .bn-hd{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-hd h3{margin:.1em 0 .3em} .bn-hd>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-hd br{display:none} .bn-hd p:empty{display:none; margin:0} .hd-q{padding:15px 0; border-top:1px solid var(--bn-border)} .hd-q:first-of-type{border-top:none; padding-top:2px} .bn-art .hd-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .hd-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .hd-head{display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:18px; align-items:center} .hd-n{font-family:var(--bn-mono); font-weight:800; line-height:1; color:var(--bn-ink); white-space:nowrap} .bn-art .hd-n span{font-size:34px} .bn-art .hd-n i{font-style:normal; font-size:16px; color:var(--bn-muted); font-weight:600} .hd-track{position:relative; height:14px; border-radius:999px; background:#fff; border:1px solid var(--bn-sand); overflow:hidden} .hd-fill{position:absolute; left:0; top:0; bottom:0; width:0; background:var(--bn-coral); transition:width .18s} .hd-parts{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px} .hd-part{background:#fff; border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:11px 8px; text-align:center} .bn-art .hd-part span{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--bn-muted); line-height:1.3} .bn-art .hd-part b{display:block; font-family:var(--bn-mono); font-size:20px; font-weight:800; color:var(--bn-coral-txt); margin-top:4px} .hdv{display:none; margin-top:18px; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .hdv-1{display:block; border-left:4px solid var(--bn-green)} .hdv-2{border-left:4px solid var(--bn-blue)} .hdv-3{border-left:4px solid var(--bn-coral)} .hdv-4{border-left:4px solid var(--bn-ink)} .bn-art .hdv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:7px} .bn-art .hdv p{margin:0; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .hd-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} @media(max-width:680px){ .bn-hd{padding:20px 17px} .hd-out{padding:17px 15px} .hd-head{grid-template-columns:minmax(0,1fr); gap:12px} .hd-parts{grid-template-columns:repeat(2,minmax(0,1fr))} } .bn-tri{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-tri h3{margin:.1em 0 .3em} .bn-tri>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-tri br{display:none} .bn-tri p:empty{display:none; margin:0} .tri-q{padding:15px 0; border-top:1px solid var(--bn-border)} .tri-q:first-of-type{border-top:none; padding-top:2px} .bn-art .tri-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .tri-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .triv{display:none; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .triv-1{border-left:4px solid var(--bn-ink)} .triv-2{border-left:4px solid var(--bn-coral)} .triv-3{border-left:4px solid var(--bn-blue)} .triv-4{border-left:4px solid var(--bn-muted)} .triv-5{display:block; border-left:4px solid var(--bn-green)} .bn-art .triv em{display:block; font-style:normal; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-coral-txt); margin-bottom:7px; line-height:1.4} .bn-art .triv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:8px} .bn-art .triv p{margin:0 0 .7em; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .triv p:last-child{margin-bottom:0} .tri-lines{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px} .tri-line{background:#fff; border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:13px 15px} .bn-art .tri-line span{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--bn-muted); line-height:1.3; margin-bottom:6px} .bn-art .tri-line b{display:block; font-size:16px; line-height:1.55; color:var(--bn-ink); font-weight:600} .bn-art .tri-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} .bn-tri .bn-tablewrap{margin-top:22px} .bn-art .tri-load{font-family:var(--bn-mono); font-size:16px; line-height:1.2; color:var(--bn-ink); background:#fff; border:1px solid var(--bn-coral-line); border-radius:999px; padding:8px 15px; cursor:pointer; white-space:nowrap; transition:.15s} .bn-art .tri-load:hover{background:var(--bn-coral-soft)} @media(max-width:680px){ .bn-tri{padding:20px 17px} .tri-out{padding:17px 15px} .tri-lines{grid-template-columns:minmax(0,1fr)} } .bn-art .bn-steps ol{list-style:none;padding:0;margin:0} .bn-art .bn-tip,.bn-art .bn-warn,.bn-art .bn-info{background:var(--bn-card);border:1px solid var(--bn-border);border-radius:var(--bn-r);padding:18px 20px;margin:24px 0;box-shadow:var(--bn-sh-sm)} .bn-art .bn-tip{border-left:4px solid var(--bn-green)} .bn-art .bn-warn{border-left:4px solid var(--bn-coral)} .bn-art .bn-info{border-left:4px solid var(--bn-blue)} .bn-art .bn-tip .bn-klabel,.bn-art .bn-warn .bn-klabel,.bn-art .bn-info .bn-klabel{margin-bottom:6px} .bn-art .bn-tip p,.bn-art .bn-warn p,.bn-art .bn-info p{margin:0} .bn-art .bn-tri table{table-layout:fixed;min-width:640px} .bn-art .bn-tri th:nth-child(1),.bn-art .bn-tri td:nth-child(1){width:22%} .bn-art .bn-tri th:nth-child(2),.bn-art .bn-tri td:nth-child(2){width:14%} .bn-art .bn-tri th:nth-child(3),.bn-art .bn-tri td:nth-child(3){width:14%} .bn-art .bn-tri th:nth-child(4),.bn-art .bn-tri td:nth-child(4){width:13%} .bn-art .bn-tri th:nth-child(5),.bn-art .bn-tri td:nth-child(5){width:22%} .bn-art .bn-tri th:nth-child(6),.bn-art .bn-tri td:nth-child(6){width:15%} .bn-art .bn-tri thead th,.bn-art .bn-tri tbody td{padding:11px 8px} .bn-art .tri-load{padding:4px 10px} .bn-art .bn-cta-in{text-align:center;margin:26px 0} .bn-lng{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-lng h3{margin:.1em 0 .3em} .bn-lng>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-lng br{display:none} .bn-lng p:empty{display:none; margin:0} .lng-q{padding:15px 0; border-top:1px solid var(--bn-border)} .lng-q:first-of-type{border-top:none; padding-top:2px} .bn-art .lng-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .lng-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .lng-lines{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px} .lng-line{background:#fff; border:1px solid var(--bn-sand); border-radius:var(--bn-r-sm); padding:13px 15px} .bn-art .lng-line b{display:block; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:var(--bn-muted); line-height:1.3; margin-bottom:6px} .bn-art .lng-line span{display:block; font-size:16px; line-height:1.55; color:var(--bn-ink); font-weight:600} .lngv{display:none; margin-top:16px; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .lngv-1{display:block; border-left:4px solid var(--bn-blue)} .lngv-2{border-left:4px solid var(--bn-coral)} .lngv-3{border-left:4px solid var(--bn-green)} .lngv-4{border-left:4px solid var(--bn-ink)} .bn-art .lngv em{display:block; font-style:normal; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-coral-txt); margin-bottom:7px; line-height:1.4} .bn-art .lngv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:8px} .bn-art .lngv p{margin:0 0 .7em; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .lngv p:last-child{margin-bottom:0} .bn-art .lng-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} .bn-lng .bn-tablewrap{margin-top:22px} .bn-art .bn-lng table{table-layout:fixed; min-width:620px} .bn-art .bn-lng th:nth-child(1),.bn-art .bn-lng td:nth-child(1){width:26%} .bn-art .bn-lng th:nth-child(2),.bn-art .bn-lng td:nth-child(2){width:28%} .bn-art .bn-lng th:nth-child(3),.bn-art .bn-lng td:nth-child(3){width:32%} .bn-art .bn-lng th:nth-child(4),.bn-art .bn-lng td:nth-child(4){width:14%} .bn-art .bn-lng thead th,.bn-art .bn-lng tbody td{padding:11px 10px} @media(max-width:680px){ .bn-lng{padding:20px 17px} .lng-out{padding:17px 15px} .lng-lines{grid-template-columns:minmax(0,1fr)} } .bn-gem{background:var(--bn-card);border:1px solid var(--bn-border);border-radius:var(--bn-r);padding:24px 26px;margin:28px 0;box-shadow:var(--bn-sh)} .bn-gem h3{margin:.1em 0 .3em} .bn-gem>p{font-size:16px;color:var(--bn-muted);margin:0 0 18px} .bn-gem br{display:none} .bn-gem p:empty{display:none;margin:0} .gem-q{padding:15px 0;border-top:1px solid var(--bn-border)} .gem-q:first-of-type{border-top:none;padding-top:2px} .bn-art .gem-qt{font-weight:700;color:var(--bn-ink);margin:0 0 11px;font-size:16px;line-height:1.45} .gem-out{margin:22px 0 0;border-radius:var(--bn-r-sm);background:var(--bn-sand-2);border:1px solid var(--bn-sand);padding:20px 22px} .giv{display:none;border-radius:var(--bn-r-sm);background:#fff;border:1px solid var(--bn-sand);padding:17px 19px;border-left:4px solid var(--bn-coral)} .giv.on{display:block} .giv0{border-left-color:var(--bn-green)} .giv4{border-left-color:var(--bn-blue)} .bn-art .giv em{display:block;font-style:normal;font-family:var(--bn-mono);font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--bn-coral-txt);margin-bottom:7px;line-height:1.4} .bn-art .giv b{display:block;font-size:18px;line-height:1.4;color:var(--bn-ink);margin-bottom:8px} .bn-art .giv p{margin:0;font-size:16px;line-height:1.62;color:var(--bn-text)} .bn-gem .bn-tablewrap{margin-top:22px} @media(max-width:680px){.bn-gem{padding:20px 17px}.gem-out{padding:17px 15px}} .bn-gene{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-gene h3{margin:.1em 0 .3em} .bn-gene>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-gene br{display:none} .bn-gene p:empty{display:none; margin:0} .gene-q{padding:15px 0; border-top:1px solid var(--bn-border)} .gene-q:first-of-type{border-top:none; padding-top:2px} .bn-art .gene-qt{font-weight:700; color:var(--bn-ink); margin:0 0 11px; font-size:16px; line-height:1.45} .gene-out{margin:24px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .gene-tiles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 16px} .gene-stat{background:#fff; border:1px solid var(--bn-border); border-radius:var(--bn-r-sm); padding:16px 12px; text-align:center} .bn-art .gene-stat b{display:block; font-family:var(--bn-mono); font-size:1.5em; line-height:1.12; font-weight:800; letter-spacing:-.02em; color:var(--bn-coral-txt)} .bn-art .gene-stat:nth-child(2) b{color:var(--bn-blue)} .bn-art .gene-stat:nth-child(3) b{color:var(--bn-green)} .bn-art .gene-stat span{display:block; margin-top:7px; font-size:14px; color:var(--bn-muted); line-height:1.4} .bn-art .gene-line{margin:0 0 14px; font-size:16px; line-height:1.6; color:var(--bn-text)} .bn-art .gene-line b{font-family:var(--bn-mono); color:var(--bn-coral-txt); font-weight:700} .gene-v{display:none; border-radius:var(--bn-r-sm); padding:16px 18px; background:#fff; border:1px solid var(--bn-border)} .gene-v.on{display:block} .bn-art .gene-v b{display:block; font-size:1.06em; color:var(--bn-ink); margin-bottom:5px} .bn-art .gene-v p{margin:0; font-size:16px; line-height:1.62} .bn-art .gene-note{margin:14px 0 0; font-size:16px; line-height:1.55; color:var(--bn-muted)} .bn-gene table.gene-data{margin:0 0 4px} .bn-art table.gene-data tbody tr.gene-hit td{background:var(--bn-green-soft)} @media(max-width:680px){ .gene-tiles{grid-template-columns:minmax(0,1fr)} } .bn-bud{background:var(--bn-card); border:1px solid var(--bn-border); border-radius:var(--bn-r); padding:24px 26px; margin:28px 0; box-shadow:var(--bn-sh)} .bn-bud h3{margin:.1em 0 .3em} .bn-bud>p{font-size:.95em; color:var(--bn-muted); margin:0 0 18px} .bn-bud br{display:none} .bn-bud p:empty{display:none; margin:0} .bud-out{margin:22px 0 0; border-radius:var(--bn-r-sm); background:var(--bn-sand-2); border:1px solid var(--bn-sand); padding:20px 22px} .budv{display:none; margin-top:16px; border-radius:var(--bn-r-sm); background:#fff; border:1px solid var(--bn-sand); padding:17px 19px} .budv-1{display:block; border-left:4px solid var(--bn-green)} .budv-2{border-left:4px solid var(--bn-blue)} .budv-3{border-left:4px solid var(--bn-coral)} .budv-4{border-left:4px solid var(--bn-ink)} .bn-art .budv em{display:block; font-style:normal; font-family:var(--bn-mono); font-size:14px; text-transform:uppercase; letter-spacing:.06em; color:var(--bn-coral-txt); margin-bottom:7px; line-height:1.4} .bn-art .budv b{display:block; font-size:18px; line-height:1.4; color:var(--bn-ink); margin-bottom:8px} .bn-art .budv p{margin:0 0 .7em; font-size:16px; line-height:1.62; color:var(--bn-text)} .bn-art .budv p:last-child{margin-bottom:0} .bn-art .bud-note{font-size:16px; color:var(--bn-muted); margin:14px 0 0; font-style:italic; line-height:1.55} .bn-bud .bn-tablewrap{margin-top:22px} @media(max-width:680px){ .bn-bud{padding:20px 17px} .bud-out{padding:17px 15px} }`));document.head.appendChild(s);<\/script><\/p>\n<div class=\"bn-art\">\n<span class=\"bn-klabel\">GUIDE CHATBOT TEMPLATE 2026<\/span>\n<div class=\"bn-tldr\">\n<p><strong>En bref :<\/strong> un \u00ab chatbot template \u00bb est un chatbot pr\u00e9-construit que l\u2019on installe puis que l\u2019on adapte, au lieu de tout cr\u00e9er depuis une page blanche. Derri\u00e8re ce mot anglais se cachent deux r\u00e9alit\u00e9s tr\u00e8s diff\u00e9rentes : les <strong>gabarits conversationnels<\/strong> pr\u00eats \u00e0 l\u2019emploi (un sc\u00e9nario complet : questions, branches, r\u00e9ponses, connecteurs) et les <strong>templates de code<\/strong> (des squelettes HTML, React ou de d\u00e9p\u00f4t Git destin\u00e9s aux d\u00e9veloppeurs). Botnation propose <strong>8 gabarits conversationnels gratuits<\/strong>, installables sans code depuis son interface (relev\u00e9 du 17\/09\/2026), et son offre Entreprise permet aussi de faire construire un chatbot sur mesure par ses experts (sur devis). Ce guide explique ce que contient un bon gabarit, comment distinguer les deux familles, et comment partir du bon point de d\u00e9part selon votre projet.<\/p>\n<\/div>\n<p>La requ\u00eate \u00ab chatbot template \u00bb est tap\u00e9e en fran\u00e7ais, mais les pages qui y r\u00e9pondent sont presque toutes anglophones, et elles ne parlent pas toutes de la m\u00eame chose : \u00e0 c\u00f4t\u00e9 des gabarits de conversation que proposent les plateformes no-code, on y trouve des maquettes de design, des d\u00e9p\u00f4ts de code et des composants d\u2019interface. Cette page fait le tri. Elle a un avantage de terrain : les gabarits d\u00e9crits ici sont r\u00e9els, list\u00e9s et testables en d\u00e9monstration, et leur relev\u00e9 est dat\u00e9 du 17\/09\/2026.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #3d351f;color:#3d351f\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #3d351f;color:#3d351f\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Template_gabarit_ou_modele_de_chatbot_trois_mots_pour_une_seule_realite\" >Template, gabarit ou mod\u00e8le de chatbot : trois mots pour une seule r\u00e9alit\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Les_deux_familles_de_chatbot_templates_et_comment_ne_pas_se_tromper\" >Les deux familles de chatbot templates (et comment ne pas se tromper)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Que_contient_un_bon_gabarit_de_chatbot_conversationnel\" >Que contient un bon gabarit de chatbot conversationnel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Les_8_gabarits_de_chatbot_de_Botnation_releve_du_17092026\" >Les 8 gabarits de chatbot de Botnation (relev\u00e9 du 17\/09\/2026)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Template_HTML_React_ou_depot_Git_ce_que_valent_vraiment_les_templates_de_code\" >Template HTML, React ou d\u00e9p\u00f4t Git : ce que valent vraiment les templates de code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Partir_dun_gabarit_en_autonomie_ou_faire_construire_sur_mesure_les_deux_voies_Botnation\" >Partir d\u2019un gabarit en autonomie ou faire construire sur mesure : les deux voies Botnation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Quel_gabarit_pour_votre_projet_Le_selecteur\" >Quel gabarit pour votre projet ? Le s\u00e9lecteur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Comment_installer_un_gabarit_de_chatbot_dans_Botnation_5_etapes\" >Comment installer un gabarit de chatbot dans Botnation (5 \u00e9tapes)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Questions_frequentes_sur_les_chatbot_templates\" >Questions fr\u00e9quentes sur les chatbot templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Le_bon_template_est_celui_qui_vous_fait_demarrer_pas_celui_qui_brille\" >Le bon template est celui qui vous fait d\u00e9marrer, pas celui qui brille<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/botnation.ai\/fr\/template-chatbot\/#Vos_gabarits_de_chatbot_sont_prets\" >Vos gabarits de chatbot sont pr\u00eats<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 id=\"definition\"><span class=\"ez-toc-section\" id=\"Template_gabarit_ou_modele_de_chatbot_trois_mots_pour_une_seule_realite\"><\/span>Template, gabarit ou mod\u00e8le de chatbot : trois mots pour une seule r\u00e9alit\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un chatbot template est une <strong>base de travail pr\u00e9-construite<\/strong> : un sc\u00e9nario de conversation d\u00e9j\u00e0 \u00e9crit, d\u00e9j\u00e0 branch\u00e9, d\u00e9j\u00e0 test\u00e9, que l\u2019on duplique dans son propre compte pour l\u2019adapter \u00e0 son activit\u00e9. L\u2019id\u00e9e est la m\u00eame qu\u2019un mod\u00e8le de document ou un patron de couture : on part d\u2019une structure qui marche, et on remplace le contenu.<\/p>\n<p>Le vocabulaire varie d\u2019un \u00e9diteur \u00e0 l\u2019autre, sans diff\u00e9rence de fond :<\/p>\n<ul>\n<li><strong>Template<\/strong> : le mot anglais, le plus courant dans les recherches ;<\/li>\n<li><strong>Gabarit<\/strong> : sa traduction fran\u00e7aise, celle que Botnation emploie sur sa page de d\u00e9monstrations ;<\/li>\n<li><strong>Mod\u00e8le<\/strong> : la troisi\u00e8me variante, utilis\u00e9e par la page de support officielle de Botnation (\u00ab Mod\u00e8les de ChatBot \u00bb).<\/li>\n<\/ul>\n<p>Chez Botnation, les trois termes d\u00e9signent exactement la m\u00eame chose : le titre de la page de d\u00e9monstrations dit \u00ab Chatbots de d\u00e9monstration \u00bb et pr\u00e9cise que \u00ab Ces exemples sont disponibles en tant que gabarits sur notre plateforme \u00bb (relev\u00e9 du 17\/09\/2026). Si vous cherchez un \u00ab mod\u00e8le de chatbot \u00bb, un \u00ab gabarit de chatbot \u00bb ou un \u00ab chatbot template \u00bb, vous cherchez donc la m\u00eame ressource. La nuance qui compte vraiment se trouve ailleurs : dans la <strong>famille<\/strong> du template que vous regardez.<\/p>\n<h2 id=\"familles\"><span class=\"ez-toc-section\" id=\"Les_deux_familles_de_chatbot_templates_et_comment_ne_pas_se_tromper\"><\/span>Les deux familles de chatbot templates (et comment ne pas se tromper)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Quand une page de r\u00e9sultats pr\u00e9sente des templates de chatbot, deux univers diff\u00e9rents se m\u00e9langent souvent. Les distinguer \u00e9vite de perdre une soir\u00e9e avec le mauvais.<\/p>\n<div style=\"overflow-x:auto;\">\n<table>\n<thead>\n<tr>\n<th><\/th>\n<th>Gabarit conversationnel (no-code)<\/th>\n<th>Template de code (HTML, React, d\u00e9p\u00f4t Git)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Ce que c\u2019est<\/strong><\/td>\n<td>Un sc\u00e9nario complet et vivant : questions, branches, r\u00e9ponses par d\u00e9faut, connecteurs, canaux<\/td>\n<td>Un squelette d\u2019interface ou de programme : structure de fichiers, composant de chat, appel d\u2019API \u00e0 compl\u00e9ter<\/td>\n<\/tr>\n<tr>\n<td><strong>Pour qui<\/strong><\/td>\n<td>\u00c9quipes marketing, support, RH, commerce ; porteurs de projet sans d\u00e9veloppeur<\/td>\n<td>D\u00e9veloppeurs et \u00e9quipes produit qui int\u00e8grent un chat dans une application<\/td>\n<\/tr>\n<tr>\n<td><strong>Ce qu\u2019on obtient<\/strong><\/td>\n<td>Un chatbot en ligne, testable, modifiable \u00e0 la main dans un \u00e9diteur visuel<\/td>\n<td>Une base de d\u00e9veloppement : reste \u00e0 coder, h\u00e9berger, maintenir, tester<\/td>\n<\/tr>\n<tr>\n<td><strong>Canaux<\/strong><\/td>\n<td>Web, Messenger, WhatsApp, Instagram et autres, selon la plateforme<\/td>\n<td>Celui que vous codez ; chaque canal est un travail suppl\u00e9mentaire<\/td>\n<\/tr>\n<tr>\n<td><strong>H\u00e9bergement<\/strong><\/td>\n<td>Inclus chez l\u2019\u00e9diteur de la plateforme<\/td>\n<td>\u00c0 votre charge (serveur, cl\u00e9 d\u2019API, s\u00e9curit\u00e9, mises \u00e0 jour)<\/td>\n<\/tr>\n<tr>\n<td><strong>\u00c9volution<\/strong><\/td>\n<td>Se modifie dans l\u2019\u00e9diteur, sans code, en continu<\/td>\n<td>Se modifie dans le code, \u00e0 chaque changement de sc\u00e9nario<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Comment choisir ? Si l\u2019objectif est un <strong>chatbot qui r\u00e9pond vraiment \u00e0 vos visiteurs cette semaine<\/strong> (collecter des leads, r\u00e9pondre aux questions fr\u00e9quentes, prendre des r\u00e9servations), le gabarit conversationnel est le chemin le plus direct : tout ce qui est fastidieux (la m\u00e9canique de dialogue, les branchements, la connexion aux canaux) est d\u00e9j\u00e0 en place. Si l\u2019objectif est un <strong>composant \u00e0 l\u2019int\u00e9rieur d\u2019un produit logiciel<\/strong> (une bulle de chat dans votre application, avec votre propre backend), alors c\u2019est le domaine du template de code, et il faut un d\u00e9veloppeur.<\/p>\n<p>Les deux familles ne s\u2019excluent d\u2019ailleurs pas : une \u00e9quipe produit peut prototyper son sc\u00e9nario dans un gabarit no-code pour valider les dialogues avec de vrais utilisateurs, avant de le reproduire dans son code. \u00c0 l\u2019inverse, une \u00e9quipe marketing qui re\u00e7oit un template de code n\u2019en tirera rien sans comp\u00e9tences de d\u00e9veloppement.<\/p>\n<h2 id=\"contenu\"><span class=\"ez-toc-section\" id=\"Que_contient_un_bon_gabarit_de_chatbot_conversationnel\"><\/span>Que contient un bon gabarit de chatbot conversationnel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Tous les gabarits ne se valent pas. Un gabarit utile se reconna\u00eet \u00e0 ce qu\u2019il vous \u00e9pargne vraiment du travail, pas seulement \u00e0 son apparence. Voici les \u00e9l\u00e9ments qui font la diff\u00e9rence :<\/p>\n<ul>\n<li><strong>Un objectif unique et lisible<\/strong> : collecter un lead, r\u00e9pondre \u00e0 une FAQ, prendre contact. Un gabarit qui essaie de tout faire se personnalise mal ;<\/li>\n<li><strong>L\u2019arbre de dialogue complet<\/strong> : les questions, les branches de r\u00e9ponses, les relances si l\u2019utilisateur ne r\u00e9pond pas, et une sortie propre quand le besoin n\u2019est pas couvert ;<\/li>\n<li><strong>Des commentaires dans le sc\u00e9nario<\/strong> : c\u2019est le crit\u00e8re le plus sous-estim\u00e9. La page de d\u00e9monstrations de Botnation pr\u00e9cise que \u00ab tous nos mod\u00e8les sont expliqu\u00e9s de mani\u00e8re interactive et comportent de nombreux commentaires \u00bb (relev\u00e9 du 17\/09\/2026) : on comprend pourquoi chaque bloc existe avant de le modifier ;<\/li>\n<li><strong>Les connecteurs d\u00e9j\u00e0 pos\u00e9s<\/strong> : envoi d\u2019email \u00e0 l\u2019\u00e9quipe, enregistrement des r\u00e9ponses, redirection vers la bonne page. Reste \u00e0 brancher vos adresses et vos outils ;<\/li>\n<li><strong>Des champs nomm\u00e9s clairement<\/strong> : nom, email, demande ; \u00e0 remplacer par vos propres libell\u00e9s sans casser la logique ;<\/li>\n<li><strong>Une d\u00e9monstration jouable<\/strong> : pouvoir tester le gabarit AVANT de l\u2019installer, sur le canal vis\u00e9 (web ou Messenger), \u00e9vite les mauvaises surprises.<\/li>\n<\/ul>\n<figure class=\"bn-fig\"><img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-template-corps1.jpg\" alt=\"Personne de dos devant un ordinateur portable \u00e0 \u00e9cran vierge, avec des cartes reli\u00e9es par des fils corail dessinant un sc\u00e9nario de chatbot\" decoding=\"async\"><figcaption>Partir d\u2019un gabarit : la structure du dialogue existe d\u00e9j\u00e0, on remplace le contenu. Illustration.<\/figcaption><\/figure>\n<div class=\"bn-call\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5b7bfb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n<div><span class=\"bn-klabel\">ASTUCE<\/span>\n<p><strong>Testez toujours la d\u00e9mo avant d\u2019installer.<\/strong> Chaque gabarit de la page d\u00e9monstrations de Botnation propose deux d\u00e9mos : une sur un chatbot web, une sur Facebook Messenger. Jouez celle de votre canal : c\u2019est exactement le point de d\u00e9part que vous allez personnaliser.<\/p>\n<\/div>\n<\/div>\n<h2 id=\"gabarits\"><span class=\"ez-toc-section\" id=\"Les_8_gabarits_de_chatbot_de_Botnation_releve_du_17092026\"><\/span>Les 8 gabarits de chatbot de Botnation (relev\u00e9 du 17\/09\/2026)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La page <a href=\"https:\/\/botnation.ai\/fr\/demonstrations\/\">d\u00e9monstrations de chatbots<\/a> de Botnation pr\u00e9sente 8 chatbots de d\u00e9monstration, chacun jouable en web et sur Facebook Messenger, et chacun disponible en tant que gabarit dans la plateforme. Voici la liste compl\u00e8te telle que publi\u00e9e au 17\/09\/2026, avec ce que fait chaque gabarit :<\/p>\n<div style=\"overflow-x:auto;\">\n<table>\n<thead>\n<tr>\n<th>Gabarit<\/th>\n<th>\u00c0 quoi il sert<\/th>\n<th>Ce qu\u2019il y a d\u00e9j\u00e0 dedans<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Collecte de leads<\/strong><\/td>\n<td>Un chatbot formulaire qui envoie un email \u00e0 l\u2019\u00e9quipe d\u00e8s qu\u2019un lead est collect\u00e9<\/td>\n<td>Les champs les plus usuels, pr\u00eats \u00e0 ajuster (ajouter ou retirer des questions)<\/td>\n<\/tr>\n<tr>\n<td><strong>Contactez-nous<\/strong><\/td>\n<td>Un r\u00e9pondeur multi-canaux : prise de message texte, chat en direct, demande d\u2019appel<\/td>\n<td>Un param\u00e9trage selon vos disponibilit\u00e9s<\/td>\n<\/tr>\n<tr>\n<td><strong>Service client<\/strong><\/td>\n<td>Une structure classique de chatbot d\u2019assistance \u00e0 adapter \u00e0 votre entreprise<\/td>\n<td>Pages fonctionnalit\u00e9s, tarifs, promo, FAQ et contact d\u00e9j\u00e0 organis\u00e9es<\/td>\n<\/tr>\n<tr>\n<td><strong>Enqu\u00eate de satisfaction<\/strong><\/td>\n<td>Un questionnaire construit sur la fonctionnalit\u00e9 \u00ab Sondage \u00bb de Botnation<\/td>\n<td>Les r\u00e9sultats consultables en temps r\u00e9el sous forme de graphiques<\/td>\n<\/tr>\n<tr>\n<td><strong>Restaurant<\/strong><\/td>\n<td>Horaires, adresse, menus et galerie de photos pour un \u00e9tablissement<\/td>\n<td>Un remplissage \u00ab comme un formulaire \u00bb : on saisit ses informations, le chatbot se cr\u00e9e<\/td>\n<\/tr>\n<tr>\n<td><strong>Agence immobili\u00e8re<\/strong><\/td>\n<td>Pr\u00e9senter une s\u00e9lection d\u2019offres class\u00e9es par type de bien et nature de recherche<\/td>\n<td>Le tri appartement\/maison et achat\/vente d\u00e9j\u00e0 en place<\/td>\n<\/tr>\n<tr>\n<td><strong>E-commerce<\/strong><\/td>\n<td>Aider un visiteur \u00e0 trouver un produit (exemple : une recherche de cadeau)<\/td>\n<td>L\u2019assistance guid\u00e9e vers les produits du site marchand<\/td>\n<\/tr>\n<tr>\n<td><strong>Quizz<\/strong><\/td>\n<td>Un quiz de 10 questions qui r\u00e9agit selon le score de l\u2019utilisateur<\/td>\n<td>La m\u00e9canique de score compl\u00e8te : on remplace les textes, la logique reste<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Cette page de d\u00e9monstrations n\u2019est pas une vitrine statique : la page de support \u00ab Mod\u00e8les de ChatBot \u00bb de Botnation les pr\u00e9sente comme des bases installables, personnalisables pour un site web ou Facebook Messenger, et indique qu\u2019ils s\u2019installent <strong>gratuitement<\/strong> depuis l\u2019interface Botnation (relev\u00e9 du 17\/09\/2026). C\u00f4t\u00e9 tarif, la grille publi\u00e9e le 17\/09\/2026 confirme un plan GRATUIT \u00e0 0 \u20ac par mois pour tester la plateforme, sans carte bancaire, les plans payants commen\u00e7ant \u00e0 39 \u20ac par mois (HT). Les gabarits eux-m\u00eames ne sont pas factur\u00e9s : ce qui peut consommer des cr\u00e9dits, ce sont les usages d\u2019IA avanc\u00e9e, factur\u00e9s en packs s\u00e9par\u00e9s (1 000 cr\u00e9dits \u00e0 25 \u20ac, relev\u00e9 du 17\/09\/2026).<\/p>\n<figure class=\"bn-fig\"><img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-template-capture-demo-fr.jpg\" alt=\"Page d\u00e9monstrations de Botnation listant les huit chatbots de d\u00e9monstration disponibles en tant que gabarits\" decoding=\"async\"><figcaption>La page d\u00e9monstrations de Botnation le 17\/09\/2026 : huit chatbots de d\u00e9monstration, chacun jouable en web et sur Facebook Messenger, et disponible en tant que gabarit.<\/figcaption><\/figure>\n<h2 id=\"code\"><span class=\"ez-toc-section\" id=\"Template_HTML_React_ou_depot_Git_ce_que_valent_vraiment_les_templates_de_code\"><\/span>Template HTML, React ou d\u00e9p\u00f4t Git : ce que valent vraiment les templates de code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L\u2019autre famille que la recherche \u00ab chatbot template \u00bb met en avant vient du monde du d\u00e9veloppement : des interfaces de chat pr\u00eates \u00e0 styler, des composants React, des d\u00e9p\u00f4ts \u00e0 cloner ou des maquettes de design. Ces ressources sont r\u00e9elles et utiles, \u00e0 condition de savoir ce qu\u2019elles sont : des <strong>points de d\u00e9part techniques<\/strong>, pas des chatbots fonctionnels.<\/p>\n<p>Ce qu\u2019un template de code ne fait pas \u00e0 votre place :<\/p>\n<ul>\n<li><strong>\u00c9crire les conversations<\/strong> : le sc\u00e9nario, les branches, les r\u00e9ponses par d\u00e9faut, les cas bizarres ; c\u2019est le travail le plus long d\u2019un projet de chatbot, et il reste entier ;<\/li>\n<li><strong>H\u00e9berger et s\u00e9curiser<\/strong> : serveur, nom de domaine, certificats, protection des donn\u00e9es \u00e9chang\u00e9es ;<\/li>\n<li><strong>Connecter les canaux<\/strong> : chaque canal de messagerie a ses r\u00e8gles, ses limites et ses proc\u00e9dures d\u2019homologation ;<\/li>\n<li><strong>Maintenir<\/strong> : chaque \u00e9volution du sc\u00e9nario repasse par le code, par un d\u00e9veloppeur, et par une mise en production.<\/li>\n<\/ul>\n<p>Pour une \u00e9quipe de d\u00e9veloppement qui construit un produit, ce choix a du sens : le composant de chat s\u2019int\u00e8gre au reste de l\u2019application, avec les outils de l\u2019\u00e9quipe. Pour une entreprise qui veut <strong>un chatbot op\u00e9rationnel rapidement, modifiable par l\u2019\u00e9quipe m\u00e9tier<\/strong>, un gabarit conversationnel sur une plateforme no-code fait gagner tout ce qui pr\u00e9c\u00e8de : la m\u00e9canique est d\u00e9j\u00e0 l\u00e0, et les modifications se font dans un \u00e9diteur visuel. Si votre c\u0153ur de m\u00e9tier n\u2019est pas l\u2019informatique, c\u2019est presque toujours le bon arbitrage. Pour voir ce que couvre concr\u00e8tement un chatbot de ce type selon son type (sc\u00e9naris\u00e9, intelligent, hybride ou g\u00e9n\u00e9ratif), le guide sur les <a href=\"https:\/\/botnation.ai\/fr\/type-de-chatbot\/\">types de chatbots<\/a> d\u00e9taille les quatre familles et leurs usages.<\/p>\n<figure class=\"bn-fig\"><img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-template-corps2.jpg\" alt=\"Structure en bois en forme d'arbre de conversation portant des cartes vierges : la structure du gabarit accueille vos contenus\" decoding=\"async\"><figcaption>Le gabarit joue le r\u00f4le de la structure : il porte vos contenus comme ce support porte ses cartes. Illustration.<\/figcaption><\/figure>\n<h2 id=\"partir\"><span class=\"ez-toc-section\" id=\"Partir_dun_gabarit_en_autonomie_ou_faire_construire_sur_mesure_les_deux_voies_Botnation\"><\/span>Partir d\u2019un gabarit en autonomie ou faire construire sur mesure : les deux voies Botnation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Botnation couvre les deux situations, et sa page d\u2019accueil les assume explicitement (capture relev\u00e9e le 17\/09\/2026) : une <strong>\u00ab Offre Self-Service \u00bb<\/strong> pour \u00ab cr\u00e9er et g\u00e9rer vous-m\u00eame votre agent, en autonomie, avec notre plateforme intuitive \u00bb, et une <strong>\u00ab Offre Accompagnement \u00bb<\/strong> o\u00f9 \u00ab nos experts con\u00e7oivent, optimisent et pilotent votre agent pour maximiser vos r\u00e9sultats \u00bb.<\/p>\n<p><strong>La voie autonome.<\/strong> Vous installez un gabarit, vous remplacez les textes, vous branchez vos outils, vous publiez. Les gabarits et l\u2019\u00e9diteur visuel sont faits pour \u00e7a : pas de code, et la possibilit\u00e9 de tout modifier plus tard sans passer par un tiers. C\u2019est le bon choix pour un premier chatbot, pour tester un cas d\u2019usage, ou pour une \u00e9quipe qui veut garder la main au quotidien.<\/p>\n<p><strong>La voie accompagn\u00e9e.<\/strong> Si le projet sort du gabarit (un parcours m\u00e9tier complexe, une int\u00e9gration \u00e0 votre syst\u00e8me d\u2019information, un cahier des charges pr\u00e9cis), l\u2019offre Entreprise de Botnation inclut litt\u00e9ralement des \u00ab Services cr\u00e9ation de chatbot \u00bb, un \u00ab Responsable de compte d\u00e9di\u00e9 \u00bb et un \u00ab Onboarding personnalis\u00e9 \u00bb (page tarifs, relev\u00e9 du 17\/09\/2026). Le prix de cette construction sur mesure n\u2019est pas public : il se chiffre sur devis, selon le p\u00e9rim\u00e8tre. L\u2019\u00e9quipe qui construit est celle qui \u00e9dite la plateforme : pas d\u2019interm\u00e9diaire entre vous et l\u2019outil, et le compte, les sc\u00e9narios et la base restent \u00e0 votre nom dans l\u2019\u00e9diteur, donc vous gardez la main une fois la livraison faite.<\/p>\n<p>\u00c0 l\u2019inverse, une agence tierce reste l\u00e9gitime dans certains cas : un m\u00e9tier tr\u00e8s sp\u00e9cifique qui exige une expertise de secteur, une r\u00e9gie sur place chez le client, ou un int\u00e9grateur d\u00e9j\u00e0 en place qui conna\u00eet votre syst\u00e8me d\u2019information. Le bon prestataire est celui qui couvre votre p\u00e9rim\u00e8tre r\u00e9el, pas celui qui promet le plus.<\/p>\n<figure class=\"bn-fig\"><img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-template-capture-home-fr.jpg\" alt=\"Section de la page d'accueil Botnation pr\u00e9sentant l'offre Self-Service et l'offre Accompagnement\" decoding=\"async\"><figcaption>La page d\u2019accueil de Botnation le 17\/09\/2026 : l\u2019offre Self-Service (cr\u00e9er en autonomie) et l\u2019offre Accompagnement (faire concevoir par les experts) pr\u00e9sent\u00e9es c\u00f4te \u00e0 c\u00f4te.<\/figcaption><\/figure>\n<h2 id=\"selecteur\"><span class=\"ez-toc-section\" id=\"Quel_gabarit_pour_votre_projet_Le_selecteur\"><\/span>Quel gabarit pour votre projet ? Le s\u00e9lecteur<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>R\u00e9pondez \u00e0 trois questions : le s\u00e9lecteur indique le gabarit de d\u00e9part adapt\u00e9 \u00e0 votre cas, ou la voie (autonomie ou accompagnement) qui correspond \u00e0 votre situation.<\/p>\n<div class=\"bn-quiz\" id=\"tpl-select\">\n<span class=\"bn-klabel\">S\u00c9LECTEUR DE GABARIT<\/span>\n<div class=\"bnq-q\">\n<p class=\"bnq-qt\">1. Quel est l\u2019objectif principal de votre chatbot ?<\/p>\n<p><label class=\"bnq-opt\" for=\"tq1-leads\"><input type=\"radio\" name=\"tq1\" id=\"tq1-leads\" value=\"leads\"> Collecter des contacts (leads)<\/label><br>\n<label class=\"bnq-opt\" for=\"tq1-support\"><input type=\"radio\" name=\"tq1\" id=\"tq1-support\" value=\"support\"> R\u00e9pondre aux questions de mes clients<\/label><br>\n<label class=\"bnq-opt\" for=\"tq1-survey\"><input type=\"radio\" name=\"tq1\" id=\"tq1-survey\" value=\"survey\"> Interroger, mesurer, faire r\u00e9agir<\/label><br>\n<label class=\"bnq-opt\" for=\"tq1-guide\"><input type=\"radio\" name=\"tq1\" id=\"tq1-guide\" value=\"guide\"> Guider vers un produit, un lieu ou une offre<\/label>\n<\/p><\/div>\n<div class=\"bnq-q\">\n<p class=\"bnq-qt\">2. Sur quel canal principal ?<\/p>\n<p><label class=\"bnq-opt\" for=\"tq2-web\"><input type=\"radio\" name=\"tq2\" id=\"tq2-web\" value=\"web\"> Un site web<\/label><br>\n<label class=\"bnq-opt\" for=\"tq2-ms\"><input type=\"radio\" name=\"tq2\" id=\"tq2-ms\" value=\"ms\"> Facebook Messenger<\/label><br>\n<label class=\"bnq-opt\" for=\"tq2-both\"><input type=\"radio\" name=\"tq2\" id=\"tq2-both\" value=\"both\"> Les deux<\/label>\n<\/p><\/div>\n<div class=\"bnq-q\">\n<p class=\"bnq-qt\">3. Comment voulez-vous r\u00e9aliser le projet ?<\/p>\n<p><label class=\"bnq-opt\" for=\"tq3-auto\"><input type=\"radio\" name=\"tq3\" id=\"tq3-auto\" value=\"auto\"> En autonomie, en partant d\u2019un gabarit<\/label><br>\n<label class=\"bnq-opt\" for=\"tq3-expert\"><input type=\"radio\" name=\"tq3\" id=\"tq3-expert\" value=\"expert\"> Accompagn\u00e9, en faisant construire sur mesure<\/label>\n<\/p><\/div>\n<p><button type=\"button\" class=\"bnq-btn\" id=\"tpl-go\">Voir le point de d\u00e9part recommand\u00e9<\/button><\/p>\n<div class=\"bnq-res on\" id=\"tpl-wait\">\n<p class=\"bnq-rt\">En attente de vos r\u00e9ponses<\/p>\n<p>R\u00e9pondez aux trois questions ci-dessus, puis cliquez sur le bouton : le s\u00e9lecteur affiche le gabarit de d\u00e9part adapt\u00e9, ou la voie recommand\u00e9e. Aucun choix n\u2019est retenu avant votre clic.<\/p>\n<\/div>\n<div class=\"bnq-res\" id=\"tplv-leads\">\n<p class=\"bnq-rt\">Votre point de d\u00e9part : le gabarit \u00ab Collecte de leads \u00bb<\/p>\n<p>Ce gabarit joue exactement votre sc\u00e9nario : il pose les questions utiles \u00e0 votre activit\u00e9, puis envoie un email \u00e0 votre \u00e9quipe d\u00e8s qu\u2019un contact est capt\u00e9. Les champs les plus usuels sont d\u00e9j\u00e0 en place ; vous ajustez les questions et l\u2019adresse de notification. Si votre besoin est plut\u00f4t de orienter les visiteurs vers vos fiches produits, regardez aussi le gabarit \u00ab E-commerce \u00bb.<\/p>\n<p class=\"tpl-c\" data-c=\"web\">C\u00f4t\u00e9 canal : jouez la d\u00e9mo \u00ab Chatbot Web \u00bb du gabarit, c\u2019est le point de d\u00e9part le plus proche de votre cas.<\/p>\n<p class=\"tpl-c\" data-c=\"ms\">C\u00f4t\u00e9 canal : jouez la d\u00e9mo \u00ab Facebook Messenger \u00bb du gabarit, c\u2019est le point de d\u00e9part le plus proche de votre cas.<\/p>\n<p class=\"tpl-c\" data-c=\"both\">C\u00f4t\u00e9 canal : le gabarit existe en version web et Messenger ; installez-le une fois, publiez-le sur les deux canaux.<\/p>\n<p>Pour aller plus loin sur ce cas d\u2019usage : la page <a href=\"https:\/\/botnation.ai\/fr\/produits\/generation-de-leads\/\">chatbot de g\u00e9n\u00e9ration de leads<\/a> d\u00e9taille la m\u00e9canique compl\u00e8te.<\/p>\n<\/div>\n<div class=\"bnq-res\" id=\"tplv-support\">\n<p class=\"bnq-rt\">Votre point de d\u00e9part : le gabarit \u00ab Service client \u00bb<\/p>\n<p>Ce gabarit apporte une structure compl\u00e8te (fonctionnalit\u00e9s, tarifs, FAQ, contact) que vous adaptez \u00e0 votre entreprise : c\u2019est une base de r\u00e9ponse client d\u00e9j\u00e0 organis\u00e9e. Compl\u00e9tez-le avec vos vraies questions fr\u00e9quentes et vos horaires de disponibilit\u00e9. Pour un besoin de support informatique ou de helpdesk, la m\u00e9thode est d\u00e9taill\u00e9e dans le guide <a href=\"https:\/\/botnation.ai\/fr\/chatbot-helpdesk\/\">chatbot helpdesk<\/a>.<\/p>\n<p class=\"tpl-c\" data-c=\"web\">C\u00f4t\u00e9 canal : partez de la d\u00e9mo \u00ab Chatbot Web \u00bb du gabarit.<\/p>\n<p class=\"tpl-c\" data-c=\"ms\">C\u00f4t\u00e9 canal : partez de la d\u00e9mo \u00ab Facebook Messenger \u00bb du gabarit.<\/p>\n<p class=\"tpl-c\" data-c=\"both\">C\u00f4t\u00e9 canal : le gabarit est jouable en web et Messenger ; un seul gabarit, deux publications.<\/p>\n<\/div>\n<div class=\"bnq-res\" id=\"tplv-survey\">\n<p class=\"bnq-rt\">Votre point de d\u00e9part : les gabarits \u00ab Enqu\u00eate de satisfaction \u00bb ou \u00ab Quizz \u00bb<\/p>\n<p>Mesurer ou faire r\u00e9agir sont deux usages couverts : l\u2019\u00ab Enqu\u00eate de satisfaction \u00bb construit un questionnaire sur la fonctionnalit\u00e9 \u00ab Sondage \u00bb (r\u00e9sultats en graphiques en temps r\u00e9el), le \u00ab Quizz \u00bb apporte la m\u00e9canique de score sur 10 questions. Choisissez l\u2019un, remplacez les textes, la logique est d\u00e9j\u00e0 l\u00e0.<\/p>\n<p class=\"tpl-c\" data-c=\"web\">C\u00f4t\u00e9 canal : les deux gabarits se jouent en web ; testez la d\u00e9mo web avant d\u2019installer.<\/p>\n<p class=\"tpl-c\" data-c=\"ms\">C\u00f4t\u00e9 canal : les deux gabarits se jouent sur Messenger ; testez la d\u00e9mo Messenger avant d\u2019installer.<\/p>\n<p class=\"tpl-c\" data-c=\"both\">C\u00f4t\u00e9 canal : chaque gabarit a une d\u00e9mo web et une d\u00e9mo Messenger ; comparez les deux rendus.<\/p>\n<\/div>\n<div class=\"bnq-res\" id=\"tplv-guide\">\n<p class=\"bnq-rt\">Votre point de d\u00e9part : un gabarit sectoriel \u00ab Restaurant \u00bb, \u00ab Agence immobili\u00e8re \u00bb ou \u00ab E-commerce \u00bb<\/p>\n<p>Guider vers un lieu ou un produit, c\u2019est le c\u0153ur de ces trois gabarits : le \u00ab Restaurant \u00bb g\u00e8re horaires, menus et adresse ; l\u2019\u00ab Agence immobili\u00e8re \u00bb trie des offres par type de bien et nature de recherche ; l\u2019\u00ab E-commerce \u00bb aide le visiteur \u00e0 trouver le bon produit. Le plus proche de votre activit\u00e9 donne d\u00e9j\u00e0 80 % de la structure ; vous remplacez le contenu. Le gabarit \u00ab Contactez-nous \u00bb compl\u00e8te utilement l\u2019ensemble si la prise de rendez-vous t\u00e9l\u00e9phonique compte dans votre parcours.<\/p>\n<p class=\"tpl-c\" data-c=\"web\">C\u00f4t\u00e9 canal : jouez la d\u00e9mo \u00ab Chatbot Web \u00bb du gabarit qui vous ressemble le plus.<\/p>\n<p class=\"tpl-c\" data-c=\"ms\">C\u00f4t\u00e9 canal : jouez la d\u00e9mo \u00ab Facebook Messenger \u00bb du gabarit qui vous ressemble le plus.<\/p>\n<p class=\"tpl-c\" data-c=\"both\">C\u00f4t\u00e9 canal : testez les deux d\u00e9mos du gabarit, puis publiez sur vos deux canaux.<\/p>\n<\/div>\n<div class=\"bnq-res\" id=\"tplv-expert\">\n<p class=\"bnq-rt\">Votre voie : l\u2019offre Accompagnement (construction sur mesure)<\/p>\n<p>Vous avez choisi la construction accompagn\u00e9e : le bon r\u00e9flexe est de d\u00e9crire votre besoin \u00e0 l\u2019\u00e9quipe plut\u00f4t que de tordre un gabarit. L\u2019offre Entreprise de Botnation inclut des \u00ab Services cr\u00e9ation de chatbot \u00bb, un \u00ab Responsable de compte d\u00e9di\u00e9 \u00bb et un \u00ab Onboarding personnalis\u00e9 \u00bb ; le prix se chiffre sur devis, selon votre p\u00e9rim\u00e8tre. L\u2019\u00e9quipe qui construit est celle qui \u00e9dite la plateforme : une fois votre chatbot livr\u00e9, les sc\u00e9narios restent modifiables dans votre compte. D\u00e9crivez votre projet via la page <a href=\"https:\/\/botnation.ai\/fr\/chatbot-devis\/\">demande de devis<\/a> ou consultez les <a href=\"https:\/\/botnation.ai\/fr\/tarifs\/\">tarifs Botnation<\/a> pour comparer les voies.<\/p>\n<\/div>\n<\/div>\n<h2 id=\"etapes\"><span class=\"ez-toc-section\" id=\"Comment_installer_un_gabarit_de_chatbot_dans_Botnation_5_etapes\"><\/span>Comment installer un gabarit de chatbot dans Botnation (5 \u00e9tapes)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La page de support \u00ab Mod\u00e8les de ChatBot \u00bb de Botnation promet un chatbot op\u00e9rationnel \u00ab en quelques minutes \u00bb gr\u00e2ce \u00e0 ses gabarits personnalisables. Voici le d\u00e9roul\u00e9 type, du compte au canal de publication :<\/p>\n<ol class=\"bn-steps\">\n<li><b>Cr\u00e9ez votre compte et votre premier chatbot<\/b> L\u2019inscription est gratuite et sans carte bancaire (plan GRATUIT \u00e0 0 \u20ac par mois, relev\u00e9 du 17\/09\/2026). Vous acc\u00e9dez \u00e0 l\u2019\u00e9diteur visuel de la plateforme.<\/li>\n<li><b>Choisissez votre gabarit<\/b> Regardez d\u2019abord les <a href=\"https:\/\/botnation.ai\/fr\/demonstrations\/\">d\u00e9monstrations jouables<\/a> pour choisir le gabarit le plus proche de votre cas, puis installez le mod\u00e8le correspondant depuis l\u2019interface (la page de support officielle des <a href=\"https:\/\/botnation.ai\/fr\/support\/modeles-de-chatbot\/\">mod\u00e8les de chatbot<\/a> liste les gabarits installables).<\/li>\n<li><b>Remplacez le contenu, bloc par bloc<\/b> Questions, r\u00e9ponses, horaires, produits : chaque bloc de sc\u00e9nario est comment\u00e9 (c\u2019est un parti pris des gabarits Botnation), ce qui permet de comprendre ce que l\u2019on modifie avant de le modifier.<\/li>\n<li><b>Branchez vos outils<\/b> Selon le gabarit : adresse email de notification, feuille de calcul, outil de CRM ou de support. Les connecteurs sont d\u00e9j\u00e0 pos\u00e9s, il reste \u00e0 y mettre vos identifiants.<\/li>\n<li><b>Testez puis publiez sur votre canal<\/b> Testez la conversation en interne, puis publiez sur le canal vis\u00e9 (site web, Messenger, et autres canaux selon votre plan). L\u2019\u00e9diteur reste votre point de contr\u00f4le pour toute \u00e9volution ult\u00e9rieure.<\/li>\n<\/ol>\n<p>Si vous partez d\u2019une feuille blanche plut\u00f4t que d\u2019un gabarit, la m\u00e9thode compl\u00e8te est d\u00e9velopp\u00e9e dans le guide de <a href=\"https:\/\/botnation.ai\/fr\/conception-chatbot\/\">conception d\u2019un chatbot<\/a> en 7 \u00e9tapes.<\/p>\n<figure class=\"bn-fig\"><img src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/09\/botnation-ai-template-capture-tarifs-fr.jpg\" alt=\"Grille tarifaire Botnation le 17\/09\/2026 : plan gratuit, Basic, Pro et offre Entreprise sur mesure\" decoding=\"async\"><figcaption>La grille tarifaire Botnation relev\u00e9e le 17\/09\/2026 : plan GRATUIT \u00e0 0 \u20ac, BASIC \u00e0 39 \u20ac par mois, PRO \u00e0 59 \u20ac par mois, offre ENTREPRISE sur mesure incluant les services de cr\u00e9ation de chatbot (prix HT).<\/figcaption><\/figure>\n<h2 id=\"faq\"><span class=\"ez-toc-section\" id=\"Questions_frequentes_sur_les_chatbot_templates\"><\/span>Questions fr\u00e9quentes sur les chatbot templates<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"bn-faq\">\n<details>\n<summary>Un chatbot template est-il gratuit ?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Chez Botnation, oui : les 8 gabarits list\u00e9s plus haut s\u2019installent gratuitement depuis l\u2019interface, et le plan GRATUIT permet d\u2019utiliser la plateforme \u00e0 0 \u20ac par mois sans carte bancaire (relev\u00e9 du 17\/09\/2026). Les usages d\u2019IA avanc\u00e9e consomment des cr\u00e9dits, vendus en packs s\u00e9par\u00e9s (par exemple 1 000 cr\u00e9dits \u00e0 25 \u20ac, relev\u00e9 du 17\/09\/2026). Les templates de code, eux, sont g\u00e9n\u00e9ralement publi\u00e9s sous licence libre ou commerciale selon les d\u00e9p\u00f4ts : le code est gratuit, votre temps de d\u00e9veloppement non.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Quelle diff\u00e9rence entre template, gabarit et mod\u00e8le de chatbot ?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Aucune de fond : les trois mots d\u00e9signent la m\u00eame r\u00e9alit\u00e9, une base de chatbot pr\u00e9-construite \u00e0 dupliquer et adapter. Botnation emploie \u00ab gabarits \u00bb sur sa page de d\u00e9monstrations et \u00ab mod\u00e8les \u00bb sur sa page de support. La seule distinction qui compte est celle entre gabarit conversationnel (no-code) et template de code, d\u00e9taill\u00e9e plus haut dans cet article.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Peut-on modifier un gabarit apr\u00e8s l\u2019avoir install\u00e9 ?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Oui, et c\u2019est le principe m\u00eame du gabarit : tout se modifie dans l\u2019\u00e9diteur visuel (textes, questions, branches, connecteurs), sans code. La page de d\u00e9monstrations de Botnation indique d\u2019ailleurs que ses mod\u00e8les comportent de nombreux commentaires interactifs pour guider ces modifications (relev\u00e9 du 17\/09\/2026). Un gabarit install\u00e9 devient votre chatbot : rien n\u2019est verrouill\u00e9.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Un template de code remplace-t-il une plateforme no-code ?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Non, ce sont deux outils pour deux m\u00e9tiers. Un template de code donne une base technique \u00e0 d\u00e9velopper, h\u00e9berger et maintenir ; il ne fournit ni l\u2019\u00e9diteur visuel, ni les connecteurs, ni l\u2019h\u00e9bergement, ni l\u2019acc\u00e8s aux canaux de messagerie. Une plateforme no-code fournit tout cela, mais n\u2019int\u00e8gre pas un composant de chat au c\u0153ur d\u2019une application sur mesure. Le bon choix d\u00e9pend de qui portera le projet apr\u00e8s sa cr\u00e9ation.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Combien de temps faut-il pour personnaliser un gabarit ?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Cela d\u00e9pend du p\u00e9rim\u00e8tre que vous ajoutez \u00e0 la base : remplacer les textes d\u2019un gabarit \u00ab Restaurant \u00bb se rapproche du remplissage d\u2019un formulaire ; construire une logique m\u00e9tier complexe prend \u00e9videmment plus de temps. Aucun \u00e9diteur s\u00e9rieux ne peut promettre une dur\u00e9e sans conna\u00eetre votre cas : c\u2019est d\u2019ailleurs pour cela que la construction sur mesure de l\u2019offre Entreprise se chiffre sur devis, apr\u00e8s analyse du besoin.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<div class=\"bn-faq\">\n<details>\n<summary>Botnation peut-il construire mon chatbot sur mesure \u00e0 partir de z\u00e9ro ?<\/summary>\n<div class=\"bn-faq-b\">\n<p>Oui. Au-del\u00e0 de la plateforme no-code, Botnation propose une offre Entreprise qui inclut des \u00ab Services cr\u00e9ation de chatbot \u00bb assur\u00e9s par ses experts, avec responsable de compte d\u00e9di\u00e9 et onboarding personnalis\u00e9 (page tarifs, relev\u00e9 du 17\/09\/2026). Cette construction est chiffr\u00e9e sur devis, selon le p\u00e9rim\u00e8tre du projet ; le dialogue passe par la <a href=\"https:\/\/botnation.ai\/fr\/contact\/\">page contact<\/a> ou par une demande de devis.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<h2 id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Le_bon_template_est_celui_qui_vous_fait_demarrer_pas_celui_qui_brille\"><\/span>Le bon template est celui qui vous fait d\u00e9marrer, pas celui qui brille<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un chatbot template n\u2019a qu\u2019une seule raison d\u2019exister : vous \u00e9viter la page blanche. Les 8 gabarits conversationnels de Botnation couvrent les cas les plus demand\u00e9s (leads, service client, enqu\u00eates, commerce, secteurs locaux) et restent enti\u00e8rement modifiables ; les templates de code servent un autre public, celui qui construit un produit. Dans les deux cas, le point de d\u00e9part n\u2019est pas le plus important : ce qui fera la diff\u00e9rence, c\u2019est la qualit\u00e9 de ce que vous mettrez dans les conversations. Partez simple, testez avec de vrais utilisateurs, et enrichissez.<\/p>\n<div class=\"bn-cta\">\n<div class=\"bn-cta-in\">\n<h3><span class=\"ez-toc-section\" id=\"Vos_gabarits_de_chatbot_sont_prets\"><\/span>Vos gabarits de chatbot sont pr\u00eats<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Jouez les d\u00e9monstrations, installez le gabarit qui correspond \u00e0 votre projet, ou demandez \u00e0 nos experts de construire votre chatbot sur mesure (sur devis).<\/p>\n<p><a class=\"bn-cta-btn\" href=\"https:\/\/botnation.ai\/fr\/demonstrations\/\">Voir les chatbots de d\u00e9monstration<\/a><\/p><\/div>\n<\/div>\n<p style=\"font-size:.9em; color:#6d6653;\">Sources et relev\u00e9s : page d\u00e9monstrations Botnation, page support \u00ab Mod\u00e8les de ChatBot \u00bb, grille tarifaire et page d\u2019accueil Botnation, tous relev\u00e9s en ligne le 17\/09\/2026. Les captures d\u2019\u00e9cran de cet article proviennent de ces pages \u00e0 la m\u00eame date.<\/p>\n<\/div>\n<p><script id=\"tpl-script\">(function(){var VER=[\"tpl-wait\",\"tplv-leads\",\"tplv-support\",\"tplv-survey\",\"tplv-guide\",\"tplv-expert\"];var MAP={leads:\"tplv-leads\",support:\"tplv-support\",survey:\"tplv-survey\",guide:\"tplv-guide\"};var btn=document.getElementById(\"tpl-go\");if(!btn){return;}btn.addEventListener(\"click\",function(){var g=function(n){var l=document.querySelector(\"input[name='\"+n+\"']:checked\");if(l){return l.value;}return \"\";};var o=g(\"tq1\");var c=g(\"tq2\");var m=g(\"tq3\");var i=0;while(i!=VER.length){var e=document.getElementById(VER[i]);if(e){e.classList.remove(\"on\");}i=i+1;}if(o==\"\"||c==\"\"||m==\"\"){var w=document.getElementById(\"tpl-wait\");if(w){w.classList.add(\"on\");}return;}var pick=MAP[o];if(m===\"expert\"){pick=\"tplv-expert\";}var v=document.getElementById(pick);if(!v){return;}var sp=v.querySelectorAll(\".tpl-c\");i=0;while(i!=sp.length){var x=sp[i];if(x.getAttribute(\"data-c\")===c){x.style.display=\"block\";}else{x.style.display=\"none\";}i=i+1;}v.classList.add(\"on\");});})();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>GUIDE CHATBOT TEMPLATE 2026 En bref : un \u00ab chatbot template \u00bb est un chatbot pr\u00e9-construit que l\u2019on installe puis que l\u2019on adapte, au lieu de tout cr\u00e9er depuis une page blanche. Derri\u00e8re ce mot anglais se cachent deux r\u00e9alit\u00e9s tr\u00e8s diff\u00e9rentes : les gabarits conversationnels pr\u00eats \u00e0 l\u2019emploi (un sc\u00e9nario complet : questions, branches, [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":31672,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[346],"tags":[],"class_list":["post-31678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chatbot"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/posts\/31678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/comments?post=31678"}],"version-history":[{"count":0,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/posts\/31678\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/media\/31672"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/media?parent=31678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/categories?post=31678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/tags?post=31678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}