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.

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.

3 · Podgląd wyglądu

Kolory pochodzą z ustawień stylu samej aktywności, więc łamigłówka wygląda jak część twojej strony.

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

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

Krok 2

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

Krok 3

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

Wypróbuj przed subskrypcją

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/nl/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Przetestowane w

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.

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.