Tambahkan Popup ke Situs Web dengan Cepat
There are various methods to add a popup to your website. For example, the easiest way is to use a third-party widget. One such tool is the Popup widget from Elfsight. Compatible with 99.9% of website builders, it can be integrated into your page in a matter of minutes.
Panduan Cepat
- Buka editor Popup dan pilih template siap pakai atau desain Popup Anda sendiri dari nol.
- Sesuaikan pengaturan dan tampilan agar sesuai kebutuhan Anda: tambahkan dan hapus elemen sesuai keinginan, sesuaikan skema warna, dll.
- Simpan desain Anda dan salin kode HTML yang dihasilkan.
- Sisipkan kode tersebut ke editor situs web Anda.
Selesai! Siapa pun bisa melakukannya—tanpa keahlian coding! Elfsight memungkinkan Anda merancang pop-up yang menarik dengan judul, deskripsi, gambar, dan lainnya, semuanya disesuaikan agar menyatu dengan gaya situs Anda.
Buat pop-up dengan mudah – tingkatkan daya tarik situs Anda dan pertahankan keterlibatan pengunjung!
Cara Menambahkan Popup ke Situs Web: Panduan Lengkap
Sekarang, mari kita jelajahi lebih lanjut potensi widget pop-up ini.
- Sesuaikan pengaturannya. Pilih frekuensi tampilan popup Anda serta halaman mana yang akan menampakkannya. Anda juga bisa membuat jadwal atau memilih pemicu tertentu yang akan memunculkan notifikasi.
Cara Menambahkan Widget Pop-up ke CMS Anda
Sekarang Anda melihat bagaimana widget ini bekerja, Anda mungkin bertanya, “Bisakah saya menambahkan Popup ini ke pembuat situs saya?” Di bawah ini, Anda akan menemukan panduan rinci tentang cara menerapkan alat ini pada beberapa CMS yang paling populer.
Tambahkan Popup ke situs HTML
Berikut panduan singkat untuk menambahkan widget Popup dengan cepat ke situs berbasis HTML mana pun.
- Akses backend situs Anda. Pastikan Anda memiliki kemampuan untuk mengedit kode HTML melalui panel admin Anda untuk mengintegrasikan widget dengan mulus.
- Sisipkan kode Elfsight ke HTML situs Anda. Tentukan lokasi persis di mana Popup akan muncul, sejalan dengan tujuan bisnis Anda.
- Simpan perubahan Anda. Verifikasi bahwa widget berfungsi dengan benar dan tampil sebagaimana mestinya di halaman Anda.
Tambahkan pop-up situs ke WordPress
Anda bisa dengan cepat menyematkan widget tanpa kode ke situs Anda dengan memasukkan kode yang disediakan ke dalam blok.
- Masuk ke akun WordPress Anda. Akses panel admin Anda, di mana Anda bisa menyesuaikan kode HTML.
- Buka ‘Halaman’ dan pilih halaman yang ingin Anda edit. Pikirkan tujuan Anda dan alasan menempatkan ulasan di bagian tertentu dari halaman tersebut.
- Tambahkan blok HTML kustom. Letakkannya di bagian halaman yang spesifik di mana Anda berencana menyematkan Popup.
- Tempelkan kode yang dihasilkan ke blok. Ingat untuk memperbarui halaman dan memverifikasi bahwa widget berfungsi sebagaimana mestinya.
Tambahkan spanduk pop-up ke situs Wix
Menambahkan widget Popup ke halaman Wix yang diperlukan sangat mudah.
- Akses editor situs Wix Anda. Masuk ke akun Wix Anda, pilih situs yang ingin Anda kerjakan, dan buka dasbor situs Anda. Klik ‘Edit Situs’ untuk memulai editor situs.
- Tambahkan blok HTML untuk Widget Popup. Klik ikon Plus di menu kiri, buka bagian Sematkan, dan pilih ‘Sematkan Widget’ di bawah tab ‘Sisipan Kustom’ untuk memasukkan blok HTML baru ke halaman Anda.
- Sisipkan kode pemasangan widget Popup. Pilih ‘Masukkan Kode’, tempel kode instalasi yang disediakan oleh penyedia widget Popup Anda, lalu klik ‘Perbarui’ untuk memasukkan widget ke halaman.
- Sesuaikan ukuran dan posisi widget. Sesuaikan dimensi widget dan penempatan di halaman agar pas secara mulus dan terlihat menarik. Ubah ukuran dan posisinya sesuai kebutuhan.
- Pastikan kompatibilitas seluler. Beralih ke editor seluler untuk menyempurnakan tampilan widget di layar yang lebih kecil. Lakukan penyesuaian yang diperlukan untuk pengguna seluler, lalu publikasikan perubahan Anda ketika hasilnya memuaskan.
Tambahkan Popup ke situs Shopify
Anda bisa dengan cepat menambahkan Widget Pop-up ke halaman mana pun di situs Shopify Anda.
- Akses panel admin Shopify. Buka bagian ‘Toko Online’ di situs Anda.
- Buka opsi kustomisasi. Pilih ‘Kustomisasi’ dari menu dropdown, lalu pilih ‘Tambahkan Bagian’ di menu kiri.
- Tambahkan Konten Kustom. Di bawah Konten Kustom, klik Tambah, lalu hapus komponen bawaan Shopify yang terpasang.
- Pilih opsi HTML kustom. Dalam menu ‘Tambahkan Konten’, pilih ‘HTML Kustom’.
- Tempel kode instalasi. Temukan bagian ‘HTML’, masukkan kode instalasi Popup, dan simpan semua perubahan.
Tambahkan Popup situs web ke Squarespace
Siapa pun bisa dengan cepat menanam ulasan di halaman yang Anda inginkan pada situs Shopify.
- Masuk ke akun Squarespace Anda. Masuk ke akun Anda dan pilih situs tempat Anda ingin menambahkan widget. Buka dasbor situs Anda dan pilih situs yang ingin Anda edit.
- Buka bagian ‘Website’. Pilih halaman tempat Anda ingin meletakkan widget Popup. Dari menu utama, buka bagian ‘Website’ dan pilih halaman yang ingin Anda edit.
- Klik ‘Edit’ lalu ‘Tambahkan Bagian’. Pada halaman yang dipilih, klik ‘Edit’ lalu pilih ‘Tambahkan Bagian’ untuk membuat bagian baru bagi widget.
- Tambahkan blok kode. Pilih ‘Tambahkan bagian kosong’, lalu klik ‘Tambahkan blok’ dan pilih ‘Kode’ dari opsi. Di sinilah Anda akan memasukkan kode pemasangan widget Popup.
- Sisipkan kode instalasi Widget Popup. Di bagian ‘Edit’, tempel kode Widget Popup yang disediakan dan sesuaikan lebar blok agar widget pas dan terlihat menarik secara visual di halaman Anda.
Tambahkan Popup ke situs Webflow
Menambahkan widget pop-up ke halaman Webflow berjalan mulus dan hanya memerlukan beberapa menit untuk diselesaikan.
- Mulailah di Webflow. Masuk ke akun Webflow Anda dan pilih situs tempat Anda ingin menambahkan widget.
- Embedding the widget. Di editor Webflow, klik ikon Plus. Kemudian seret dan lepaskan elemen Sematkan (Embed) dari menu kiri ke lokasi yang Anda inginkan agar ulasan muncul.
- Menyisipkan kode. Tempel kode pemasangan Popup ke Editor Kode Semat HTML yang muncul, lalu klik ‘Simpan & Tutup’.
- Kustomisasi dan Publikasi. Sesuaikan pengaturan Popup Anda, lalu klik ‘Publikasikan’ dan pilih domain tempat Popup ini akan diaktifkan.
Tambahkan pop-up ke situs Elementor
Mudah dan praktis menyematkan Widget Pop-up ke dalam Elementor.
- Mulai dari backend WordPress. Masuk ke backend situs WordPress Anda, buka ‘Halaman,’ dan pilih halaman tempat Anda ingin menambahkan widget Popup.
- Sunting dengan Elementor Klik ‘Sunting dengan Elementor’ untuk mulai menyesuaikan halaman yang dipilih.
- Pasang elemen HTML. Gunakan fungsionalitas seret-dan-lepas untuk menempatkan elemen HTML di halaman Anda.
- Tambahkan kode widget ke situs web. Tempelkan kode pemasangan Popup dari Elfsight ke Kotak Kode HTML.
- Perbarui dan nikmati. Klik ‘Perbarui’ untuk menyimpan perubahan Anda dan melihat halaman Anda dengan Popup yang tertanam.
Platform Lain yang Kompatibel
Selain CMS ini, Anda juga bisa dengan mudah menambahkan widget pop-up ke situs web yang dibuat dengan Adobe Muse, BigCommerce, Blogger, Drupal, Facebook Page, Joomla, jQuery, iFrame, Magento, ModX, OpenCart, Webnode, Weebly, WooCommerce, Google Sites, GoDaddy, Jimdo, PrestaShop.
Fitur Widget Pop-up
Widget Popup Elfsight menawarkan berbagai fitur yang memenuhi kebutuhan bisnis Anda serta meningkatkan pengalaman pengunjung situs. Berikut beberapa contohnya yang menonjol:
| Fitur | Manfaat bagi Bisnis | Manfaat bagi Pelanggan |
| Tombol aksi atau tautan yang menarik | Dorong konversi dengan mengajak pengunjung untuk mengambil tindakan tertentu, seperti membeli atau mendaftar. | Pengunjung mudah diarahkan ke tindakan yang diinginkan, meningkatkan pengalaman mereka di situs. |
| Gambar dan video yang melengkapi popup | Tingkatkan daya tarik visual pop-up agar lebih efektif dalam menarik perhatian dan menyampaikan penawaran. | Pengunjung terlibat dengan konten yang lebih kaya dan menarik, sehingga meningkatkan pemahaman dan minat. |
| Penawaran, Promosi, Kupon | Tingkatkan penjualan dan loyalitas pelanggan dengan menawarkan promosi langsung melalui pop-up. | Pelanggan dapat mengakses penawaran eksklusif atau diskon, meningkatkan pengalaman belanja mereka. |
| Pembuat formulir bawaan untuk formulir kustom | Kumpulkan informasi pelanggan atau lead, memungkinkan pemasaran lanjutan dan peningkatan layanan. | Pelanggan dapat dengan mudah mengirimkan informasi atau pertanyaan, menyederhanakan interaksi mereka. |
| Notifikasi Email Saat Pengiriman Formulir | Dapatkan pembaruan instan saat formulir dikirim, memungkinkan tindak lanjut lebih cepat dan layanan pelanggan yang lebih baik. | Pelanggan menerima konfirmasi cepat atas pengirimannya, meningkatkan kepercayaan dan kepuasan. |
| Tampilan popup saat digulir atau elemen diklik | Tingkatkan keterlibatan dengan menampilkan popup saat pengunjung menunjukkan niat untuk menjelajah atau berinteraksi lebih lanjut. | Pengunjung ditawarkan konten yang relevan pada saat yang tepat, meningkatkan pengalaman pengguna. |
| Popup Muncul saat Niat Keluar | Tangkap konversi yang berpotensi hilang dengan menampilkan pop-up saat pengguna hendak meninggalkan situs. | Pengunjung dapat menerima tawaran mendesak di menit-menit terakhir atau pengingat, meningkatkan proses pengambilan keputusan mereka. |
| Frekuensi Tampilan Pop-up yang Dapat Disesuaikan | Hindari membanjiri pelanggan sambil memastikan pop-up ditampilkan pada waktu yang tepat untuk memaksimalkan konversi. | Pelanggan tidak akan terganggu oleh pop-up yang berulang-ulang, menjaga pengalaman mereka tetap menyenangkan. |
Selain manfaat yang telah disebutkan di atas, beberapa fitur utama memberikan keuntungan bagi bisnis dengan meningkatkan strategi pop-up mereka. Generator konten AI memungkinkan bisnis membuat pop-up yang efektif dengan cepat, tanpa keahlian desain. Pengaturan logika bersyarat untuk formulir membantu bisnis menargetkan audiens tertentu dengan pesan yang disesuaikan, sehingga meningkatkan relevansi konten yang ditampilkan.
Selain itu, terjemahan yang mulus ke berbagai bahasa dan editor CSS/JS yang dapat disesuaikan memberi bisnis fleksibilitas untuk menyesuaikan pop-up mereka untuk pasar yang beragam dan kebutuhan merek tertentu.
Manfaat Notifikasi Popup Situs Web
Selama bertahun-tahun, pop-up telah digunakan terlalu agresif oleh para pemasar. Misalnya, jendela yang terbuka otomatis setelah ditutup, dan tidak bisa ditutup sampai tindakan yang dituju dilakukan. Dahulu, pelaku penipuan menggunakan pop-up untuk menyuntikkan malware.
Berikut keunggulan utama menambahkan popup ke situs Anda:
Dengan menggunakan popup ini secara strategis dalam berbagai konteks, bisnis dapat meningkatkan keterlibatan pengguna, mendorong konversi, dan memberikan pengalaman menjelajah yang lebih personal bagi pengunjung mereka.
Contoh Popup di Website
Sekarang mari kita lihat beberapa contoh template menarik untuk widget Popup di situs Anda. Ini bisa sangat berguna bagi para pengguna yang belum tahu harus mulai dari mana dan mencari inspirasi.
Popup Niat Keluar
Popup niat keluar muncul saat pengunjung akan meninggalkan situs Anda, biasanya dipicu ketika gerak mouse mereka menuju tombol keluar. Ini momen yang tepat untuk menarik perhatian mereka dengan tawaran mendesak, pengingat, atau diskon, sehingga peluang kehilangan calon pelanggan berkurang.
Popup Pemberitahuan
Formulir Popup
Formulir Popup memungkinkan Anda mengumpulkan informasi penting seperti alamat email, masukan, atau pertanyaan langsung dari pengunjung. Fitur ini membantu bisnis memperluas daftar email, mengadakan survei, atau mengajak pengunjung melakukan tindakan yang ditargetkan.
Popup Diskon atau Kupon
Popup diskon atau kode kupon menampilkan penawaran istimewa atau kode promo untuk mendorong pengguna melakukan pembelian. Dengan menawarkan diskon langsung melalui popup, bisnis bisa mendorong pengunjung untuk mengambil tindakan segera dan menyelesaikan transaksi mereka.
Popup Bukti Sosial
bukti sosial popup menampilkan ulasan atau testimoni pelanggan untuk membangun kepercayaan dan kredibilitas dengan pengunjung baru. Dengan menunjukkan umpan balik positif, bisnis dapat meningkatkan kepercayaan pelanggan dan mendorong calon pembeli untuk berinteraksi atau melakukan pembelian.
Popup Langganan
Langganan popup mendorong pengunjung untuk berlangganan buletin atau konten eksklusif. Dengan menawarkan insentif seperti diskon atau sumber daya gratis, bisnis dapat membangun audiens yang setia dan meningkatkan keterlibatan.
Lihat templat lain dari kami dan pilih yang paling sesuai dengan kebutuhan Anda!
Jelajahi lebih dari 100 templat Popup
Kesimpulan
Secara keseluruhan, pop-up situs web adalah alat yang ampuh untuk menarik pengunjung dan meningkatkan konversi, menawarkan beragam fitur dan skenario penggunaan untuk meningkatkan pengalaman pengguna serta mencapai tujuan bisnis.
Apapun tujuan Anda—mengurangi pembatalan keranjang, mempromosikan penawaran khusus, mengumpulkan masukan, atau memperluas daftar email Anda—popup menyediakan solusi yang fleksibel dan efektif. Dengan menerapkan popup secara strategis yang selaras dengan tujuan Anda dan relevan bagi audiens Anda, Anda dapat meningkatkan interaksi pelanggan, meningkatkan penjualan, dan pada akhirnya meningkatkan kinerja keseluruhan situs Anda.
Butuh Info Lebih Lanjut?
Kami harap panduan ini bermanfaat bagi Anda. Hubungi kami jika Anda ingin mempelajari lebih lanjut tentang membuat kalkulator kustom untuk situs Anda. Misi kami adalah memastikan pengalaman yang mulus dan sukses untuk Anda. Di Elfsight, kami berkomitmen menyediakan solusi lengkap untuk bisnis Anda melalui widget tanpa kode.
Bergabunglah dengan Komunitas dinamis kami, tempat pengetahuan dan ide saling bertukar. Kami selalu ingin mendengar saran Anda untuk perbaikan, jadi silakan tambahkan ke Daftar Keinginan kami.
