Ενσωμάτωση

Ο γρίφος σου, στη σελίδα σου, με το δικό σου όνομα.

Ένα iframe ρίχνει τη δραστηριότητα κατευθείαν μέσα στον ιστότοπο, το CMS ή το LMS σου. Χωρίς επωνυμία — καμία κεφαλίδα, κανένα υποσέλιδο, κανένα σήμα Puzzel μέσα στο πλαίσιο.

Δημιουργία του κώδικα ενσωμάτωσής μου Δοκίμασε πρώτα το δείγμα

Λειτουργεί σε κάθε CMS ή LMS Κανένα σήμα Puzzel μέσα στο πλαίσιο Η παρακολούθηση αποτελεσμάτων συνεχίζει

iframe · 600px × 900px Σταυρόλεξο

Τίποτα μέσα στο πλαίσιο δεν λέει Puzzel. 600px × 900px

Πρόγραμμα Η ενσωμάτωση περιλαμβάνεται σε κάθε πληρωμένη συνδρομή. Δες τα προγράμματα

Δημιουργία κώδικα ενσωμάτωσης

Ρύθμισέ τον εδώ, επικόλλησέ τον εκεί.

1 · Ποια δραστηριότητα

2 · Μέγεθος πλαισίου

Πλάτος Ύψος

Προσαρμοζόμενο πλάτος

Το πλαίσιο γεμίζει τον χώρο που το περιέχει — πλάτος 100% αντί για σταθερά pixel

Σταθερό πλάτος. Ενεργοποίησε το προσαρμοζόμενο πλάτος αν η σελίδα σου πρέπει να δουλεύει και στα κινητά.

Ο κώδικας ενσωμάτωσής σου

<div>
<iframe src='https://puzzel.org/gr/crossword/embed?p=-P2qR62IO4WXDUt06V2V' width='600' height='900' frameborder='0'>
</iframe></div>

Προσάρμοσε ελεύθερα πλάτος και ύψος — και το 100% είναι έγκυρη τιμή.

Επεξεργάσου τη δραστηριότητα αργότερα και κάθε σελίδα που την ενσωματώνει ενημερώνεται μόνη της.

Αυτό το απόσπασμα χρησιμοποιεί μια πραγματική ενδεικτική δραστηριότητα, οπότε μπορείς να το επικολλήσεις αμέσως.

Βήμα 1

Φτιάξε τη δραστηριότητα

Δημιούργησέ την ως συνήθως στον επεξεργαστή. Κοινοποίηση → Ενσωμάτωση σε ιστότοπο σού δίνει τον κώδικα ενσωμάτωσης — δεν αγγίζεις ποτέ αρχείο.

Βήμα 2

Αντίγραψε το iframe

Όρισε το μέγεθος που ταιριάζει στη διάταξή σου και ρίξε το απόσπασμα μέσα στο HTML της σελίδας σου.

Βήμα 3

Κάν' το δικό σου

Δώσε στιλ στη δραστηριότητα μέσα στον επεξεργαστή — τα χρώματα και οι γραμματοσειρές της περνούν στο πλαίσιο, ώστε να διαβάζεται ως μέρος του ιστότοπού σου.

Δοκίμασε πριν γίνεις συνδρομητής

Ενδεικτικό σταυρόλεξο, ελεύθερο για επικόλληση

Ρίξ' το σε μια δοκιμαστική σελίδα για να δεις πώς συμπεριφέρεται το πλαίσιο μέσα στη διάταξή σου. Είναι ένας πραγματικός γρίφος που παίζεται — χωρίς λογαριασμό.

<div>
<iframe src='https://puzzel.org/ar/crossword/embed?p=-P2qRRSWU3KHfqX8Fjq6' width='600' height='900' frameborder='0'>
</iframe></div>

Δοκιμασμένο σε

Οπουδήποτε επιτρέπεται ένα iframe

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Το μπλοκάρει το CMS σου; Επικόλλησε το απόσπασμα σε ένα πεδίο ακατέργαστου HTML ή ενσωμάτωσης αντί για πεδίο εμπλουτισμένου κειμένου.

Επικοινώνησε με τη δραστηριότητα από τη δική σου σελίδα Μόλις βρεθεί μέσα στη σελίδα σου, αυτή η σελίδα μπορεί να λαμβάνει τη βαθμολογία και την πρόοδο του παίκτη, να ενημερώνεται τη στιγμή που τελειώνει, και να επαναφέρει τη δραστηριότητα για μια ακόμα προσπάθεια.

Ιδέες δραστηριοτήτων

Όλες οι ιδέες →

Τροχός της τύχης Premium

Τροχός της τύχης με δώρα

Μία περιστροφή ανά επισκέπτη, φέτες στο μέγεθος που εσύ αποφασίζεις, το αποτέλεσμα εμφανίζεται μεγάλο, και κομφετί μόνο για το μεγάλο έπαθλο.

Κρυπτόλεξο

Κρυπτόλεξο με κλήρωση δώρων

Τα γράμματα που περισσεύουν σχηματίζουν τον κωδικό για μια κλήρωση. Πρόσθεσε μια φόρμα εγγραφής στο τέλος και ο γρίφος γίνεται το εισιτήριο συμμετοχής.

Σκανδιναβικό σταυρόλεξο

Ένας γρίφος σε στυλ σκανδιναβικού σταυρόλεξου για την τελευταία σελίδα του newsletter προσωπικού. Οι ορισμοί βρίσκονται μέσα στο πλέγμα, και τα αριθμημένα κελιά σχηματίζουν τη λέξη που στέλνουν οι αναγνώστες.

Quiz

Τι τύπος είσαι;

Καμία σωστή απάντηση, μόνο ένα αποτέλεσμα για τον παίκτη. Κάθε απάντηση τον μετακινεί κατά μήκος μιας κλίμακας, και εκεί όπου καταλήγει είναι το αποτέλεσμά του.

Πριν το επικολλήσεις σε ζωντανή σελίδα

Βλέπουν καθόλου το Puzzel οι παίκτες;

Όχι. Η ενσωματωμένη δραστηριότητα είναι χωρίς επωνυμία — κανένα λογότυπο, καμία κεφαλίδα, κανένα υποσέλιδο. Η σελίδα σου είναι όλη η εμπειρία.

Κι αν ο γρίφος κόβεται;

Ανέβασε το ύψος ή χρησιμοποίησε πλάτος 100%, ώστε το πλαίσιο να ακολουθεί τη στήλη σου αντί για μια σταθερή τιμή σε pixel.

Λειτουργεί στα κινητά;

Ναι. Με προσαρμοζόμενο πλάτος η δραστηριότητα αναδιατάσσεται και η αφή λειτουργεί όπως και στο puzzel.org.