4. LP - Overview
4.5 Import Landing Page dari URL (Clone URL)
Salin tampilan landing page kompetitor atau referensi jadi halaman siap edit, tanpa AI dan tanpa ketik ulang desain
Prasyarat
Hasil akhir: Landing page baru di builder-mu yang tampilannya (warna, font, layout) sama persis seperti halaman sumber, sudah terpecah jadi blok-blok yang bisa kamu atur ulang, edit, atau hapus. Butuh: Toko sudah dibuat. Siapkan URL landing page yang mau kamu jadikan referensi (punya kompetitor, referensi niche sejenis, atau landing page lamamu sendiri di platform lain).
4.5.1Ringkasan
Clone URL adalah cara tercepat membuat landing page baru: tempel URL halaman mana saja, dan Konvert akan mengambil HTML + CSS aslinya, merender ulang tampilannya secara identik, lalu memecahnya jadi blok-blok kecil yang bisa kamu edit di builder. Prosesnya tidak pakai AI — jadi tidak makan kredit AI sama sekali — dan biasanya selesai dalam hitungan detik.
Ini berbeda dari Generate by AI, yang menulis ulang copy pakai AI dari data produkmu. Clone URL tidak menulis konten baru, tugasnya murni meniru tampilan visual sebuah halaman yang sudah ada. Cocok dipakai saat kamu sudah punya referensi desain yang kamu suka dan ingin mulai dari situ, bukan dari nol.
4.5.2Langkah-langkah
1. Buka halaman pilihan cara membuat landing page
Dari Dashboard, klik Landing Pages di sidebar, lalu klik tombol Create Page. Kamu akan masuk ke /landing-pages/new, halaman dengan tiga pilihan cara membuat landing page:
| Kartu | Kapan dipakai |
|---|---|
| Generate by AI | AI menulis copy baru dari data produkmu (lihat Bangun Landing Page dengan AI) |
| Manual Builder | Kamu susun sendiri dari nol atau dari template Konvert |
| Clone URL | Salin tampilan 1:1 dari URL halaman manapun, tanpa AI |
Klik kartu Clone URL (ikon salin/copy), lalu klik tombol Lanjut.
2. Isi URL landing page sumber
Kamu akan masuk ke /landing-pages/import-clone/input, halaman Clone URL (Beta).
Ada dua tab pilihan sumber:
| Tab | Kapan dipakai |
|---|---|
| URL | Paling umum — tempel link landing page yang mau di-clone |
| Upload HTML | Kalau kamu sudah punya file .html/.htm (misalnya hasil "Save Page As" dari browser), maksimal 3MB |
Untuk tab URL: tempel alamat lengkap halaman yang ingin kamu clone (contoh: https://contoh-kompetitor.com/promo), lalu klik Clone Sekarang.
Konvert mengambil HTML dan semua CSS dari URL tersebut, merendernya ulang persis pakai isolasi Shadow DOM (jadi CSS sumber tidak bentrok dengan tampilan dashboard Konvert), lalu memecah tiap section jadi blok-blok kecil yang bisa kamu atur ulang di builder.
3. Tunggu proses clone selesai
Setelah klik Clone Sekarang, tombol berubah jadi status loading: "Meng-clone halaman…". Jangan tutup halaman ini — prosesnya cepat, biasanya selesai dalam 3-6 detik.
Di belakang layar, Konvert:
- Mengambil semua CSS (inline + eksternal) dari halaman sumber
- Mendownload semua gambar dan meng-hosting ulang ke server Konvert (jadi gambar tidak hilang meskipun sumber aslinya diblokir provider internet)
- Memecah halaman jadi blok-blok kecil sambil menjaga urutan dan class CSS-nya
4. Halaman hasil clone terbuka di builder
Begitu proses selesai, kamu otomatis diarahkan ke /builder/:pageId dengan halaman yang sudah terisi — tampilannya semirip mungkin dengan URL sumber tadi.
Tingkat kemiripan tampilan biasanya 80-92% dari halaman aslinya, tergantung kompleksitas desain sumber. Beberapa hal yang biasanya sedikit berbeda:
| Elemen | Catatan |
|---|---|
| Header sticky / tombol WhatsApp mengambang | Tidak ikut ter-clone sebagai elemen mengambang — biasanya tampil inline di posisi aslinya atau hilang |
| Tinggi halaman | Kadang 10-40% lebih pendek dari aslinya karena padding section dibagi antar blok |
| Animasi scroll-reveal | Konten yang tadinya "muncul saat di-scroll" langsung ditampilkan dalam kondisi akhirnya (sudah terlihat) |
5. Edit isi blok hasil clone
Setiap section hasil clone jadi komponen bertipe imported-block — beda dari komponen builder biasa (Heading, Text, dst). Klik salah satu blok di kanvas untuk membukanya di panel kanan.
Blok hasil clone belum bisa diedit langsung dengan klik teks di kanvas (belum ada mode click-to-edit). Kamu edit lewat textarea HTML mentah di panel properti sebelah kanan — ubah teks, link, atau atribut langsung di kode HTML-nya.
Yang bisa kamu lakukan di builder setelah clone:
- Susun ulang urutan blok (drag di pohon Structure, sama seperti komponen biasa)
- Hapus blok yang tidak diperlukan
- Duplikat blok
- Edit isi teks/HTML lewat textarea di panel kanan
- Sambungkan Order Form ke produkmu kalau formulir order belum terhubung
Section yang berbentuk grid atau baris sejajar (misalnya 3 kartu fitur berdampingan) tetap jadi satu blok utuh, tidak bisa dipecah per-kartu. Ini disengaja — kalau dipecah, layout grid-nya akan rusak.
6. Publish seperti biasa
Setelah puas dengan hasil edit, ikuti langkah publish standar: klik Save, cek di Preview, lalu klik Publish. Lihat detail langkahnya di Bangun Landing Page Manual.
4.5.3Clone URL vs Manual Builder vs Generate by AI
| Clone URL | Manual Builder | Generate by AI | |
|---|---|---|---|
| Sumber konten | URL halaman lain | Kamu tulis sendiri | AI generate dari data produk |
| Pakai kredit AI? | Tidak | Tidak | Ya |
| Kecepatan | Detik | Tergantung kamu | 1-3 menit |
| Editable seperti komponen biasa? | Sebagian (lewat HTML textarea) | Ya, penuh | Ya, penuh |
| Cocok untuk | Meniru desain referensi yang sudah terbukti | Kontrol penuh dari nol | LP cepat dari deskripsi produk |
4.5.4Troubleshooting
- "Gagal clone. Coba lagi." — Pastikan URL bisa diakses publik (coba buka di tab browser baru dulu). Halaman yang butuh login atau diblokir firewall tidak bisa di-clone.
- Tampilan hasil clone berantakan / warna putih-di-atas-putih — Beberapa situs pakai teknik CSS yang sulit direplikasi sempurna. Coba clone ulang, atau gunakan Manual Builder untuk menyusun ulang bagian yang bermasalah.
- Gambar tidak muncul — Konvert otomatis mendownload dan meng-hosting ulang semua gambar saat proses clone. Kalau masih kosong, cek apakah gambar sumber butuh login untuk diakses (gambar privat tidak bisa di-fetch).
- Tombol WhatsApp mengambang atau header sticky hilang — Elemen yang posisinya "mengambang" (
position: fixed) di halaman sumber memang belum didukung. Tambahkan ulang secara manual pakai komponen Button atau WhatsApp Button di builder. - Muncul dialog batas landing page tercapai — Toko kamu sudah mencapai limit jumlah landing page di paket saat ini. Upgrade paket untuk membuat lebih banyak, atau hapus LP lama yang tidak terpakai.
4.5.5FAQ
Apakah Clone URL memakan kredit/token AI?
Tidak. Clone URL murni proses deterministik (fetch + render + pecah HTML), tidak ada panggilan AI sama sekali — beda dengan Generate by AI yang menggunakan kredit AI.
Boleh clone halaman punya orang lain / kompetitor?
Fitur ini menyalin tampilan (kode HTML/CSS publik yang memang bisa diakses siapa saja lewat browser), bukan meretas apapun. Tapi tanggung jawab hak cipta konten (teks, gambar, merek) tetap ada di penggunanya — pastikan kamu berhak menggunakan konten yang di-clone sebelum dipublish.
Kenapa hasilnya tidak 100% sama persis dengan aslinya?
Clone URL menargetkan kemiripan visual 80-92%, bukan replikasi piksel-sempurna. Elemen seperti header sticky, floating button, dan animasi JavaScript custom biasanya tidak ikut ter-clone. Untuk penyesuaian akhir, edit manual di builder setelah proses clone selesai.
Bisa clone lalu ubah semua isinya jadi produk saya?
Bisa. Setelah clone selesai, edit tiap blok lewat textarea HTML di panel kanan untuk mengganti teks, harga, dan link — layout dan gaya visualnya tetap terjaga.
4.5.6Hasilnya
Setelah tutorial ini, kamu sudah bisa:
- Meng-clone tampilan landing page manapun lewat URL, tanpa AI dan tanpa kredit
- Memahami bedanya dengan Manual Builder dan Generate by AI
- Mengedit isi blok hasil clone lewat panel HTML mentah
- Mempublikasikan landing page hasil clone seperti LP biasa
Last reviewed: 2026-07-10
Siap buat landing page pertamamu?
Daftar Konvert gratis dan mulai jualan online hari ini.
Daftar Sekarang