Tutorial untuk Pemula

Dari HTML sampai landing siap dibagikan.

Belum pernah membuat landing page? Tidak masalah. Ikuti panduan ini dari atas ke bawah. Setiap langkah menggunakan bahasa sederhana dan bisa langsung dipraktikkan.

Mulai dari Generator Upload Gambar Kelola Landing

▶

Belajar dengan melihat

Video tutorial lengkap

Video cocok untuk Anda yang ingin melihat prosesnya secara langsung. Setelah menonton, gunakan panduan teks di bawah sebagai catatan saat praktik.

Video Tutorial Sedang Disiapkan

Panduan teks lengkap sudah tersedia di bawah. Setelah video YouTube selesai dibuat, tempel link-nya pada variabel $youtubeUrl di bagian paling atas file ini.

Gambaran besar

Alurnya hanya enam langkah

Tidak perlu menghafal semuanya. Pahami urutannya terlebih dahulu, lalu ikuti penjelasan setiap langkah.

Buat HTML dengan AI

Upload gambar

Paste HTML

Lihat preview

Generate

Bagikan link

Siapkan bahan utama

Buat kode HTML menggunakan AI

SaleroDenAI menerbitkan kode HTML yang sudah jadi. Anda bisa meminta ChatGPT atau AI lain untuk membuatkannya. Gunakan prompt berikut, kemudian sesuaikan nama usaha, produk, warna, dan nomor WhatsApp.

Buatkan saya landing page profesional dalam satu file HTML lengkap.

Nama usaha/produk: [TULIS DI SINI]
Target pembeli: [TULIS DI SINI]
Nomor WhatsApp: [TULIS DI SINI]
Warna utama: [TULIS DI SINI]

Gunakan HTML, CSS, dan JavaScript.
Buat responsif di desktop, tablet, dan handphone.
Tambahkan headline, penjelasan produk, keunggulan, testimoni,
FAQ, tombol WhatsApp, dan call to action.
Berikan hasil dalam satu file HTML lengkap siap digunakan.

Apa yang harus dicopy?

Copy seluruh kode yang diberikan AI, mulai dari <!DOCTYPE html> sampai </html>. Jangan hanya mengambil sebagian kodenya.

Periksa sebelum dipakai

Pastikan nama usaha, harga, nomor WhatsApp, gambar, dan tombol pesan sudah benar. Data yang salah di dalam HTML akan ikut tampil pada landing.

Masukkan gambar sendiri

Upload gambar dan copy link-nya

Kalau landing membutuhkan foto produk, logo, banner, atau testimoni, upload gambarnya terlebih dahulu. Setelah itu, link gambar bisa dimasukkan ke dalam kode HTML.

Cara upload

Buka menu Upload Gambar.
Isi token jika menggunakan akun premium.
Klik area upload atau drag-and-drop gambar.
Tunggu sampai gambarnya muncul di galeri.
Tekan Copy Link.

Cara memasukkan gambar ke HTML

Ganti alamat pada bagian src dengan link gambar yang sudah dicopy.

<img
    src="https://salerodenai.my.id/img/nama-gambar.webp"
    alt="Foto produk"
>

Tips: gunakan nama dan ukuran gambar yang masuk akal. Pastikan gambarnya bisa dibuka melalui link sebelum dipasang ke landing.

Buka Upload Gambar

Terbitkan landing

Masukkan data ke Landing Generator

Kembali ke halaman Generator. Anda akan melihat beberapa kolom. Berikut fungsi setiap kolom supaya tidak salah mengisi.

Nama Landing

Isi dengan nama usaha, produk, atau kampanye. Contoh: Supplier Kantong Teh. Nama ini akan digunakan sebagai bagian dari alamat landing.

Paste HTML Anda di sini

Tempel seluruh kode HTML dari AI ke dalam kotak besar. Pastikan tidak ada bagian awal atau akhir yang tertinggal.

Token Premium

Kalau memiliki token premium, masukkan token dengan benar. Kalau tidak punya, kolom ini boleh dikosongkan.

Tombol Generate

Tombol ini menerbitkan HTML menjadi landing online. Setelah berhasil, sistem menampilkan link yang bisa dicopy dan dibuka.

Contoh hasil: https://salerodenai.my.id/u/supplier-kantong-teh. Alamat publik dibuat bersih tanpa akhiran .html.

Periksa sebelum terbit

Gunakan Preview Landing

Jangan langsung menekan Generate. Lihat preview terlebih dahulu agar kesalahan tulisan, gambar, tombol, dan tampilan handphone bisa ditemukan lebih awal.

Mode Desktop

Gunakan untuk melihat tampilan landing di layar komputer atau laptop. Periksa lebar konten, menu, gambar, dan tombol.

Mode Mobile

