Teka-tekimu, di halamanmu, dengan namamu di atasnya.

Satu iframe menaruh aktivitasnya langsung di situs, CMS atau LMS milikmu. White label — tanpa header, tanpa footer, tanpa merek Puzzel di dalam bingkai.

Buat kode sematanku Coba contohnya dulu

Berfungsi di CMS atau LMS mana pun Tanpa merek Puzzel di dalam bingkai Hasil tetap dilacak

iframe · 600px × 900px Teka-teki silang

Tidak ada tulisan Puzzel di dalam bingkai. 600px × 900px

Paket Penyematan termasuk dalam setiap langganan berbayar. Lihat paket

Pembuat kode sematan

Atur di sini, tempel di sana.

1 · Aktivitas mana

2 · Ukuran bingkai

Lebar Tinggi

Lebar responsif

Bingkai mengisi wadahnya — lebar 100% alih-alih piksel tetap

Lebar tetap. Nyalakan lebar responsif kalau halamanmu harus berfungsi di ponsel.

3 · Pratinjau tampilannya

Warna diambil dari pengaturan gaya aktivitas itu sendiri, jadi teka-tekinya terbaca sebagai bagian dari situsmu.

Kode sematanmu

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

Sesuaikan lebar dan tinggi sesukamu — 100% juga nilai yang sah.

Ubah aktivitasnya nanti dan setiap halaman yang menyematkannya ikut memperbarui diri.

Cuplikan ini memakai contoh aktivitas sungguhan, jadi kamu bisa menempelkannya sekarang juga.

Langkah 1

Buat aktivitasnya

Buat seperti biasa di editor. Tombol 'Gunakan aktivitas saya' memberimu kode sematannya — kamu tidak perlu menyentuh berkas apa pun.

Langkah 2

Salin iframe

Tetapkan ukuran yang cocok dengan tata letakmu dan taruh cuplikannya di HTML halamanmu.

Langkah 3

Jadikan milikmu

Atur gaya aktivitasnya di editor — warna dan fontnya ikut terbawa ke dalam bingkai, jadi terbaca sebagai bagian dari situsmu.

Coba sebelum berlangganan

Contoh teka-teki silang, bebas ditempel

Taruh ini di halaman uji coba untuk melihat perilaku bingkainya di tata letakmu. Ini teka-teki sungguhan yang bisa dimainkan — tanpa perlu akun.

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

Diuji di

Di mana pun iframe diizinkan

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Diblokir CMS-mu? Tempel cuplikannya ke blok HTML mentah atau blok sematan, bukan ke kolom teks kaya.

Sebelum kamu menempelkannya ke halaman sungguhan

Apakah pemain melihat Puzzel sama sekali?

Tidak. Aktivitas yang tersemat itu white label — tanpa logo, tanpa header, tanpa footer. Halamanmu adalah keseluruhan pengalamannya.

Bagaimana kalau teka-tekinya terpotong?

Naikkan tingginya, atau pakai lebar 100% supaya bingkainya mengikuti kolommu alih-alih nilai piksel tetap.

Apakah ini berfungsi di ponsel?

Ya. Dengan lebar responsif aktivitasnya menata ulang diri, dan kontrol sentuh bekerja sama seperti di puzzel.org.