Diagnostic Chatbot Camping<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n .icon { width: 24px; height: 24px; display: inline-block; }\n .quiz-title { color: white !important; }\n .quiz-category { color: white !important; }\n .quiz-subtitle { color: white !important; }\n .quiz-button { \n background-color: white !important;\n color: #374151 !important;\n }\n .quiz-button:hover {\n background-color: #f9fafb !important;\n border-color: #00AFAB !important;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"app\"><\/div>\n\n <script>\n const questions = [\n {\n id: 'q1',\n category: 'Perte de revenus',\n icon: '\ud83d\udcb6',\n question: \"Combien de demandes de renseignements recevez-vous en dehors de vos horaires d'ouverture ?\",\n subtitle: \"(soir, week-end, nuit)\",\n options: [\n { value: 0, label: \"Moins de 5 par semaine\", score: 1 },\n { value: 1, label: \"5 \u00e0 15 par semaine\", score: 3 },\n { value: 2, label: \"15 \u00e0 30 par semaine\", score: 5 },\n { value: 3, label: \"Plus de 30 par semaine\", score: 7 }\n ]\n },\n {\n id: 'q2',\n category: 'Charge de travail',\n icon: '\u23f0',\n question: \"Combien d'heures par semaine votre \u00e9quipe passe-t-elle \u00e0 r\u00e9pondre toujours aux m\u00eames questions ?\",\n subtitle: \"(tarifs, disponibilit\u00e9s, r\u00e8glement, services, acc\u00e8s, horaires, draps, m\u00e9nage...)\",\n options: [\n { value: 0, label: \"Moins de 5 heures\", score: 1 },\n { value: 1, label: \"5 \u00e0 10 heures\", score: 3 },\n { value: 2, label: \"10 \u00e0 20 heures\", score: 5 },\n { value: 3, label: \"Plus de 20 heures\", score: 7 }\n ]\n },\n {\n id: 'q3',\n category: 'Perte de revenus',\n icon: '\ud83d\udcc8',\n question: \"Selon vous, quel pourcentage de demandes ne se transforme pas en r\u00e9servation faute de r\u00e9ponse rapide ?\",\n options: [\n { value: 0, label: \"Moins de 10%\", score: 1 },\n { value: 1, label: \"10% \u00e0 20%\", score: 3 },\n { value: 2, label: \"20% \u00e0 40%\", score: 6 },\n { value: 3, label: \"Plus de 40%\", score: 8 }\n ]\n },\n {\n id: 'q4',\n category: 'Barri\u00e8res linguistiques',\n icon: '\ud83d\udc65',\n question: \"Quelle part de votre client\u00e8le ne parle pas fran\u00e7ais ?\",\n options: [\n { value: 0, label: \"Moins de 10%\", score: 1 },\n { value: 1, label: \"10% \u00e0 30%\", score: 3 },\n { value: 2, label: \"30% \u00e0 50%\", score: 5 },\n { value: 3, label: \"Plus de 50%\", score: 7 }\n ]\n },\n {\n id: 'q5',\n category: 'Efficacit\u00e9',\n icon: '\u26a0\ufe0f',\n question: \"En haute saison, votre r\u00e9ception est-elle satur\u00e9e par les appels et demandes ?\",\n options: [\n { value: 0, label: \"Non, nous g\u00e9rons facilement\", score: 1 },\n { value: 1, label: \"Parfois, aux pics de r\u00e9servation\", score: 4 },\n { value: 2, label: \"Souvent, nous manquons des appels\", score: 6 },\n { value: 3, label: \"Oui, c'est ing\u00e9rable\", score: 8 }\n ]\n },\n {\n id: 'q6',\n category: 'Comp\u00e9titivit\u00e9',\n icon: '\ud83d\udcca',\n question: \"Vos concurrents utilisent-ils des outils digitaux avanc\u00e9s (chatbot, WhatsApp Business...) ?\",\n options: [\n { value: 0, label: \"Non, personne dans ma r\u00e9gion\", score: 1 },\n { value: 1, label: \"Un ou deux l'ont fait r\u00e9cemment\", score: 4 },\n { value: 2, label: \"Oui, plusieurs concurrents\", score: 6 },\n { value: 3, label: \"Oui, je me sens en retard\", score: 8 }\n ]\n },\n {\n id: 'q7',\n category: 'R\u00e9servations directes',\n icon: '\ud83d\udcb6',\n question: \"Quel pourcentage de vos r\u00e9servations passe par des OTA (Campings.com, Pichtup, Booking...) ?\",\n subtitle: \"avec leurs commissions \u00e9lev\u00e9es\",\n options: [\n { value: 0, label: \"Moins de 20%\", score: 1 },\n { value: 1, label: \"20% \u00e0 40%\", score: 3 },\n { value: 2, label: \"40% \u00e0 60%\", score: 6 },\n { value: 3, label: \"Plus de 60%\", score: 8 }\n ]\n },\n {\n id: 'q8',\n category: 'Exp\u00e9rience client',\n icon: '\ud83d\udc65',\n question: \"Vos clients peuvent-ils obtenir des informations instantan\u00e9es 24\/7 sur votre site web ?\",\n options: [\n { value: 0, label: \"Oui, tout est automatis\u00e9\", score: 0 },\n { value: 1, label: \"Partiellement, en faisant une recherche pouss\u00e9e (FAQ statique)\", score: 3 },\n { value: 2, label: \"Non, ils doivent nous contacter\", score: 6 },\n { value: 3, label: \"Non, et nous perdons des clients\", score: 8 }\n ]\n }\n ];\n\n let currentQuestion = 0;\n let answers = {};\n let showResults = false;\n\n function handleAnswer(questionId, optionValue, score) {\n answers[questionId] = { value: optionValue, score: score };\n \n if (currentQuestion < questions.length - 1) {\n currentQuestion++;\n setTimeout(render, 300);\n } else {\n showResults = true;\n setTimeout(render, 300);\n }\n }\n\n function calculateResults() {\n const totalScore = Object.values(answers).reduce((sum, answer) => sum + answer.score, 0);\n const maxScore = questions.reduce((sum, q) => sum + Math.max(...q.options.map(o => o.score)), 0);\n const percentage = (totalScore \/ maxScore) * 100;\n return { totalScore, percentage };\n }\n\n function getRecommendation(percentage) {\n if (percentage >= 70) {\n return {\n level: 'URGENT',\n color: '#A52C2C',\n title: 'Votre camping perd de la rentabilit\u00e9 chaque jour !',\n description: 'Vos r\u00e9ponses r\u00e9v\u00e8lent des pertes significatives en revenus et en productivit\u00e9. Notre chatbot peut vous faire gagner imm\u00e9diatement en chiffre d\\'affaires.',\n icon: '\ud83d\udea8',\n benefits: [\n 'R\u00e9cup\u00e9rer 30-40% des demandes hors horaires perdues',\n 'Lib\u00e9rer 15-20h de temps d\\'\u00e9quipe par semaine',\n 'R\u00e9duire la d\u00e9pendance aux OTA et leurs commissions',\n 'Am\u00e9liorer drastiquement l\\'exp\u00e9rience client'\n ],\n roi: 'ROI estim\u00e9 : rentabilis\u00e9 en 2-3 mois.<br><b> Le Chatbot de Ctoutvert r\u00e9pond \u00e0 l\\'ensemble de ces enjeux de rentabilit\u00e9 !<\/b>'\n };\n } else if (percentage >= 45) {\n return {\n level: 'RECOMMAND\u00c9',\n color: '#F97316',\n title: 'Un chatbot am\u00e9liorerait significativement vos performances',\n description: 'Vous avez des opportunit\u00e9s claires d\\'optimisation. Un assistant IA vous permettrait de franchir un cap.',\n icon: '\ud83d\udcc8',\n benefits: [\n 'Capturer plus de r\u00e9servations directes',\n 'R\u00e9duire la charge administrative',\n 'Offrir un service multilingue 24\/7',\n 'Vous d\u00e9marquer de la concurrence'\n ],\n roi: 'ROI estim\u00e9 : rentabilis\u00e9 en 3-6 mois.<br><b> Le Chatbot de Ctoutvert r\u00e9pond \u00e0 l\\'ensemble de ces enjeux de performance !<\/b>'\n };\n } else {\n return {\n level: 'DIFF\u00c9RENCIANT',\n color: '#00AFAB',\n title: 'Un chatbot reste un atout pour garder une longueur d\\'avance',\n description: 'Votre situation actuelle est g\u00e9rable, mais un chatbot vous donnerait un avantage concurrentiel ind\u00e9niable pour consolider votre croissance.',\n icon: '\u2705',\n benefits: [\n 'Anticiper les pics de saison',\n 'Moderniser votre image de marque',\n 'Am\u00e9liorer la satisfaction client',\n 'Pr\u00e9parer votre d\u00e9veloppement'\n ],\n roi: 'ROI estim\u00e9 : rentabilis\u00e9 en 6-12 mois.<br> <strong>Le Chatbot de Ctoutvert r\u00e9pond \u00e0 l\\'ensemble de ces enjeux diff\u00e9renciants pour vous !<\/strong>'\n\t\t\t\t\n };\n }\n }\n\n function restart() {\n currentQuestion = 0;\n answers = {};\n showResults = false;\n render();\n }\n\n function render() {\n const app = document.getElementById('app');\n\n if (showResults) {\n const { percentage } = calculateResults();\n const rec = getRecommendation(percentage);\n\n const highScoreAnswers = Object.entries(answers)\n .filter(([qId, answer]) => answer.score >= 5)\n .map(([qId, answer]) => {\n const q = questions.find(qu => qu.id === qId);\n const opt = q.options[answer.value];\n return `\n <div class=\"bg-red-50 rounded-lg p-4 border border-red-200\">\n <div class=\"font-semibold text-red-800 text-sm mb-1\">${q.category}<\/div>\n <div class=\"text-gray-700 text-sm\">${opt.label}<\/div>\n <\/div>\n `;\n }).join('');\n\n app.innerHTML = `\n <div class=\"min-h-screen bg-gray-50 p-4 md:p-8\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"bg-white rounded-2xl shadow-2xl overflow-hidden border-2 border-gray-100\">\n <div class=\"text-white p-8\" style=\"background-color: ${rec.color}\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"flex items-center gap-3\">\n <span class=\"text-5xl\">${rec.icon}<\/span>\n <div>\n <div class=\"text-sm font-semibold opacity-90\">AVOIR UN CHATBOT EST POUR VOUS :<\/div>\n <div class=\"text-2xl font-bold\">${rec.level}<\/div>\n <\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"text-4xl font-bold\">${Math.round(percentage)}%<\/div>\n <div class=\"text-sm opacity-90\">Taux de besoin<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"p-8\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">${rec.title}<\/h2>\n <p class=\"text-lg text-gray-600 mb-8\">${rec.description}<\/p>\n\n <div class=\"bg-gray-50 rounded-xl p-6 mb-6 border-2\" style=\"border-color: #00AFAB\">\n <h3 class=\"text-xl font-bold text-gray-900 mb-4 flex items-center gap-2\">\n <span style=\"color: #00AFAB\">\u2713<\/span>\n Notre Chatbot vous permet de :\n <\/h3>\n <ul class=\"space-y-3\">\n ${rec.benefits.map(b => `\n <li class=\"flex items-start gap-3\">\n <span style=\"color: #00AFAB\">\u2192<\/span>\n <span class=\"text-gray-700\">${b}<\/span>\n <\/li>\n `).join('')}\n <\/ul>\n <\/div>\n\n <div class=\"bg-amber-50 border-l-4 border-amber-400 p-4 mb-6\">\n <p class=\"text-amber-800 font-semibold\">\ud83d\udcb6 ${rec.roi}<\/p>\n <\/div>\n\n ${highScoreAnswers ? `\n <div class=\"border-t pt-6 mb-6\">\n <h3 class=\"text-lg font-bold text-gray-900 mb-4\">Points cl\u00e9s identifi\u00e9s :<\/h3>\n <div class=\"grid md:grid-cols-2 gap-4\">\n ${highScoreAnswers}\n <\/div>\n <\/div>\n ` : ''}\n\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <button onclick=\"restart()\" class=\"flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-4 rounded-xl transition\">\n \ud83d\udd04 Refaire le diagnostic\n <\/button>\n <a href=\"https:\/\/www.ctoutvert.com\/fr\/agent-conversationnel\" class=\"flex-1 text-white font-bold py-4 rounded-xl transition shadow-lg text-center\" style=\"background-color: #00AFAB\">\n Demander une d\u00e9monstration gratuite\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n `;\n } else {\n const question = questions[currentQuestion];\n const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n\n app.innerHTML = `\n <div class=\"min-h-screen bg-gray-50 p-4 md:p-8\">\n <div class=\"max-w-3xl mx-auto\">\n <div class=\"mb-8\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-sm font-semibold text-gray-700\">Question ${currentQuestion + 1} sur ${questions.length}<\/span>\n <span class=\"text-sm font-semibold text-gray-700\">${Math.round(progress)}%<\/span>\n <\/div>\n <div class=\"w-full bg-gray-200 rounded-full h-2\">\n <div class=\"h-2 rounded-full transition-all duration-300\" style=\"width: ${progress}%; background-color: #00AFAB\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-2xl overflow-hidden border-2 border-gray-100\">\n <div class=\"p-6\" style=\"background-color: #00AFAB\">\n <div class=\"flex items-center gap-3 mb-3\">\n <span class=\"text-4xl\">${question.icon}<\/span>\n <span class=\"text-sm font-semibold uppercase tracking-wide quiz-category\">${question.category}<\/span>\n <\/div>\n <h2 class=\"text-2xl md:text-3xl font-bold leading-tight quiz-title\">${question.question}<\/h2>\n ${question.subtitle ? `<p class=\"mt-2 text-sm quiz-subtitle\">${question.subtitle}<\/p>` : ''}\n <\/div>\n\n <div class=\"p-6 md:p-8\">\n <div class=\"space-y-3\">\n ${question.options.map(opt => `\n <button onclick=\"handleAnswer('${question.id}', ${opt.value}, ${opt.score})\" \n class=\"quiz-button w-full text-left p-5 rounded-xl border-2 transition-all duration-200\"\n style=\"border-color: rgb(229, 231, 235); background-color: white; color: #374151;\"\n onmouseenter=\"this.style.borderColor='#00AFAB'; this.style.backgroundColor='#f9fafb';\"\n onmouseleave=\"this.style.borderColor='rgb(229, 231, 235)'; this.style.backgroundColor='white';\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-medium\">${opt.label}<\/span>\n <span style=\"color: #9CA3AF;\">\u2192<\/span>\n <\/div>\n <\/button>\n `).join('')}\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 text-center text-sm text-gray-600\">\n <p>\ud83d\udd12 Vos r\u00e9ponses sont anonymes et utilis\u00e9es uniquement pour le diagnostic<\/p>\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n }\n\n \/\/ Initial render\n render();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7fd3348 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7fd3348\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f39cad\" data-id=\"5f39cad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Notre Quizz ChatBot IA Secureholiday>> Mise en ligne en janvier 2026 ! Notre ChatBot IA est nativement li\u00e9 \u00e0 votre base de donn\u00e9es Secureholiday.Automatiquement aliment\u00e9 par plus de 5000 questions\/r\u00e9ponses, votre outil est fonctionnel en 48H.Un r\u00e9el acc\u00e9l\u00e9rateur des ventes qui r\u00e9pondra \u00e0 vos clients 24\/7, dans leur langue, en concentrant le temps de votre …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/demo.wordpress.ctoutvert.com\/?page_id=841\"> <span class=\"screen-reader-text\">ChatBot le Quizz<\/span> Lire la suite\u00a0\u00bb<\/a><\/p>\n","protected":false},"author":3,"featured_media":1003,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","footnotes":""},"class_list":["post-841","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=841"}],"version-history":[{"count":149,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions"}],"predecessor-version":[{"id":1087,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages\/841\/revisions\/1087"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/media\/1003"}],"wp:attachment":[{"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}