Przejdź do treści
Funkcje Osadzanie
Osadzanie

Na twojej stronie, z twoją łamigłówką i twoim nazwiskiem.

Jeden iframe wstawia aktywność prosto na twoją stronę, do systemu CMS lub LMS. White label — bez nagłówków, bez stopek, bez logo Puzzel w ramce.

Zbuduj mój kod osadzenia Najpierw wypróbuj przykład
Działa w każdym systemie CMS i LMS Bez logo Puzzel w ramce Wyniki nadal śledzone
iframe · 600px × 900px Krzyżówka
Nic w ramce nie wskazuje na Puzzel. 600px × 900px
Plan Osadzanie jest częścią każdej płatnej subskrypcji. Zobacz plany
Generator kodu osadzenia

Ustaw tutaj, wklej tam.

1 · Która aktywność
2 · Rozmiar ramki
Szerokość responsywna
Ramka wypełnia swój kontener — szerokość 100% zamiast stałych pikseli

Stała szerokość. Włącz szerokość responsywną, jeśli twoja strona ma działać na telefonach.

Gotowy kod osadzenia 
<div>
<iframe src='https://puzzel.org/pl/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>
Dowolnie zmieniaj szerokość i wysokość — 100% też jest poprawną wartością.
Zmienisz aktywność później, a każda strona, która ją osadza, zaktualizuje się sama.
Ten fragment kodu korzysta z prawdziwej przykładowej aktywności, więc możesz go wkleić od razu.
Krok 1

Stwórz aktywność

Zrób ją jak zwykle w edytorze. Przycisk 'Użyj mojej aktywności' daje ci kod osadzenia — nie dotykasz żadnego pliku.

Krok 2

Skopiuj iframe

Ustaw rozmiar pasujący do twojego układu i wklej fragment kodu do HTML swojej strony.

Krok 3

Nadaj jej swój styl

Ostyluj aktywność w edytorze — jej kolory i czcionki przechodzą do ramki, więc wygląda jak część twojej strony.

Wypróbuj przed subskrypcją

Przykładowa krzyżówka, wklej za darmo

Wrzuć to na stronę testową, żeby zobaczyć, jak ramka zachowuje się w twoim układzie. To prawdziwa, grywalna łamigłówka — bez zakładania konta.

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

Wszędzie tam, gdzie dozwolony jest iframe

WordPress custom HTML block
Google Sites embed → code
Moodle HTML editor
Canvas LMS rich content editor
Squarespace / Wix embed element

Blokuje go twój CMS? Wklej fragment kodu do bloku surowego HTML albo do bloku osadzania zamiast do pola tekstu sformatowanego.

Pomysły na aktywności

Wszystkie pomysły →
Koło fortuny Premium

Koło z nagrodami

Jedno zakręcenie na odwiedzającego, wielkość wycinków, jaką ustalisz, duży wynik na ekranie i konfetti tylko dla głównej nagrody.

Wykreślanka

Wykreślanka z losowaniem nagród

Pozostałe litery układają się w kod do losowania nagród. Dodaj formularz zgłoszeniowy na końcu, a łamigłówka stanie się biletem wstępu.

Krzyżówka szwedzka

Łamigłówka do newslettera

Krzyżówka szwedzka na ostatnią stronę firmowego newslettera. Definicje siedzą w siatce, a ponumerowane kratki układają się w słowo, które czytelnicy przysyłają.

Quiz Premium

Jaki jesteś typ?

Żadnych dobrych odpowiedzi — tylko rezultat, który mówi coś o graczu. Każda odpowiedź przesuwa go po jednej skali, a to, gdzie wyląduje, jest jego rezultatem.

Zanim wkleisz to na żywo

Czy gracze w ogóle widzą Puzzel?

Nie. Osadzona aktywność to white label — bez logo, bez nagłówka, bez stopki. Całość dzieje się na twojej stronie.

Co, jeśli łamigłówka jest przycięta?

Zwiększ wysokość albo ustaw szerokość 100%, żeby ramka dopasowała się do twojej kolumny zamiast do stałej wartości w pikselach.

Czy działa na telefonach?

Tak. Przy szerokości responsywnej aktywność sama się układa, a obsługa dotykiem działa tak samo jak na puzzel.org.