Gunakan untuk memastikan landing nyaman dibaca di handphone. Periksa ukuran tulisan, tombol, gambar, dan jarak antarbagian.

Checklist cepat: nomor WhatsApp benar, tombol bisa ditekan, gambar muncul, tidak ada tulisan terpotong, dan halaman nyaman dibaca di handphone.

Kelola hasil yang sudah dibuat

Gunakan menu Files

Semua landing yang sudah dibuat dapat dilihat melalui menu Files. Landing premium ditandai dengan bintang ⭐.

Fungsi tombol

Open: membuka landing.
Copy: menyalin satu link.
Edit: mengedit landing premium.
X: menghapus landing.

Fitur tambahan

Search: mencari landing berdasarkan alamat.
Copy Semua Link: menyalin seluruh link.
⭐: menandakan landing premium.

Hati-hati: landing yang sudah dihapus tidak dapat dipulihkan otomatis. Simpan salinan kode HTML sebelum menghapus file penting.

Buka Daftar Landing

Khusus pengguna premium

Edit landing tanpa mengganti link

Landing premium bisa diperbarui tanpa membuat file dan link baru. Cocok untuk mengganti harga, gambar, tulisan, promo, atau tombol WhatsApp.

Cara membuka editor

Buka menu Files.
Cari landing yang bertanda ⭐.
Tekan tombol Edit.
Masukkan token premium yang sesuai.
Editor akan terbuka di tab baru.

Cara menyimpan perubahan

Ubah kode HTML di dalam editor.
Tekan Preview.
Periksa mode Desktop dan Mobile.
Tekan Simpan Perubahan.
Refresh landing untuk melihat hasil terbaru.

Penting: proses Edit mengganti isi file lama, tetapi nama file dan link landing tetap sama. Simpan salinan HTML sebelum melakukan perubahan besar.

★

Kenali akses Anda

Perbedaan gratis dan premium

Keduanya dapat membuat landing. Premium memberikan folder token dan kemampuan mengedit landing lama dengan link yang sama.

Fitur	Gratis	Premium ⭐
Generate landing	Ya	Ya
Preview Desktop dan Mobile	Ya	Ya
URL landing bersih	Ya	Ya
Folder khusus berdasarkan token	—	Ya
Edit landing lama	—	Ya
Simpan perubahan dengan link yang sama	—	Ya
Perlindungan edit dan hapus dengan token	—	Ya

Perlu diketahui: token melindungi proses edit dan hapus, tetapi landing tetap bersifat publik. Siapa pun yang memiliki link tetap dapat membuka halaman tersebut.

Kalau mengalami kendala

Pertanyaan yang sering ditanyakan

Kenapa Preview Landing kosong?

Pastikan kotak HTML sudah diisi dan kodenya lengkap. Copy kode mulai dari <!DOCTYPE html> sampai </html>, kemudian coba Preview kembali.

Kenapa gambar tidak muncul?

Buka link gambar secara langsung di browser. Jika link tidak bisa dibuka, upload ulang gambarnya. Pastikan link sudah ditempatkan dengan benar pada bagian src.

Kenapa token premium ditolak?

Periksa kembali huruf dan angka token. Jangan menambahkan spasi. Untuk Edit dan Hapus, token harus sama dengan token yang digunakan saat landing premium dibuat.

Kenapa perubahan belum terlihat?

Browser mungkin masih menampilkan versi lama. Lakukan refresh, gunakan Ctrl + F5, atau buka link melalui mode Incognito.

Apakah link berubah setelah landing premium diedit?

Tidak. Editor menyimpan perubahan ke file premium yang sama. Nama file dan alamat landing tetap seperti sebelumnya.

Apakah landing premium hanya bisa dilihat pemilik token?

Tidak. Landing tetap dapat dilihat oleh siapa pun yang memiliki link. Token hanya digunakan untuk melindungi fitur Edit dan Hapus.

Apakah landing yang terhapus bisa dikembalikan?

Tidak ada pemulihan otomatis. Karena itu, simpan kode HTML asli atau backup sebelum menghapus maupun mengedit landing penting.

✓

Sebelum selesai

Checklist keamanan dan kualitas

Jaga akses Anda

Jangan membagikan token premium.
Jangan memasukkan password atau API key ke HTML.
Simpan backup kode sebelum perubahan besar.

Periksa landing

Nomor WhatsApp dan tombol sudah benar.
Gambar bisa dibuka dan tidak pecah.
Tampilan nyaman di desktop dan handphone.

Landing sudah siap? Saatnya tampilkan salero Anda.

Mulai dari satu halaman sederhana. Preview, terbitkan, lalu bagikan link-nya kepada calon pelanggan.

Buat Landing Sekarang Upload Gambar Kelola Landing