Konvert.id
← Konvert.id

4. LP - Overview

4.5 Import Landing Page dari URL (Instant Import URL)

Salin tampilan landing page kompetitor atau referensi jadi halaman siap edit, tanpa AI dan tanpa ketik ulang desain

Pemula~8 menit

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

Instant Import 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. Instant Import 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 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
Instant Import URL Salin tampilan 1:1 dari URL halaman manapun, tanpa AI

Klik kartu Instant Import URL (ikon salin/copy), lalu klik tombol Lanjut.

halaman pilih metode buat LP — 3 kartu Generate by AI, Manual Builder, dan Instant Import URL
halaman pilih metode buat LP — 3 kartu Generate by AI, Manual Builder, dan Instant Import URL

2. Isi URL landing page sumber

Kamu akan masuk ke /landing-pages/import-clone/input, halaman Instant Import URL (Beta).

Ada dua tab pilihan sumber:

Tab Kapan dipakai
URL Paling umum — tempel link landing page yang mau diimpor
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 impor (contoh: https://contoh-kompetitor.com/promo), lalu klik Import Sekarang.

ℹ️Bagaimana ini bekerja

Konvert mengambil HTML dan semua CSS dari URL tersebut, merendernya ulang persis pakai isolasi (jadi CSS sumber tidak bentrok dengan tampilan dashboard Konvert), lalu memecah tiap section jadi blok-blok kecil yang bisa kamu atur ulang di builder. Halaman yang dibuat dengan JavaScript berat (SPA/aplikasi web modern) otomatis dideteksi dan dirender penuh di server dulu sebelum diimpor — prosesnya lebih lama (lihat langkah berikutnya).

halaman Instant Import URL Beta di /landing-pages/import-clone/input — tab URL aktif dengan input field URL landing page
halaman Instant Import URL Beta di /landing-pages/import-clone/input — tab URL aktif dengan input field URL landing page
tab Upload HTML di /landing-pages/import-clone/input — area drag and drop file html
tab Upload HTML di /landing-pages/import-clone/input — area drag and drop file html

3. Tunggu proses import selesai

Setelah klik Import Sekarang, tombol berubah jadi status loading: "Mengimpor halaman…". Jangan tutup halaman ini — untuk halaman statis biasa prosesnya cepat, selesai dalam 3-6 detik.

Kalau halaman sumbernya terdeteksi sebagai SPA (situs yang dibangun penuh dengan JavaScript), tampilan loading berubah jadi "Merender halaman dinamis…" dan bisa memakan waktu 15-60 detik karena Konvert merender halamannya penuh di server dulu — sekaligus dua kali: sekali untuk tampilan desktop, sekali lagi khusus untuk tampilan mobile (bukan sekadar menyusutkan versi desktop), supaya tampilan di HP juga akurat. Animasi asli dibekukan di hasil importnya. Kalau proses ini tidak selesai dalam batas waktu, muncul dialog "Simpan versi parsial?" — kamu bisa pilih Simpan Tetap untuk lanjut dengan hasil yang sudah didapat sejauh itu, atau Batal untuk membatalkan.

Untuk halaman statis biasa (bukan SPA), Konvert:

  1. Mengambil semua CSS (inline + eksternal) dari halaman sumber
  2. Mendownload semua gambar dan meng-hosting ulang ke server Konvert (jadi gambar tidak hilang meskipun sumber aslinya diblokir provider internet)
  3. Memecah halaman jadi blok-blok kecil sambil menjaga urutan dan class CSS-nya
state loading "Mengimpor halaman…" setelah klik Import Sekarang
state loading "Mengimpor halaman…" setelah klik Import Sekarang

4. Halaman hasil import terbuka di builder

Begitu proses selesai, kamu otomatis diarahkan ke builder dengan halaman yang sudah terisi — tampilannya semirip mungkin dengan URL sumber tadi. Nama LP-nya otomatis terisi "Import - ", dan slug halamannya diawali import-, bisa kamu ganti kapan saja lewat tab Settings.

hasil import terbuka di builder — tampilan halaman sudah menyerupai sumber aslinya
hasil import terbuka di builder — tampilan halaman sudah menyerupai sumber aslinya

Beberapa hal yang biasanya sedikit berbeda dari halaman aslinya:

Elemen Catatan
Header sticky / tombol WhatsApp mengambang Elemen yang posisinya "mengambang" (position: fixed/sticky) di sumber tidak ikut diimpor sebagai elemen mengambang — biasanya tampil inline di posisi aslinya
Animasi scroll-reveal / JavaScript custom Konten yang tadinya "muncul saat di-scroll" langsung ditampilkan dalam kondisi akhirnya (sudah terlihat)
Video YouTube/Vimeo yang di-embed Tidak ikut diputar inline di halaman hasil import — muncul sebagai thumbnail video yang bisa diklik, dan membuka video aslinya di tab baru
Badge/link kompetitor (misalnya "dibuat dengan [nama platform lain]") Otomatis dihapus. Kalau kamu mengimpor halaman yang kebetulan berisi link checkout lynk.id asli (bukan badge kompetitor), link itu ikut terhapus juga karena nama domainnya cocok dengan filter ini — cek ulang tombol/link checkout di hasil import-mu kalau sumbernya pakai lynk.id
Halaman yang CSS-nya di-generate oleh JavaScript (Tailwind Play CDN) CSS-nya di-generate ulang saat proses import — biasanya tetap akurat, tapi kalau ada style yang meleset, itu penyebabnya

5. Edit isi blok hasil import

Hasil import bukan kumpulan komponen builder biasa (Heading, Text, dst) — halaman ditampilkan apa adanya, semirip mungkin dengan sumbernya. Untuk melihat dan mengedit isinya, buka tab Struktur di panel kiri: di sana kamu lihat outline halamannya berupa Header, daftar blok Body bernomor (tiap section jadi satu baris, dengan potongan teksnya sebagai preview), dan Footer.

tab Struktur di panel kiri untuk halaman hasil import — baris Header, daftar blok Body bernomor, Footer, masing-masing dengan ikon panah atas/bawah, edit (pensil), dan hapus (tempat sampah)
tab Struktur di panel kiri untuk halaman hasil import — baris Header, daftar blok Body bernomor, Footer, masing-masing dengan ikon panah atas/bawah, edit (pensil), dan hapus (tempat sampah)

Per baris blok, kamu bisa:

  • Pindah urutan — klik ikon panah atas/bawah di baris blok tersebut
  • Edit — klik ikon pensil, sebuah dialog terbuka berisi textarea HTML mentah blok itu. Ubah teks, link, atau atribut langsung di kode HTML-nya, lalu klik Apply untuk menyimpan
  • Hapus — klik ikon tempat sampah, muncul dialog konfirmasi
dialog edit blok terbuka — textarea HTML mentah dengan tombol Apply
dialog edit blok terbuka — textarea HTML mentah dengan tombol Apply
⚠️Cara edit blok imported berbeda dari komponen biasa

Blok hasil import belum bisa diedit langsung dengan klik teks di kanvas (belum ada mode click-to-edit) — semua perubahan lewat dialog HTML di atas. 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. Belum ada fitur duplikat blok, dan Formulir Pesanan Konvert (yang terhubung ke produk toko + pembayaran) tidak otomatis tersambung ke bagian manapun dari hasil import — kalau butuh form order asli, klik Tambah Komponen di tab Struktur dan pilih Formulir Pesanan; komponennya muncul di halaman yang sama, tepat di bawah konten hasil import.

ℹ️Cek juga tampilan Tablet dan Mobile

Toolbar builder punya toggle Desktop/Tablet/Mobile — untuk halaman hasil import, mode Mobile bisa jadi hasil render terpisah (bukan cuma versi desktop yang disusutkan), terutama untuk halaman yang tadinya terdeteksi SPA. Kalau kamu mengedit/menghapus/menyusun ulang blok versi Desktop, versi Mobile yang tersimpan akan diminta konfirmasi ulang karena perubahan struktural bisa bikin versinya tidak sinkron — konfirmasi untuk lanjut, atau impor ulang kalau ingin mobile-nya presisi lagi.


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. Kalau Publish menampilkan jendela Verifikasi nomor WhatsApp toko, ikuti langkah di Publish Landing Page. Kalau fitur ini belum aktif untuk tokomu, jendela itu tidak muncul.

halaman publik hasil import yang sudah dipublish, tampil di browser
halaman publik hasil import yang sudah dipublish, tampil di browser

4.5.3Instant Import URL vs Manual Builder vs Generate by AI

Instant Import 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 import. Coba lagi." — Pastikan URL bisa diakses publik (coba buka di tab browser baru dulu). Halaman yang butuh login atau diblokir firewall tidak bisa diimpor.
  • Tampilan hasil import berantakan / warna putih-di-atas-putih — Beberapa situs pakai teknik CSS yang sulit direplikasi sempurna. Coba impor 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 import. 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, tampil inline di posisi aslinya saja. Kalau ingin menambahkan Tombol WhatsApp (atau komponen builder lain), klik Tambah Komponen di tab Struktur. Komponennya selalu muncul di bawah konten hasil import, bukan disisipkan di antara atau di dalam blok-blok import, jadi tidak akan persis kembali ke posisi aslinya.
  • Video YouTube/Vimeo tidak muncul atau tidak bisa diputar langsung di halaman — Ini bawaan proses import: video pihak ketiga diganti jadi thumbnail yang bisa diklik dan membuka video aslinya di tab baru, bukan diputar inline.
  • Link checkout (misalnya lynk.id) hilang dari hasil import — Filter penghapus badge kompetitor mendeteksi nama domain tersebut dan ikut menghapus link aslinya. Cek ulang tombol/CTA yang mengarah ke domain itu, tambahkan lagi manual lewat dialog edit HTML kalau perlu.
  • 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 Instant Import URL memakan kredit/token AI?

Tidak. Instant Import URL murni proses deterministik (fetch + render + pecah HTML), tidak ada panggilan AI sama sekali — beda dengan Generate by AI yang menggunakan kredit AI.


Boleh mengimpor 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 diimpor sebelum dipublish.


Kenapa hasilnya tidak 100% sama persis dengan aslinya?

Instant Import URL bukan replikasi piksel-sempurna. Elemen seperti header sticky, floating button, video pihak ketiga (diganti thumbnail), dan animasi JavaScript custom biasanya tidak ikut terimpor persis. Untuk penyesuaian akhir, edit manual lewat dialog HTML di tab Struktur setelah proses import selesai.


Bisa impor lalu ubah semua isinya jadi produk saya?

Bisa untuk teks, harga yang tertulis, dan link — edit tiap blok lewat dialog edit HTML di tab Struktur, layout dan gaya visualnya tetap terjaga. Tapi ingat, Formulir Pesanan Konvert (yang benar-benar terhubung ke produk dan pembayaran toko) tidak otomatis ada di hasil import — kalau kamu butuh form order yang berfungsi penuh, klik Tambah Komponen di tab Struktur dan tambahkan Formulir Pesanan langsung di halaman yang sama, tepat di bawah konten hasil import.


4.5.6Hasilnya

Setelah tutorial ini, kamu sudah bisa:

  • Mengimpor tampilan landing page manapun lewat URL, tanpa AI dan tanpa kredit
  • Memahami bedanya dengan Manual Builder dan Generate by AI
  • Mengedit isi blok hasil import lewat panel HTML mentah
  • Mempublikasikan landing page hasil import seperti LP biasa

Last reviewed: 2026-09-24

Siap buat landing page pertamamu?

Daftar Konvert gratis dan mulai jualan online hari ini.

Daftar Sekarang