Cara mengirim mockup HTML ke klien

Dengan Jadiin Demo, kode Anda menjadi halaman di demo.jadiin.online/nama-link. Link itu Anda kirim lewat WhatsApp, dan klien membukanya seperti situs biasa tanpa login.

Diperbarui 31 Oktober 2026

  1. Daftar dan verifikasi email

    Buat akun di halaman daftar dengan email dan password minimal 10 karakter. Anda bisa langsung menyusun demo, tetapi tombol Terbitkan baru muncul setelah email diverifikasi lewat link yang kami kirim. Link verifikasi berlaku 24 jam.

    Form daftar Jadiin Demo dengan kolom email dan password.
  2. Tempel kode dan pilih link

    Di dashboard, buat demo baru lalu isi tiga hal:

    • Judul, misalnya Landing page Kopi Senja. Judul ini juga tampil di tab browser dan di pratinjau link.
    • Link: 3 sampai 40 huruf kecil, angka, dan tanda hubung, misalnya landing-kopi-senja. Nama bank, dompet digital, dan kata login tidak bisa dipakai sebagai bagian link.
    • Kode HTML, berupa dokumen lengkap atau isi body saja. CSS dan JavaScript boleh dikosongkan.
    Editor Jadiin Demo: judul, link, dan kode HTML di kiri, pratinjau di kanan.
  3. Cek pratinjau di lebar ponsel

    Pratinjau di samping editor diperbarui setengah detik setelah Anda berhenti mengetik. Pilih Ponsel untuk melihat tampilan yang akan klien lihat saat membuka link dari WhatsApp.

    Pratinjau dalam mode Ponsel: halaman Kopi Senja selebar layar HP.
  4. Terbitkan dan kirim link

    Pilih Terbitkan, lalu Salin link, dan tempel di chat klien. Link demo membawa judul demo dan gambar penanda Jadiin Demo untuk pratinjau di aplikasi chat. Saat dibuka, demo memenuhi layar dengan bar tipis di bawahnya berisi peringatan dan tombol Laporkan. Kode demo tidak bisa menyembunyikan bar itu.

    Demo Kopi Senja di ponsel klien dengan bar peringatan dan tombol Laporkan.
  5. Perbarui tanpa mengganti link

    Simpan draf sesering yang Anda mau. Klien hanya melihat versi yang terakhir Anda terbitkan, dan link-nya tetap sama. Setelah proyek selesai, nonaktifkan link dari halaman demo. Bila demo dihapus, link-nya terkunci 30 hari supaya tidak diambil orang lain.

Cek sebelum mengirim

  • Gambar, font, dan script memakai alamat https. Sumber http diblokir.
  • Demo tidak bergantung pada localStorage, cookie, atau alert(). Ketiganya tidak tersedia di dalam demo.
  • Tautan ke situs lain memakai target="_blank" atau target="_top".
  • Total kode, termasuk gambar data URI, tidak lebih dari 1 MB.

Kapan Jadiin Demo kurang cocok

Satu demo adalah satu halaman. Situs multi-halaman, backend dan database, upload gambar, domain sendiri, dan password per demo tidak didukung. Untuk kebutuhan itu, pakai hosting biasa.