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ść Wysokość

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=-P2qR4NarePPujviOInA' 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. Udostępnij → Osadź na stronie daje ci kod osadzenia — nigdy 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/is/crossword/embed?p=-P2qRNhffff2vlLoCGq_' 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.

Komunikuj się z aktywnością z własnej strony Kiedy aktywność jest osadzona na twojej stronie, ta strona może otrzymywać punktację i postęp gracza, być informowana w chwili jego zakończenia i zresetować aktywność do kolejnej rozgrywki.

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 panoramiczna

Łamigłówka do newslettera

Krzyżówka panoramiczna 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.