{"id":1058,"date":"2026-01-23T10:10:00","date_gmt":"2026-01-23T09:10:00","guid":{"rendered":"https:\/\/blog.ojetables.peel.fr\/?p=1058"},"modified":"2026-01-23T10:13:15","modified_gmt":"2026-01-23T09:13:15","slug":"quiz-ojetables-mieux-conseiller-nos-clients","status":"publish","type":"post","link":"https:\/\/emballages-alimentaires.com\/blog\/quiz-ojetables-mieux-conseiller-nos-clients\/","title":{"rendered":"Quiz Olma \u2013 Mieux conseiller nos clients"},"content":{"rendered":"\n<div id=\"quiz-ojetables-wrapper\">\n    <style>\n        #quiz-ojetables-wrapper {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            background: #f9f9f9;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n        }\n        .quiz-header {\n            text-align: center;\n            margin-bottom: 30px;\n            color: #2c3e50;\n        }\n        .question-card {\n            background: #ffffff;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            padding: 20px;\n            margin-bottom: 20px;\n            transition: transform 0.2s;\n        }\n        .question-title {\n            font-weight: 700;\n            font-size: 1.1em;\n            margin-bottom: 15px;\n            color: #333;\n            display: block;\n        }\n        .quiz-options label {\n            display: block;\n            padding: 10px;\n            margin: 5px 0;\n            background: #f0f4f8;\n            border-radius: 4px;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .quiz-options label:hover {\n            background: #e2e8f0;\n        }\n        .quiz-options input[type=\"checkbox\"] {\n            margin-right: 10px;\n            transform: scale(1.2);\n        }\n        \/* Styles de validation *\/\n        .feedback {\n            margin-top: 15px;\n            padding: 10px;\n            border-radius: 4px;\n            font-size: 0.95em;\n            display: none; \/* Cach\u00e9 par d\u00e9faut *\/\n        }\n        .feedback.success {\n            display: block;\n            background-color: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n        }\n        .feedback.error {\n            display: block;\n            background-color: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n        }\n        .correct-card {\n            border-left: 5px solid #28a745;\n        }\n        .incorrect-card {\n            border-left: 5px solid #dc3545;\n        }\n        \n        \/* Bouton *\/\n        #btn-submit-quiz {\n            display: block;\n            width: 100%;\n            padding: 15px;\n            background-color: #2271b1;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            font-size: 1.2em;\n            font-weight: bold;\n            cursor: pointer;\n            margin-top: 20px;\n            transition: background 0.3s;\n        }\n        #btn-submit-quiz:hover {\n            background-color: #135e96;\n        }\n        \n        \/* R\u00e9sultat final *\/\n        #final-score {\n            text-align: center;\n            font-size: 1.5em;\n            font-weight: bold;\n            margin-top: 30px;\n            padding: 20px;\n            border-radius: 8px;\n            display: none;\n        }\n    <\/style>\n\n    <div class=\"quiz-header\">\n        <h2>Quiz Olma \u2013 Mieux conseiller nos clients<\/h2>\n        <p>Cochez toutes les bonnes r\u00e9ponses pour chaque situation.<\/p>\n    <\/div>\n\n    <form id=\"form-quiz-ojetables\">\n\n        <div class=\"question-card\" id=\"card-q1\">\n            <span class=\"question-title\">1. Je suis traiteur et j\u2019ach\u00e8te des verrines. Quel(s) produit(s) compl\u00e9mentaire(s) pouvez-vous me proposer ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q1\" value=\"A\"> A. Gobelets carton<\/label>\n                <label><input type=\"checkbox\" name=\"q1\" value=\"B\"> B. Cuill\u00e8res \u00e0 verrines<\/label>\n                <label><input type=\"checkbox\" name=\"q1\" value=\"C\"> C. Plateaux cocktail<\/label>\n                <label><input type=\"checkbox\" name=\"q1\" value=\"D\"> D. Serviettes cocktail personnalis\u00e9es<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q1\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q2\">\n            <span class=\"question-title\">2. Je suis restaurateur et je propose de la vente \u00e0 emporter. Quels produits sont pertinents \u00e0 proposer en compl\u00e9ment ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q2\" value=\"A\"> A. Bo\u00eetes alimentaires (chaudes\/froides)<\/label>\n                <label><input type=\"checkbox\" name=\"q2\" value=\"B\"> B. Sacs papier kraft<\/label>\n                <label><input type=\"checkbox\" name=\"q2\" value=\"C\"> C. Couverts jetables (bois ou compostables)<\/label>\n                <label><input type=\"checkbox\" name=\"q2\" value=\"D\"> D. Nappes de table en tissu<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q2\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q3\">\n            <span class=\"question-title\">3. Je suis une entreprise qui organise un s\u00e9minaire avec pause-caf\u00e9. Quels produits compl\u00e9mentaires recommander ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q3\" value=\"A\"> A. Gobelets carton<\/label>\n                <label><input type=\"checkbox\" name=\"q3\" value=\"B\"> B. Agitateurs bois<\/label>\n                <label><input type=\"checkbox\" name=\"q3\" value=\"C\"> C. Serviettes papier<\/label>\n                <label><input type=\"checkbox\" name=\"q3\" value=\"D\"> D. Bo\u00eetes pizza<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q3\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q4\">\n            <span class=\"question-title\">4. Je suis boulanger-p\u00e2tissier et je vends des p\u00e2tisseries individuelles. Que puis-je proposer en compl\u00e9ment ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q4\" value=\"A\"> A. Bo\u00eetes p\u00e2tissi\u00e8res<\/label>\n                <label><input type=\"checkbox\" name=\"q4\" value=\"B\"> B. Supports \u00e0 g\u00e2teaux<\/label>\n                <label><input type=\"checkbox\" name=\"q4\" value=\"C\"> C. Serviettes papier<\/label>\n                <label><input type=\"checkbox\" name=\"q4\" value=\"D\"> D. Barquettes alimentaires<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q4\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q5\">\n            <span class=\"question-title\">5. Je suis organisateur d\u2019\u00e9v\u00e9nement (mariage, cocktail, anniversaire). Quels produits Olma sont adapt\u00e9s ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q5\" value=\"A\"> A. Vaisselle jetable \u00e9l\u00e9gante (assiettes, couverts)<\/label>\n                <label><input type=\"checkbox\" name=\"q5\" value=\"B\"> B. Nappes et chemins de table jetables<\/label>\n                <label><input type=\"checkbox\" name=\"q5\" value=\"C\"> C. Plateaux cocktail<\/label>\n                <label><input type=\"checkbox\" name=\"q5\" value=\"D\"> D. Films alimentaires<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q5\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q6\">\n            <span class=\"question-title\">6. Je suis un food truck. Quels produits compl\u00e9mentaires sont essentiels ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q6\" value=\"A\"> A. Emballages alimentaires adapt\u00e9s<\/label>\n                <label><input type=\"checkbox\" name=\"q6\" value=\"B\"> B. Serviettes papier<\/label>\n                <label><input type=\"checkbox\" name=\"q6\" value=\"C\"> C. Sacs papier<\/label>\n                <label><input type=\"checkbox\" name=\"q6\" value=\"D\"> D. Verrines en verre<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q6\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q7\">\n            <span class=\"question-title\">7. Je suis une collectivit\u00e9 (\u00e9cole, mairie, cantine). Quels produits proposer en priorit\u00e9 ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q7\" value=\"A\"> A. Barquettes alimentaires<\/label>\n                <label><input type=\"checkbox\" name=\"q7\" value=\"B\"> B. Couverts r\u00e9utilisables ou biod\u00e9gradables<\/label>\n                <label><input type=\"checkbox\" name=\"q7\" value=\"C\"> C. Gobelets r\u00e9utilisables<\/label>\n                <label><input type=\"checkbox\" name=\"q7\" value=\"D\"> D. D\u00e9corations de table festives<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q7\"><\/div>\n        <\/div>\n\n        <div class=\"question-card\" id=\"card-q8\">\n            <span class=\"question-title\">8. Un client ach\u00e8te des gobelets. Quelle question compl\u00e9mentaire est la PLUS pertinente \u00e0 lui poser ?<\/span>\n            <div class=\"quiz-options\">\n                <label><input type=\"checkbox\" name=\"q8\" value=\"A\"> A. \u201cC\u2019est pour un usage chaud ou froid ?\u201d<\/label>\n                <label><input type=\"checkbox\" name=\"q8\" value=\"B\"> B. \u201cSouhaitez-vous des couvercles ?\u201d<\/label>\n                <label><input type=\"checkbox\" name=\"q8\" value=\"C\"> C. \u201cAvez-vous besoin de serviettes ou d\u2019agitateurs ?\u201d<\/label>\n                <label><input type=\"checkbox\" name=\"q8\" value=\"D\"> D. \u201cVous prenez aussi des nappes ?\u201d<\/label>\n            <\/div>\n            <div class=\"feedback\" id=\"feedback-q8\"><\/div>\n        <\/div>\n\n        <button type=\"button\" id=\"btn-submit-quiz\">Valider mes r\u00e9ponses<\/button>\n        <div id=\"final-score\"><\/div>\n\n    <\/form>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        document.getElementById('btn-submit-quiz').addEventListener('click', function() {\n            \n            \/\/ CONFIGURATION DES R\u00c9PONSES (Format: QuestionID -> Array de bonnes r\u00e9ponses)\n            const answers = {\n                'q1': ['B', 'C', 'D'],\n                'q2': ['A', 'B', 'C'],\n                'q3': ['A', 'B', 'C'],\n                'q4': ['A', 'C', 'D'],\n                'q5': ['A', 'B', 'C'],\n                'q6': ['A', 'B', 'C'],\n                'q7': ['A', 'B', 'C'],\n                'q8': ['A', 'B', 'C']\n            };\n\n            let score = 0;\n            const total = 8;\n\n            \/\/ Boucle sur chaque question\n            for (let i = 1; i <= total; i++) {\n                let qID = 'q' + i;\n                let card = document.getElementById('card-' + qID);\n                let feedback = document.getElementById('feedback-' + qID);\n                \n                \/\/ R\u00e9cup\u00e9rer les choix de l'utilisateur\n                let userInputs = document.querySelectorAll('input[name=\"' + qID + '\"]:checked');\n                let userValues = Array.from(userInputs).map(cb => cb.value).sort();\n                let correctValues = answers[qID].sort();\n\n                \/\/ Reset des styles\n                card.classList.remove('correct-card', 'incorrect-card');\n                feedback.classList.remove('success', 'error');\n\n                \/\/ Comparaison stricte (JSON stringify est une m\u00e9thode simple pour comparer deux arrays)\n                let isCorrect = JSON.stringify(userValues) === JSON.stringify(correctValues);\n\n                if (isCorrect) {\n                    score++;\n                    card.classList.add('correct-card');\n                    feedback.innerHTML = \"<strong>Correct !<\/strong> Excellente suggestion.\";\n                    feedback.classList.add('success');\n                } else {\n                    card.classList.add('incorrect-card');\n                    \/\/ Formatter la liste des bonnes r\u00e9ponses pour l'affichage\n                    let correctString = correctValues.join(', ');\n                    feedback.innerHTML = \"<strong>Incorrect.<\/strong> Les r\u00e9ponses attendues \u00e9taient : \" + correctString;\n                    feedback.classList.add('error');\n                }\n            }\n\n            \/\/ Affichage du score final\n            let resultDiv = document.getElementById('final-score');\n            resultDiv.style.display = 'block';\n            resultDiv.innerHTML = \"Votre r\u00e9sultat : \" + score + \" \/ \" + total;\n\n            if(score === total) {\n                resultDiv.style.backgroundColor = \"#d4edda\";\n                resultDiv.style.color = \"#155724\";\n                resultDiv.innerHTML += \"<br>Bravo ! Vous ma\u00eetrisez parfaitement la gamme Olma.\";\n            } else if (score > total \/ 2) {\n                resultDiv.style.backgroundColor = \"#fff3cd\";\n                resultDiv.style.color = \"#856404\";\n                resultDiv.innerHTML += \"<br>Pas mal ! Encore quelques petits efforts.\";\n            } else {\n                resultDiv.style.backgroundColor = \"#f8d7da\";\n                resultDiv.style.color = \"#721c24\";\n                resultDiv.innerHTML += \"<br>N'h\u00e9sitez pas \u00e0 relire le guide de vente.\";\n            }\n            \n            \/\/ Scroll vers le bas pour voir le r\u00e9sultat\n            resultDiv.scrollIntoView({behavior: \"smooth\"});\n        });\n    });\n    <\/script>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je suis traiteur et j\u2019ach\u00e8te des verrines.<br \/>\nQuel(s) produit(s) compl\u00e9mentaire(s) pouvez-vous me proposer ?<\/p>\n","protected":false},"author":1,"featured_media":483,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1058","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vie-du-blog-sav-actus"],"_links":{"self":[{"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/posts\/1058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/comments?post=1058"}],"version-history":[{"count":3,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/posts\/1058\/revisions"}],"predecessor-version":[{"id":1061,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/posts\/1058\/revisions\/1061"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/media\/483"}],"wp:attachment":[{"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/media?parent=1058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/categories?post=1058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emballages-alimentaires.com\/blog\/wp-json\/wp\/v2\/tags?post=1058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}