{"id":90,"date":"2026-03-08T12:47:35","date_gmt":"2026-03-08T11:47:35","guid":{"rendered":"https:\/\/app.jmotors.it\/?page_id=90"},"modified":"2026-03-08T13:17:16","modified_gmt":"2026-03-08T12:17:16","slug":"elementor-90","status":"publish","type":"page","link":"https:\/\/app.jmotors.it\/?page_id=90","title":{"rendered":"Quiz Quale auto fa per te"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"90\" class=\"elementor elementor-90\">\n\t\t\t\t<div class=\"elementor-element elementor-element-764d7d0 e-con-full e-flex e-con e-parent\" data-id=\"764d7d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9f0271 elementor-widget elementor-widget-html\" data-id=\"e9f0271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n    --primary-yellow: #FFD700;\r\n    --primary-green: #00D9A3;\r\n    --navy-dark: #1a2332;\r\n    --card-white: #ffffff;\r\n    --text-dark: #2d3748;\r\n    --text-gray: #718096;\r\n    --border-light: #e2e8f0;\r\n}\r\n\r\nbody {\r\n    background: var(--navy-dark);\r\n}\r\n\r\n.jm-quiz-wrapper {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    background: var(--navy-dark);\r\n}\r\n\r\n.jm-quiz-container {\r\n    max-width: 600px;\r\n    width: 100%;\r\n    background: var(--card-white);\r\n    border-radius: 24px;\r\n    padding: 40px;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.jm-progress-header {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.jm-progress-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.jm-progress-label span {\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    color: var(--text-gray);\r\n    text-transform: uppercase;\r\n}\r\n\r\n.jm-progress-percent {\r\n    color: var(--primary-yellow);\r\n    font-weight: 700;\r\n}\r\n\r\n.jm-progress-bar {\r\n    height: 8px;\r\n    background: #e2e8f0;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n}\r\n\r\n.jm-progress-fill {\r\n    height: 100%;\r\n    background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%);\r\n    transition: width 0.4s ease;\r\n}\r\n\r\n.jm-question {\r\n    display: none;\r\n}\r\n\r\n.jm-question.active {\r\n    display: block;\r\n    animation: fadeIn 0.4s ease;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.jm-question-text {\r\n    font-size: 1.75rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 30px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.jm-options {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.jm-option {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 20px 24px;\r\n    background: white;\r\n    border: 2px solid var(--border-light);\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n}\r\n\r\n.jm-option:hover {\r\n    background: #f7fafc;\r\n}\r\n\r\n.jm-option.selected {\r\n    border-color: var(--primary-yellow);\r\n    background: #fffbeb;\r\n}\r\n\r\n.jm-option-icon {\r\n    font-size: 1.75rem;\r\n}\r\n\r\n.jm-btn {\r\n    width: 100%;\r\n    padding: 18px 32px;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    border: none;\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.jm-btn:disabled {\r\n    background: #e2e8f0;\r\n    color: #a0aec0;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.jm-btn-green {\r\n    background: var(--primary-green);\r\n    color: white;\r\n}\r\n\r\n.jm-btn-green:hover:not(:disabled) {\r\n    background: #00c294;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.jm-btn-yellow {\r\n    background: var(--primary-yellow);\r\n    color: var(--text-dark);\r\n}\r\n\r\n.jm-btn-yellow:hover:not(:disabled) {\r\n    background: #FFC700;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.jm-landing {\r\n    text-align: center;\r\n}\r\n\r\n.jm-landing-icon {\r\n    font-size: 5rem;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jm-landing-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    color: var(--text-dark);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.jm-landing-subtitle {\r\n    font-size: 1.15rem;\r\n    color: var(--text-gray);\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.jm-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    margin: 30px 0 40px;\r\n}\r\n\r\n.jm-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 16px;\r\n    background: #f7fafc;\r\n    border-radius: 12px;\r\n}\r\n\r\n.jm-feature-icon {\r\n    font-size: 1.5rem;\r\n}\r\n\r\n.jm-feature-text {\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    text-align: left;\r\n}\r\n\r\n.jm-footer {\r\n    margin-top: 30px;\r\n    font-size: 0.875rem;\r\n    color: var(--text-gray);\r\n}\r\n\r\n.jm-form-intro {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.jm-form-icon {\r\n    font-size: 4rem;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.jm-form-title {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.jm-form-subtitle {\r\n    font-size: 1rem;\r\n    color: var(--text-gray);\r\n}\r\n\r\n.jm-form-group {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jm-label {\r\n    display: block;\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    color: var(--text-dark);\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.jm-input {\r\n    width: 100%;\r\n    padding: 16px;\r\n    font-size: 1rem;\r\n    border: 2px solid var(--border-light);\r\n    border-radius: 12px;\r\n    outline: none;\r\n}\r\n\r\n.jm-input:focus {\r\n    border-color: var(--primary-yellow);\r\n}\r\n\r\n.jm-privacy {\r\n    font-size: 0.8rem;\r\n    color: var(--text-gray);\r\n    text-align: center;\r\n    margin-top: 20px;\r\n}\r\n\r\n.jm-success {\r\n    text-align: center;\r\n    padding: 40px 20px;\r\n}\r\n\r\n.jm-success-icon {\r\n    font-size: 5rem;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.jm-success-title {\r\n    font-size: 2.25rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.jm-success-text {\r\n    font-size: 1.15rem;\r\n    color: var(--text-gray);\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.jm-success-cta {\r\n    background: #f7fafc;\r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.jm-success-cta h3 {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: var(--text-dark);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.jm-success-cta p {\r\n    font-size: 0.95rem;\r\n    color: var(--text-gray);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .jm-quiz-container {\r\n        padding: 30px 24px;\r\n    }\r\n    .jm-landing-title {\r\n        font-size: 2rem;\r\n    }\r\n    .jm-question-text {\r\n        font-size: 1.4rem;\r\n    }\r\n    .jm-features {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jm-quiz-wrapper\">\r\n<div class=\"jm-quiz-container\">\r\n    \r\n    <div class=\"jm-question active\" id=\"landing\">\r\n        <div class=\"jm-landing\">\r\n            <div class=\"jm-landing-icon\">\ud83d\ude97<\/div>\r\n            <h1 class=\"jm-landing-title\">Che Auto Fa Per Te?<\/h1>\r\n            <p class=\"jm-landing-subtitle\">Rispondi a 8 domande e scopri quale auto usata \u00e8 perfetta per te e la tua famiglia.<\/p>\r\n            \r\n            <div class=\"jm-features\">\r\n                <div class=\"jm-feature\">\r\n                    <div class=\"jm-feature-icon\">\u26a1<\/div>\r\n                    <div class=\"jm-feature-text\">2 MIN PER COMPLETARE<\/div>\r\n                <\/div>\r\n                <div class=\"jm-feature\">\r\n                    <div class=\"jm-feature-icon\">\ud83c\udfaf<\/div>\r\n                    <div class=\"jm-feature-text\">CONSIGLI PERSONALIZZATI<\/div>\r\n                <\/div>\r\n                <div class=\"jm-feature\">\r\n                    <div class=\"jm-feature-icon\">\u2705<\/div>\r\n                    <div class=\"jm-feature-text\">BASATO SUL NOSTRO STOCK<\/div>\r\n                <\/div>\r\n                <div class=\"jm-feature\">\r\n                    <div class=\"jm-feature-icon\">\ud83d\udd12<\/div>\r\n                    <div class=\"jm-feature-text\">ZERO SPAM<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <button class=\"jm-btn jm-btn-yellow\" onclick=\"startQuiz()\">\ud83d\ude80 INIZIA IL QUIZ<\/button>\r\n            <div class=\"jm-footer\">J.MOTORS - CAPENA (ROMA)<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jm-progress-header\" id=\"progress-header\" style=\"display: none;\">\r\n        <div class=\"jm-progress-label\">\r\n            <span id=\"progress-text\">DOMANDA 1 DI 8<\/span>\r\n            <span class=\"jm-progress-percent\" id=\"progress-percent\">13%<\/span>\r\n        <\/div>\r\n        <div class=\"jm-progress-bar\">\r\n            <div class=\"jm-progress-fill\" id=\"progress-fill\" style=\"width: 13%\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"1\">\r\n        <h2 class=\"jm-question-text\">Quante persone devono entrare di solito nella tua auto?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"solo\" onclick=\"selectAnswer(this, 1)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udc64<\/div>\r\n                <div class=\"jm-option-text\">Solo io (o massimo 2 persone)<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"coppia\" onclick=\"selectAnswer(this, 1)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udc6b<\/div>\r\n                <div class=\"jm-option-text\">3-4 persone (coppia o piccola famiglia)<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"famiglia\" onclick=\"selectAnswer(this, 1)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/div>\r\n                <div class=\"jm-option-text\">5 persone o pi\u00f9 (famiglia numerosa)<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q1\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"2\">\r\n        <h2 class=\"jm-question-text\">Che tipo di strade percorri di solito?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"citta\" onclick=\"selectAnswer(this, 2)\">\r\n                <div class=\"jm-option-icon\">\ud83c\udfd9\ufe0f<\/div>\r\n                <div class=\"jm-option-text\">Principalmente citt\u00e0 (parcheggi stretti)<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"misto\" onclick=\"selectAnswer(this, 2)\">\r\n                <div class=\"jm-option-icon\">\ud83c\udf06<\/div>\r\n                <div class=\"jm-option-text\">Mix citt\u00e0 + autostrada<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"extraurbano\" onclick=\"selectAnswer(this, 2)\">\r\n                <div class=\"jm-option-icon\">\u26f0\ufe0f<\/div>\r\n                <div class=\"jm-option-text\">Autostrada, extraurbano, strade sterrate<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q2\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"3\">\r\n        <h2 class=\"jm-question-text\">Quanti km fai all'anno, circa?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"poco\" onclick=\"selectAnswer(this, 3)\">\r\n                <div class=\"jm-option-icon\">\ud83d\uded2<\/div>\r\n                <div class=\"jm-option-text\">Poco (meno di 10.000 km\/anno)<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"medio\" onclick=\"selectAnswer(this, 3)\">\r\n                <div class=\"jm-option-icon\">\ud83d\ude97<\/div>\r\n                <div class=\"jm-option-text\">Medio (10.000-20.000 km\/anno)<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"tanto\" onclick=\"selectAnswer(this, 3)\">\r\n                <div class=\"jm-option-icon\">\ud83d\ude99<\/div>\r\n                <div class=\"jm-option-text\">Tanto (oltre 20.000 km\/anno)<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q3\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"4\">\r\n        <h2 class=\"jm-question-text\">Qual \u00e8 la tua priorit\u00e0 principale?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"risparmio\" onclick=\"selectAnswer(this, 4)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udcb0<\/div>\r\n                <div class=\"jm-option-text\">Risparmio su carburante e manutenzione<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"sicurezza\" onclick=\"selectAnswer(this, 4)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                <div class=\"jm-option-text\">Sicurezza e affidabilit\u00e0<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"spazio\" onclick=\"selectAnswer(this, 4)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udce6<\/div>\r\n                <div class=\"jm-option-text\">Spazio e praticit\u00e0<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"piacere\" onclick=\"selectAnswer(this, 4)\">\r\n                <div class=\"jm-option-icon\">\ud83c\udfce\ufe0f<\/div>\r\n                <div class=\"jm-option-text\">Piacere di guida<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q4\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"5\">\r\n        <h2 class=\"jm-question-text\">Hai bisogno di un bagagliaio molto capiente?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"poco\" onclick=\"selectAnswer(this, 5)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udc5c<\/div>\r\n                <div class=\"jm-option-text\">No, mi basta lo spazio per la spesa<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"medio\" onclick=\"selectAnswer(this, 5)\">\r\n                <div class=\"jm-option-icon\">\ud83e\uddf3<\/div>\r\n                <div class=\"jm-option-text\">S\u00ec, carico spesso valigie<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"molto\" onclick=\"selectAnswer(this, 5)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udce6<\/div>\r\n                <div class=\"jm-option-text\">Molto capiente (viaggi, sport, animali)<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q5\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"6\">\r\n        <h2 class=\"jm-question-text\">Qual \u00e8 il tuo budget orientativo?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"9000-15000\" onclick=\"selectAnswer(this, 6)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udcb5<\/div>\r\n                <div class=\"jm-option-text\">9.000 \u2013 15.000\u20ac<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"15000-25000\" onclick=\"selectAnswer(this, 6)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udcb6<\/div>\r\n                <div class=\"jm-option-text\">15.000 \u2013 25.000\u20ac<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"25000-40000\" onclick=\"selectAnswer(this, 6)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udcb7<\/div>\r\n                <div class=\"jm-option-text\">25.000 \u2013 40.000\u20ac<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q6\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"7\">\r\n        <h2 class=\"jm-question-text\">Ti interessa un'auto ibrida o metano?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"si\" onclick=\"selectAnswer(this, 7)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udd0b<\/div>\r\n                <div class=\"jm-option-text\">S\u00ec, voglio consumare meno<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"no\" onclick=\"selectAnswer(this, 7)\">\r\n                <div class=\"jm-option-icon\">\u26fd<\/div>\r\n                <div class=\"jm-option-text\">No, benzina o diesel vanno bene<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"indifferente\" onclick=\"selectAnswer(this, 7)\">\r\n                <div class=\"jm-option-icon\">\ud83e\udd37<\/div>\r\n                <div class=\"jm-option-text\">Indifferente<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q7\" disabled onclick=\"nextQuestion()\">AVANTI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"8\">\r\n        <h2 class=\"jm-question-text\">Che sensazione vuoi quando guidi?<\/h2>\r\n        <div class=\"jm-options\">\r\n            <div class=\"jm-option\" data-value=\"comoda\" onclick=\"selectAnswer(this, 8)\">\r\n                <div class=\"jm-option-icon\">\ud83e\uddd8<\/div>\r\n                <div class=\"jm-option-text\">Comoda, pratica, zero stress<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"sicura\" onclick=\"selectAnswer(this, 8)\">\r\n                <div class=\"jm-option-icon\">\ud83d\udcaa<\/div>\r\n                <div class=\"jm-option-text\">Sicura, alta da terra, robusta<\/div>\r\n            <\/div>\r\n            <div class=\"jm-option\" data-value=\"agile\" onclick=\"selectAnswer(this, 8)\">\r\n                <div class=\"jm-option-icon\">\ud83c\udfaf<\/div>\r\n                <div class=\"jm-option-text\">Agile, reattiva, divertente<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"jm-btn\" id=\"btn-q8\" disabled onclick=\"showForm()\">VEDI RISULTATI \u2192<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"form\">\r\n        <div class=\"jm-form-intro\">\r\n            <div class=\"jm-form-icon\">\ud83c\udf89<\/div>\r\n            <h2 class=\"jm-form-title\">Ci Siamo Quasi!<\/h2>\r\n            <p class=\"jm-form-subtitle\">Inserisci i tuoi dati per ricevere il risultato personalizzato<\/p>\r\n        <\/div>\r\n        <div class=\"jm-form-group\">\r\n            <label class=\"jm-label\">Nome *<\/label>\r\n            <input type=\"text\" class=\"jm-input\" id=\"nome\" placeholder=\"Il tuo nome\">\r\n        <\/div>\r\n        <div class=\"jm-form-group\">\r\n            <label class=\"jm-label\">Email *<\/label>\r\n            <input type=\"email\" class=\"jm-input\" id=\"email\" placeholder=\"latua@email.it\">\r\n        <\/div>\r\n        <div class=\"jm-form-group\">\r\n            <label class=\"jm-label\">Telefono (opzionale)<\/label>\r\n            <input type=\"tel\" class=\"jm-input\" id=\"telefono\" placeholder=\"+39 3XX XXX XXXX\">\r\n        <\/div>\r\n        <p class=\"jm-privacy\">Cliccando accetti il trattamento dei dati secondo la Privacy Policy di J.Motors.<\/p>\r\n        <button class=\"jm-btn jm-btn-yellow\" onclick=\"submitQuiz()\">\u2728 SCOPRI I RISULTATI<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"jm-question\" data-q=\"success\">\r\n        <div class=\"jm-success\">\r\n            <div class=\"jm-success-icon\">\u2705<\/div>\r\n            <h2 class=\"jm-success-title\">Grazie!<\/h2>\r\n            <p class=\"jm-success-text\">Ti abbiamo inviato i risultati personalizzati via email.<br><br><strong>Ti contatteremo entro 24 ore!<\/strong><\/p>\r\n            <div class=\"jm-success-cta\">\r\n                <h3>\ud83d\ude97 Hai Fretta?<\/h3>\r\n                <p>Chiamaci subito!<\/p>\r\n                <button class=\"jm-btn jm-btn-green\" onclick=\"window.location.href='tel:+393331234567'\">\ud83d\udcde CHIAMA ORA<\/button>\r\n            <\/div>\r\n            <button class=\"jm-btn\" onclick=\"location.reload()\" style=\"margin-top: 20px; background: #e2e8f0; color: #4a5568;\">\ud83d\udd04 Rifai il Quiz<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nlet currentQ = 0;\r\nconst answers = {passeggeri: null, strade: null, km_annuali: null, priorita: null, bagagliaio: null, budget: null, ibrida_metano: null, sensazione_guida: null};\r\n\r\nfunction startQuiz() {\r\n    hideAll();\r\n    document.getElementById('progress-header').style.display = 'block';\r\n    currentQ = 1;\r\n    showQuestion(1);\r\n    updateProgress();\r\n}\r\n\r\nfunction selectAnswer(el, qNum) {\r\n    const opts = el.parentElement.querySelectorAll('.jm-option');\r\n    opts.forEach(opt => opt.classList.remove('selected'));\r\n    el.classList.add('selected');\r\n    const val = el.dataset.value;\r\n    const keys = Object.keys(answers);\r\n    answers[keys[qNum - 1]] = val;\r\n    const btn = document.getElementById('btn-q' + qNum);\r\n    btn.disabled = false;\r\n    btn.classList.add('jm-btn-green');\r\n}\r\n\r\nfunction nextQuestion() {\r\n    if (currentQ < 8) {\r\n        hideAll();\r\n        currentQ++;\r\n        showQuestion(currentQ);\r\n        updateProgress();\r\n    }\r\n}\r\n\r\nfunction showForm() {\r\n    hideAll();\r\n    document.getElementById('progress-header').style.display = 'none';\r\n    showQuestion('form');\r\n}\r\n\r\nfunction submitQuiz() {\r\n    const nome = document.getElementById('nome').value.trim();\r\n    const email = document.getElementById('email').value.trim();\r\n    const telefono = document.getElementById('telefono').value.trim();\r\n    \r\n    if (!nome || !email) {\r\n        alert('Inserisci almeno nome e email');\r\n        return;\r\n    }\r\n    \r\n    const data = {nome, email, telefono: telefono || 'Non fornito', timestamp: new Date().toISOString(), risposte: answers};\r\n    \r\n    \/\/ ZAPIER - Sostituisci con il tuo webhook URL\r\n    const ZAPIER_URL = 'METTI-QUI-IL-TUO-URL-ZAPIER';\r\n    \r\n    fetch(ZAPIER_URL, {method: 'POST', body: JSON.stringify(data)})\r\n    .then(() => {\r\n        console.log('Dati inviati:', data);\r\n        showSuccess();\r\n    })\r\n    .catch(() => showSuccess());\r\n}\r\n\r\nfunction showSuccess() {\r\n    hideAll();\r\n    showQuestion('success');\r\n}\r\n\r\nfunction hideAll() {\r\n    document.querySelectorAll('.jm-question').forEach(q => q.classList.remove('active'));\r\n}\r\n\r\nfunction showQuestion(num) {\r\n    const q = document.querySelector(`[data-q=\"${num}\"]`);\r\n    if (q) q.classList.add('active');\r\n}\r\n\r\nfunction updateProgress() {\r\n    const pct = Math.round((currentQ \/ 8) * 100);\r\n    document.getElementById('progress-text').textContent = `DOMANDA ${currentQ} DI 8`;\r\n    document.getElementById('progress-percent').textContent = pct + '%';\r\n    document.getElementById('progress-fill').style.width = pct + '%';\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66debd6 e-flex e-con-boxed e-con e-parent\" data-id=\"66debd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude97 Che Auto Fa Per Te? Rispondi a 8 domande e scopri quale auto usata \u00e8 perfetta per te e la tua famiglia. \u26a1 2 MIN PER COMPLETARE \ud83c\udfaf CONSIGLI PERSONALIZZATI \u2705 BASATO SUL NOSTRO STOCK \ud83d\udd12 ZERO SPAM \ud83d\ude80 INIZIA IL QUIZ J.MOTORS &#8211; CAPENA (ROMA) DOMANDA 1 DI 8 13% Quante persone devono [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/app.jmotors.it\/index.php?rest_route=\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.jmotors.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.jmotors.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.jmotors.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/app.jmotors.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":9,"href":"https:\/\/app.jmotors.it\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/app.jmotors.it\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/app.jmotors.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}