Test Chatbot per i Campeggi<\/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: 'Perdita di ricavi',\n icon: '\ud83d\udcb6',\n question: \"Quante richieste di informazioni ricevete al di fuori degli orari di apertura?\",\n subtitle: \"(sera, week-end, notte)\",\n options: [\n { value: 0, label: \"Meno di 5 a settimana\", score: 1 },\n { value: 1, label: \"Da 5 a 15 a settimana\", score: 3 },\n { value: 2, label: \"Da 15 a 30 a settimana\", score: 5 },\n { value: 3, label: \"Pi\u00f9 di 30 a settimana\", score: 7 }\n ]\n },\n {\n id: 'q2',\n category: 'Carico di lavoro',\n icon: '\u23f0',\n question: \"Quante ore a settimana il vostro team dedica a rispondere sempre alle stesse domande?\",\n subtitle: \"(tariffe, disponibilit\u00e0, regolamento, servizi, accessi, orari, lenzuola, pulizie...)\",\n options: [\n { value: 0, label: \"Meno di 5 ore\", score: 1 },\n { value: 1, label: \"Da 5 a 10 ore\", score: 3 },\n { value: 2, label: \"Da 10 a 20 ore\", score: 5 },\n { value: 3, label: \"Pi\u00f9 di 20 ore\", score: 7 }\n ]\n },\n {\n id: 'q3',\n category: 'Perdita di ricavi',\n icon: '\ud83d\udcc8',\n question: \"A vostro avviso, quale percentuale di richieste non si converte in prenotazioni per mancanza di una risposta tempestiva?\",\n options: [\n { value: 0, label: \"Meno del 10%\", score: 1 },\n { value: 1, label: \"Tra il 10% e il 20%\", score: 3 },\n { value: 2, label: \"Tra il 20% e il 40%\", score: 6 },\n { value: 3, label: \"Pi\u00f9 del 40%\", score: 8 }\n ]\n },\n {\n id: 'q4',\n category: 'Barriere linguistiche',\n icon: '\ud83d\udc65',\n question: \"Quale percentuale della vostra clientela non parla italiano?\",\n options: [\n { value: 0, label: \"Meno del 10%\", score: 1 },\n { value: 1, label: \"Tra il 10% e il 30%\", score: 3 },\n { value: 2, label: \"Tra il 30% e il 50%\", score: 5 },\n { value: 3, label: \"Pi\u00f9 del 50%\", score: 7 }\n ]\n },\n {\n id: 'q5',\n category: 'Efficacit\u00e0',\n icon: '\u26a0\ufe0f',\n question: \"In alta stagione, la vostra reception \u00e8 sommersa da chiamate e richieste?\",\n options: [\n { value: 0, label: \"No, riusciamo a gestirle facilmente\", score: 1 },\n { value: 1, label: \"A volte, nei periodi di picco delle prenotazioni\", score: 4 },\n { value: 2, label: \"Spesso perdiamo delle chiamate\", score: 6 },\n { value: 3, label: \"S\u00ec, \u00e8 ingestibile\", score: 8 }\n ]\n },\n {\n id: 'q6',\n category: 'Competitivit\u00e0',\n icon: '\ud83d\udcca',\n question: \"I vostri concorrenti utilizzano strumenti digitali avanzati (chatbot, WhatsApp Business\u2026)?\",\n options: [\n { value: 0, label: \"No, nessuno nella mia zona\", score: 1 },\n { value: 1, label: \"Uno o due lo hanno fatto di recente\", score: 4 },\n { value: 2, label: \"S\u00ec, diversi concorrenti\", score: 6 },\n { value: 3, label: \"S\u00ec, mi sento in svantaggio\", score: 8 }\n ]\n },\n {\n id: 'q7',\n category: 'Prenotazioni dirette',\n icon: '\ud83d\udcb6',\n question: \"Quale percentuale delle vostre prenotazioni avviene tramite OTA (Campings.com, Pichtup, Booking\u2026)?\",\n subtitle: \"con le loro alte commissionC\",\n options: [\n { value: 0, label: \"Meno del 20%\", score: 1 },\n { value: 1, label: \"Tra il 20% e il 40%\", score: 3 },\n { value: 2, label: \"Tra il 40% e il 60%\", score: 6 },\n { value: 3, label: \"Pi\u00f9 del 60%\", score: 8 }\n ]\n },\n {\n id: 'q8',\n category: 'Esperienza del cliente',\n icon: '\ud83d\udc65',\n question: \"I vostri clienti possono ottenere informazioni immediate 24\/7 sul vostro sito web?\",\n options: [\n { value: 0, label: \"S\u00ec, tutto \u00e8 automatizzato\", score: 0 },\n { value: 1, label: \"Parzialmente, effettuando una ricerca approfondita (FAQ statica)\", score: 3 },\n { value: 2, label: \"No, devono contattarci\", score: 6 },\n { value: 3, label: \"No, e questo comporta la perdita di clienti\", 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: 'URGENTE',\n color: '#A52C2C',\n title: 'Il vostro campeggio perde redditivit\u00e0 ogni giorno!',\n description: 'Le vostre risposte evidenziano perdite significative di ricavi e produttivit\u00e0. Il nostro chatbot pu\u00f2 aiutarvi a incrementare immediatamente il fatturato.',\n icon: '\ud83d\udea8',\n benefits: [\n 'Riconquistare il 30-40% delle richieste perse al di fuori degli orari di apertura',\n 'Liberare 15-20 ore di lavoro del team a settimana',\n 'Ridurre la dipendenza dalle OTA e dalle loro commissioni',\n 'Migliorare drasticamente l\\\u2019esperienza del cliente'\n ],\n roi: 'ROI stimato: ammortizzato in 2-3 mesi.<br><b> Il Chatbot di Ctoutvert risolve tutte queste sfide di redditivit\u00e0!<\/b>'\n };\n } else if (percentage >= 45) {\n return {\n level: 'RACCOMANDATO',\n color: '#F97316',\n title: 'Un chatbot migliorerebbe significativamente le vostre performance',\n description: 'Avete chiare opportunit\u00e0 di ottimizzazione. Un assistente IA vi permetterebbe di fare un salto di qualit\u00e0.',\n icon: '\ud83d\udcc8',\n benefits: [\n 'Aumentare il numero di prenotazioni dirette',\n 'Ridurre il carico amministrativo',\n 'Offrire un servizio multilingue 24\/7',\n 'Distinguervi dalla concorrenza'\n ],\n roi: 'ROI stimato: ammortizzato in 3-6 mesi.<br><b> Il Chatbot di Ctoutvert risponde a tutte queste sfide di performance!<\/b>'\n };\n } else {\n return {\n level: 'DIFFERENZIANTE',\n color: '#00AFAB',\n title: 'Un chatbot rappresenta un punto di forza per restare un passo avanti alla concorrenza',\n description: 'La vostra situazione attuale \u00e8 gestibile, ma un chatbot vi offrirebbe un vantaggio competitivo indiscutibile per consolidare la vostra crescita.',\n icon: '\u2705',\n benefits: [\n 'Anticipare i picchi di stagione',\n 'Modernizzare l\u2019\\immagine del vostro marchio',\n 'Migliorare la soddisfazione del cliente',\n 'Gettare le basi per il vostro sviluppo'\n ],\n roi: 'ROI stimato: ammortizzato in 6-12 mesi.<br> <strong>Il Chatbot di Ctoutvert risponde a tutti questi fattori differenzianti per voi!<\/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\">PER VOI, AVERE UN CHATBOT \u00c8:<\/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\">Percentuale di bisogno<\/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 Il nostro Chatbot vi permette di:\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\">Punti chiave individuati:<\/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 Rifare il test\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 Richiedere una demo gratuita\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 Tutte le risposte sono anonime e impiegate unicamente per il test<\/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>Il nostro Quiz ChatBot IA Secureholiday>> >> Online da gennaio 2026! Il nostro ChatBot IA \u00e8 direttamente collegato al vostro database Secureholiday.Automaticamente alimentato da oltre 5000 domande\/risposte, la vostra soluzione sar\u00e0 operativa in 48 ore. Un vero acceleratore di vendite che risponder\u00e0 ai vostri clienti 24\/7, nella loro lingua, permettendo al vostro personale di concentrarsi …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/demo.wordpress.ctoutvert.com\/?page_id=1062\"> <span class=\"screen-reader-text\">ChatBot le Quizz IT<\/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-1062","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages\/1062","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=1062"}],"version-history":[{"count":13,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages\/1062\/revisions"}],"predecessor-version":[{"id":1076,"href":"https:\/\/demo.wordpress.ctoutvert.com\/index.php?rest_route=\/wp\/v2\/pages\/1062\/revisions\/1076"}],"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=1062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}