{"id":22993,"date":"2024-07-27T19:19:28","date_gmt":"2024-07-27T17:19:28","guid":{"rendered":"https:\/\/www.innova-swiss.com\/?page_id=22993"},"modified":"2024-07-27T19:20:44","modified_gmt":"2024-07-27T17:20:44","slug":"konfig-2-copy","status":"publish","type":"page","link":"https:\/\/innova-swiss.com\/it\/configurazione-2-copia\/","title":{"rendered":"konfig-2 &#8211; Copy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22993\" class=\"elementor elementor-22993\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe0a37d e-flex e-con-boxed e-con e-parent\" data-id=\"fe0a37d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d99c10 elementor-widget elementor-widget-html\" data-id=\"3d99c10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Produktempfehlungsquiz<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f0f8ff;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            height: 100vh;\r\n            margin: 0;\r\n            padding: 20px;\r\n        }\r\n        .quiz-container {\r\n            background-color: white;\r\n            padding: 30px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);\r\n            max-width: 700px;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n        .quiz-question {\r\n            display: none;\r\n            margin-bottom: 25px;\r\n        }\r\n        .quiz-question.active {\r\n            display: block;\r\n        }\r\n        .quiz-question h2 {\r\n            font-size: 26px;\r\n            margin-bottom: 20px;\r\n            color: #333;\r\n        }\r\n        .quiz-question label {\r\n            display: block;\r\n            margin-bottom: 15px;\r\n            font-size: 22px;\r\n        }\r\n        .quiz-question input[type=\"radio\"] {\r\n            margin-right: 10px;\r\n        }\r\n        .quiz-button {\r\n            background-color: #4CAF50;\r\n            color: white;\r\n            border: none;\r\n            padding: 15px 20px;\r\n            cursor: pointer;\r\n            border-radius: 5px;\r\n            font-size: 22px;\r\n            margin-top: 20px;\r\n            width: 100%;\r\n            text-align: center;\r\n            transition: background-color 0.3s;\r\n        }\r\n        .quiz-button:hover {\r\n            background-color: #45a049;\r\n        }\r\n        .result-container {\r\n            display: none;\r\n            margin-top: 30px;\r\n        }\r\n        .result-container h2 {\r\n            font-size: 26px;\r\n            margin-bottom: 20px;\r\n        }\r\n        .result-container p {\r\n            font-size: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n        .result-container a {\r\n            display: inline-block;\r\n            background-color: #007BFF;\r\n            color: white;\r\n            padding: 15px 20px;\r\n            border-radius: 5px;\r\n            text-decoration: none;\r\n            font-size: 22px;\r\n            transition: background-color 0.3s;\r\n        }\r\n        .result-container a:hover {\r\n            background-color: #0056b3;\r\n        }\r\n        .progress-bar {\r\n            background-color: #ddd;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            margin-bottom: 25px;\r\n        }\r\n        .progress-bar div {\r\n            height: 25px;\r\n            width: 0;\r\n            background-color: #4CAF50;\r\n            text-align: center;\r\n            line-height: 25px;\r\n            color: white;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"quiz-container\">\r\n    <h1>Finden Sie das perfekte NADH-Produkt f\u00fcr Ihre Bed\u00fcrfnisse<\/h1>\r\n    <div class=\"progress-bar\">\r\n        <div id=\"progress-bar-fill\" style=\"width: 0%;\">0%<\/div>\r\n    <\/div>\r\n    <div class=\"quiz-question active\" id=\"question1\">\r\n        <h2>Wof\u00fcr ben\u00f6tigen Sie NADH?<\/h2>\r\n        <label>\r\n            <input type=\"radio\" name=\"usage\" value=\"energy\"> Zellenergie\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"usage\" value=\"heart\"> Herz und Kreislauf\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"usage\" value=\"nerves\"> Nerven\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"usage\" value=\"detox\"> Schadstoffe im K\u00f6rper\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"usage\" value=\"performance\"> Sport - Leistung\r\n        <\/label>\r\n    <\/div>\r\n    <div class=\"quiz-question\" id=\"question2\">\r\n        <h2>Bevorzugen Sie eine bestimmte Darreichungsform?<\/h2>\r\n        <label>\r\n            <input type=\"radio\" name=\"form\" value=\"tablet\"> Schlucktablette\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"form\" value=\"lozenge\"> Lutschpastille\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"form\" value=\"none\"> Keine Pr\u00e4ferenz\r\n        <\/label>\r\n    <\/div>\r\n    <div class=\"quiz-question\" id=\"question3\">\r\n        <h2>Haben Sie spezielle gesundheitliche Bed\u00fcrfnisse?<\/h2>\r\n        <label>\r\n            <input type=\"radio\" name=\"health\" value=\"heart\"> Herzgesundheit\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"health\" value=\"immunity\"> Immunsystem\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"health\" value=\"energy\"> Energielevel\r\n        <\/label>\r\n        <label>\r\n            <input type=\"radio\" name=\"health\" value=\"none\"> Keine speziellen Bed\u00fcrfnisse\r\n        <\/label>\r\n    <\/div>\r\n    <button class=\"quiz-button\" onclick=\"nextQuestion()\">Weiter<\/button>\r\n    \r\n    <div class=\"result-container\" id=\"result-container\">\r\n        <h2>Ihre Produktempfehlung:<\/h2>\r\n        <p id=\"result\"><\/p>\r\n        <a id=\"product-link\" href=\"#\" target=\"_blank\">Jetzt kaufen<\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    let currentQuestion = 1;\r\n\r\n    function nextQuestion() {\r\n        const totalQuestions = 3;\r\n        const currentQuestionElement = document.getElementById(`question${currentQuestion}`);\r\n        const nextQuestionElement = document.getElementById(`question${currentQuestion + 1}`);\r\n\r\n        if (currentQuestionElement) {\r\n            currentQuestionElement.classList.remove('active');\r\n        }\r\n        if (nextQuestionElement) {\r\n            nextQuestionElement.classList.add('active');\r\n            currentQuestion++;\r\n            updateProgressBar();\r\n        } else {\r\n            showResult();\r\n        }\r\n    }\r\n\r\n    function updateProgressBar() {\r\n        const progressBarFill = document.getElementById('progress-bar-fill');\r\n        const progressPercentage = (currentQuestion \/ 3) * 100;\r\n        progressBarFill.style.width = `${progressPercentage}%`;\r\n        progressBarFill.innerText = `${progressPercentage}%`;\r\n    }\r\n\r\n    function showResult() {\r\n        const usage = document.querySelector('input[name=\"usage\"]:checked').value;\r\n        const form = document.querySelector('input[name=\"form\"]:checked').value;\r\n        const health = document.querySelector('input[name=\"health\"]:checked').value;\r\n        \r\n        let recommendation = '';\r\n        let link = '';\r\n\r\n        if (usage === 'energy') {\r\n            if (form === 'tablet') {\r\n                recommendation = 'NADH 40plus \u2013 (Packungsinhalt 30 Schlucktabletten) \u20ac44,90';\r\n                link = 'https:\/\/innova-swiss.com\/produkt\/nadh-40-plus-zellregeneration\/';\r\n            } else if (form === 'lozenge') {\r\n                recommendation = 'NADH BUSINESS \u2013 Sublingual-Tablette \u2013 NADH Zellenergie pur (Packungsinhalt 30 Lutschpastillen) \u20ac33,00';\r\n                link = 'https:\/\/innova-swiss.com\/produkt\/business-nadh\/';\r\n            } else {\r\n                recommendation = 'NADH BUSINESS \u2013 Sublingual-Tablette oder NADH 40plus \u2013 (Packungsinhalt 30 Schlucktabletten)';\r\n                link = 'https:\/\/innova-swiss.com\/shop\/';\r\n            }\r\n        } else if (usage === 'heart') {\r\n            recommendation = 'NADH plus Ubichinon CoQ10 \u2013 Sublingual-Tablette (Packungsinhalt 30 Lutschpastillen) \u20ac37,00';\r\n            link = 'https:\/\/innova-swiss.com\/produkt\/nadh-coenzymq10\/';\r\n        } else if (usage === 'nerves') {\r\n            recommendation = 'NADH plus L-TRYPTOPHAN \u2013 Sublingual-Tablette (Packungsinhalt 30 Lutschpastillen) \u20ac37,00';\r\n            link = 'https:\/\/innova-swiss.com\/produkt\/einschlaf-tipps-nadh-l-tryptophan\/';\r\n        } else if (usage === 'detox') {\r\n            recommendation = 'NADH plus CHLORELLA \u2013 Sublingual-Tablette (Packungsinhalt 30 Lutschpastillen) \u20ac37,00';\r\n            link = 'https:\/\/innova-swiss.com\/produkt\/nadh-plus-chlorella-blut-naehrstoff\/';\r\n        } else if (usage === 'performance') {\r\n            recommendation = 'SPORT-NADH plus BCAA (Packungsinhalt 30 Lutschpastillen) \u20ac37,00';\r\n            link = 'https:\/\/innova-swiss.com\/produkt\/sport-nadh-plus-bcaa\/';\r\n        }\r\n\r\n        document.getElementById('result').innerHTML = recommendation;\r\n      document.getElementById('product-link').href = link;\r\n        document.getElementById('result-container').style.display = 'block';\r\n        \r\n        document.querySelector('.quiz-button').style.display = 'none';\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Produktempfehlungsquiz Finden Sie das perfekte NADH-Produkt f\u00fcr Ihre Bed\u00fcrfnisse 0% Wof\u00fcr ben\u00f6tigen Sie NADH? Zellenergie Herz und Kreislauf Nerven Schadstoffe im K\u00f6rper Sport &#8211; Leistung Bevorzugen Sie eine bestimmte Darreichungsform? Schlucktablette Lutschpastille Keine Pr\u00e4ferenz Haben Sie spezielle gesundheitliche Bed\u00fcrfnisse? Herzgesundheit Immunsystem Energielevel Keine speziellen Bed\u00fcrfnisse Weiter Ihre Produktempfehlung: Jetzt kaufen<\/p>","protected":false},"author":2463,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/pages\/22993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/users\/2463"}],"replies":[{"embeddable":true,"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/comments?post=22993"}],"version-history":[{"count":0,"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/pages\/22993\/revisions"}],"wp:attachment":[{"href":"https:\/\/innova-swiss.com\/it\/wp-json\/wp\/v2\/media?parent=22993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}