Ενσωμάτωση

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

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

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

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

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

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

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

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

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

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

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

Πλάτος Ύψος

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

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

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

3 · Προεπισκόπηση εμφάνισης

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

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

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

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

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

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

Βήμα 1

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

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

Βήμα 2

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

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

Βήμα 3

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

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

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

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

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

<div>
<iframe src='https://puzzel.org/sl/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' 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 ή ενσωμάτωσης αντί για πεδίο εμπλουτισμένου κειμένου.

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

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

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

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

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

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

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