{"id":22985,"date":"2024-07-27T19:14:16","date_gmt":"2024-07-27T17:14:16","guid":{"rendered":"https:\/\/bqasshop.com\/?page_id=22985"},"modified":"2024-07-27T19:17:44","modified_gmt":"2024-07-27T17:17:44","slug":"konfig-2","status":"publish","type":"page","link":"https:\/\/bqasshop.com\/it\/konfig-2\/","title":{"rendered":"konfig-2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 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 }\r\n .quiz-container {\r\n background-color: white;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n max-width: 600px;\r\n width: 100%;\r\n }\r\n .quiz-question {\r\n display: none;\r\n margin-bottom: 20px;\r\n }\r\n .quiz-question.active {\r\n display: block;\r\n }\r\n .quiz-question h2 {\r\n font-size: 24px;\r\n margin-bottom: 15px;\r\n color: #333;\r\n }\r\n .quiz-question label {\r\n display: block;\r\n margin-bottom: 10px;\r\n font-size: 20px;\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: 20px;\r\n width: 100%;\r\n text-align: center;\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: 20px;\r\n }\r\n .result-container h2 {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n }\r\n .progress-bar {\r\n background-color: #ddd;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n margin-bottom: 20px;\r\n }\r\n .progress-bar div {\r\n height: 20px;\r\n width: 0;\r\n background-color: #4CAF50;\r\n text-align: center;\r\n line-height: 20px;\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 <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 <\/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\r\n if (usage === 'energy') {\r\n if (form === 'tablet') {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/nadh-40-plus-zellregeneration\/\">NADH 40plus \u2013 (Packungsinhalt 30 Schlucktabletten) \u20ac44,90<\/a>';\r\n } else if (form === 'lozenge') {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/business-nadh\/\">NADH BUSINESS \u2013 Sublingual-Tablette \u2013 NADH Zellenergie pur (Packungsinhalt 30 Lutschpastillen) \u20ac33,00<\/a>';\r\n } else {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/business-nadh\/\">NADH BUSINESS \u2013 Sublingual-Tablette<\/a> oder <a href=\"https:\/\/bqasshop.com\/produkt\/nadh-40-plus-zellregeneration\/\">NADH 40plus \u2013 (Packungsinhalt 30 Schlucktabletten)<\/a>';\r\n }\r\n } else if (usage === 'heart') {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/nadh-coenzymq10\/\">NADH plus Ubichinon CoQ10 \u2013 Sublingual-Tablette (Packungsinhalt 30 Lutschpastillen) \u20ac37,00<\/a>';\r\n } else if (usage === 'nerves') {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/einschlaf-tipps-nadh-l-tryptophan\/\">NADH plus L-TRYPTOPHAN \u2013 Sublingual-Tablette (Packungsinhalt 30 Lutschpastillen) \u20ac37,00<\/a>';\r\n } else if (usage === 'detox') {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/nadh-plus-chlorella-blut-naehrstoff\/\">NADH plus CHLORELLA \u2013 Sublingual-Tablette (Packungsinhalt 30 Lutschpastillen) \u20ac37,00<\/a>';\r\n } else if (usage === 'performance') {\r\n recommendation = '<a href=\"https:\/\/bqasshop.com\/produkt\/sport-nadh-plus-bcaa\/\">SPORT-NADH plus BCAA (Packungsinhalt 30 Lutschpastillen) \u20ac37,00<\/a>';\r\n }\r\n\r\n document.getElementById('result').innerHTML = recommendation;\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 0% Wof\u00fcr ben\u00f6tigen Sie NADH? Zellenergie Herz und Kreislauf Nerven Schadstoffe im K\u00f6rper Sport \u2013 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:<\/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-22985","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/pages\/22985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/users\/2463"}],"replies":[{"embeddable":true,"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/comments?post=22985"}],"version-history":[{"count":0,"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/pages\/22985\/revisions"}],"wp:attachment":[{"href":"https:\/\/bqasshop.com\/it\/wp-json\/wp\/v2\/media?parent=22985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}