Ας δημιουργήσουμε ένα παράδειγμα ενσωμάτωσης quiz H5P σε μάθημα του LifterLMS, με δυναμικό feedback και επιλογή μαθήματος με βάση το σκορ.

📌 Σενάριο

• Ο χρήστης κάνει ένα H5P quiz (π.χ. “Αξιολόγηση Γνώσεων Word”).
• Αν πετύχει ≥ 7/10 → προτείνεται “Word για Προχωρημένους”
• Αν < 7/10 → προτείνεται “Word για Αρχάριους”

🧪 Βήμα 1: Δημιουργία H5P Quiz

1. Πήγαινε: H5P Content → Add New
2. Τίτλος: Αξιολόγηση Γνώσεων Word
3. Επιλέγεις τύπο: Question Set (ή άλλο)
4. Βάζεις 10 ερωτήσεις
5. Αποθήκευσε → Σημείωσε το H5P ID (π.χ. 123)

🧩 Βήμα 2: Δημιουργία Shortcode με custom feedback

💡 PHP Shortcode (βάζεις το παρακάτω στον Code Snippets ή theme functions)

phpΑντιγραφήΕπεξεργασίαadd_shortcode('word_quiz_feedback', function() {
    ob_start();
    ?>
    <div id="h5p-container">
        <?php echo do_shortcode('[grassblade id="123"]'); ?>
    </div>

    <div id="quiz-result" style="margin-top:20px;"></div>

    <script>
    document.addEventListener('DOMContentLoaded', function () {
        const resultContainer = document.getElementById('quiz-result');
        // Αυτό ενεργοποιείται όταν ο χρήστης ολοκληρώσει το H5P quiz
        window.H5PIntegration = window.H5PIntegration || {};
        window.H5PIntegration.postUserStatistics = true;

        // Παρακολουθεί events του H5P
        H5P.externalDispatcher.on('xAPI', function(event) {
            if (event.data.statement.verb.id === 'http://adlnet.gov/expapi/verbs/completed') {
                const score = event.data.statement.result.score;
                const scaled = score.scaled * 10;

                if (scaled >= 7) {
                    resultContainer.innerHTML = `
                        ✅ Συγχαρητήρια! Πέτυχες ${scaled}/10.
                        <br><a href="/courses/word-advanced" class="btn">Ξεκίνα το Word για Προχωρημένους</a>
                    `;
                } else {
                    resultContainer.innerHTML = `
                        📘 Πέτυχες ${scaled}/10.
                        <br>Προτείνουμε να ξεκινήσεις με: 
                        <a href="/courses/word-beginner" class="btn">Word για Αρχάριους</a>
                    `;
                }
            }
        });
    });
    </script>
    <?php
    return ob_get_clean();
});

🧪 Βήμα 3: Χρήση του Shortcode στο LifterLMS

Μέσα σε ένα μάθημα (Lesson), απλώς πρόσθεσε:

csharpΑντιγραφήΕπεξεργασία[word_quiz_feedback]

Το H5P quiz θα εμφανιστεί κανονικά και μόλις ολοκληρωθεί, θα εμφανιστεί δυναμικά το αποτέλεσμα και η προτεινόμενη ενέργεια.

✅ Τι χρειάζεται να αλλάξεις:

• Το id="123" → το ID του δικού σου H5P quiz
• Τα URLs /courses/word-beginner και /courses/word-advanced → τις σωστές διευθύνσεις των μαθημάτων σου
• Μπορείς να προσαρμόσεις το styling και να προσθέσεις κι άλλα επίπεδα (intermediate, certificate κ.λπ.)