Cara Membuat Popup Lightbox di Situs Anda (Langkah demi Langkah)

Mencari cara untuk membuat popup lightbox untuk situs Anda?

Popup lightbox bisa sangat efektif untuk menangkap prospek. Mereka dirancang untuk meyakinkan dan mengubah.

Tetapi harus membuat kode satu dari awal adalah rasa sakit yang nyata. Untuk satu hal, Anda harus cukup tahu HTML, CSS, dan Javascript untuk membuat popup bersama dengan aturan pemicu kapan harus menampilkannya. Kemudian, Anda harus membuat integrasi manual dengan penyedia layanan email Anda. Dan akhirnya, Anda harus berurusan dengan masalah privasi dan keamanan.

Kabar baik: ada cara yang jauh lebih sederhana.

Pada artikel ini, kami akan menunjukkan kepada Anda cara meluncurkan popup lightbox dengan nol coding dalam waktu kurang dari 10 menit.

Mari selami.

Apa itu Popup Lightbox?

Popup lightbox adalah formulir opt-in yang muncul dengan efek sinematik. Saat lightbox muncul, itu mengaburkan sisa situs di latar belakang. Dengan cara ini, seluruh fokus Anda ada pada popup.

Awalnya, konsep lightbox berasal dari iklan luar ruang:

Dan kemudian, beberapa pengembang berpikir bahwa ini adalah efek yang sangat keren dan mereka membuat perpustakaan Javascript untuk menciptakan kembali efek yang sama pada aset web. Kemudian, ide untuk menggunakan popup lightbox muncul.

Mengapa Popup Lightbox Bekerja

Popup Lightbox menangkap lebih banyak email daripada formulir optin email tradisional.

Tapi mengapa mereka bekerja?

Mari kita lihat alasan utama mengapa popup lightbox bekerja dengan baik.

#1. Popup Lightbox Menampilkan Ajakan Bertindak yang Jelas

Kebanyakan orang percaya bahwa memberikan banyak pilihan kepada pelanggan mereka adalah hal yang hebat.

Tapi itu tidak benar.

Jika Anda mencari konversi langsung, Anda menginginkan satu ajakan bertindak yang jelas yang dapat menjadi fokus audiens Anda. Dengan cara ini, Anda menghilangkan semua gangguan dari pikiran pengguna. Dan popup lightbox melakukan pekerjaan yang baik untuk menyoroti tawaran inti Anda dan membuat orang fokus pada ajakan bertindak Anda.

Jadi, tentu saja, tingkat konversinya cukup bagus.

#2. Popup Lightbox Tidak Mungkin Diabaikan

Popup Lightbox memenuhi seluruh layar dan mengaburkan yang lainnya. Jadi, praktis tidak mungkin untuk mengabaikannya.

Ini terutama benar jika mereka dianimasikan:

Tentu saja, Anda harus memastikan bahwa popup Anda tidak mengganggu. Dan Anda dapat melakukannya dengan menyesuaikan kapan harus memicu munculan yang berbeda di situs Anda. Selama audiens Anda tidak terganggu oleh interupsi, Anda dapat dengan mudah meyakinkan dan mengubahnya.

#3. Popup Lightbox Memiliki Pemicu yang Dipersonalisasi

Anda tidak boleh menunjukkan penawaran yang sama kepada semua pengunjung web Anda. Jika Anda menjalankan toko eCommerce, Anda akan memerlukan penawaran yang sangat berbeda untuk pelanggan baru dan yang kembali.

Untuk pelanggan baru, Anda dapat memicu kampanye sambutan:

Tetapi untuk pelanggan yang kembali, Anda mungkin ingin mengirimi mereka penawaran yang berbeda:

Perhatikan bagaimana jumlah diskon untuk kedua penawaran sama persis. Tetapi cara di mana tawaran itu dibingkai secara drastis berbeda. Dan ini sangat penting karena popup lightbox dibuat untuk efek teatrikal. Jadi, pendekatan yang lebih personal pasti akan memberi Anda hasil yang jauh lebih baik.

Anda bahkan dapat mempersonalisasi penawaran berdasarkan preferensi konten pengguna Anda. Jika mereka membaca artikel tentang resep makan malam, lebih masuk akal untuk menunjukkan kepada mereka penawaran terkait resep makan malam daripada menunjukkan kepada mereka penawaran mobil.

#4. Popup Lightbox Dapat Menangkap Pengunjung yang Meninggalkan

Lightbox hanyalah sebuah metode untuk menampilkan popup Anda. Jadi, benar-benar tidak ada yang menghentikan Anda untuk menyesuaikan pemicu sejauh yang Anda suka. Sebaiknya buat popup lightbox niat keluar.

Munculan niat keluar terpicu ketika pengunjung Anda mencoba keluar dari situs web Anda. Akibatnya, Anda mempertahankan sejumlah besar pengunjung yang seharusnya meninggalkan situs Anda. Jadi, jika Anda mengalami pengabaian situs, Anda harus membuat popup lightbox exit-intent.

Cara Membuat Popup Lightbox

Sekarang setelah Anda memahami apa itu popup lightbox dan mengapa Anda ingin membuatnya, bagaimana Anda membuat popup lightbox? Kami merekomendasikan menggunakan OptinMonster untuk membuat popup Anda.

OptinMonster adalah toolkit konversi #1 di dunia dan kami telah menggunakannya sendiri. OptinMonster membuatnya sangat mudah untuk membuat popup kuat yang mengonversi. Dan Anda tidak perlu menggunakan pengkodean sama sekali.

Kami bahkan menulis ulasan lengkap tentang OptinMonster.

Anda dapat memeriksanya, atau memulai kampanye Anda sekarang juga. Yang harus Anda lakukan adalah mendaftar ke OptinMonster dan mengikuti sisa artikel ini.

Langkah #1: Buat Kampanye

Buka dasbor OptinMonster Anda dan tekan tombol Buat :

Pilih jenis kampanye Popup Lightbox :

Kemudian, pilih template kampanye. Anda dapat memilih template apa pun yang Anda suka, tetapi kami menggunakan jenis kampanye Sederhana untuk tutorial ini.

Sekarang, beri nama kampanye Anda. Ingat, nama kampanye ini untuk Anda dan kemungkinan besar Anda akan membuat sejumlah besar munculan ini dengan opsi penargetan yang berbeda. Jadi, beri nama kampanye yang bermakna atau Anda akan benar-benar bingung nantinya.

Juga, tergantung pada paket Anda, Anda juga dapat menggunakan OptinMonster di banyak situs. Jadi, pilih situs web tempat Anda ingin menampilkan kampanye juga.

Tekan Mulai Membangun setelah selesai.

Langkah #2: Edit Popup Anda

Dengan OptinMonster, Anda akan mendapatkan pembuat sembulan seret dan lepas visual. Setelah Anda selesai membuat kampanye, Anda dapat mengedit detail terkecil tentang popup Anda. Mulailah dengan mengedit judul popup Anda:

Bagian yang paling menakjubkan di sini adalah Anda cukup mengeklik teks apa pun yang ingin Anda edit dan mengubahnya sebaris. Tidak perlu mengisi formulir atau mengedit kode HTML apa pun di popup.

Kemudian, sesuaikan teks dan tampilan tombol Anda untuk membuat ajakan bertindak yang jelas:

Saat Anda puas dengan tampilan popup Anda, Anda dapat beralih ke pengaturan yang lebih lanjut.

Langkah #3: Tetapkan Aturan Tampilan

Aturan tampilan dimaksudkan untuk menentukan kapan kampanye Anda muncul di situs Anda dan siapa yang melihatnya.

Rekomendasi kami adalah Anda mengubah kondisi pemicu menjadi niat keluar:

Klik Langkah Berikutnya untuk memilih Tindakan . Di sini, kami menyarankan Anda mengatur Tampilkan tampilan kampanye ke Optin View, atur acara dengan MonsterEffect ke animasi entri apa pun yang Anda suka, dan mainkan efek suara ke efek suara apa pun untuk popup Anda.

Dan kemudian, klik tombol Langkah Berikutnya . Anda dapat melihat seluruh pengaturan Anda di tab Ringkasan.

Langkah #4: Siapkan Integrasi Email Anda

Langkah selanjutnya adalah menyiapkan integrasi email Anda. Klik Tambahkan Integrasi Baru dari tab Integrasi dan pilih penyedia layanan email Anda:

Kami merekomendasikan penggunaan Drip untuk pemasaran email Anda jika Anda belum memiliki penyedia layanan email.

Langkah #5: Publikasikan Popup Lightbox Anda

Saat Anda membuat kampanye baru, kampanye tersebut akan Dijeda secara default.

Buka tab Terbitkan dari menu atas untuk melihat Opsi Terbitkan . Kemudian, atur status ke Publish dan pilih platform situs web:

Jika Anda menjalankan situs WordPress, plugin OptinMonster menangani sisa penyiapan secara otomatis. Itu sama untuk Shopify dan BigCommerce. Untuk situs lain, klik Situs Apa Saja dan tempelkan kode semat di kepala situs web Anda:

Dan Anda sudah selesai!

Membungkus

Itu saja untuk yang satu ini, teman-teman!

Beri tahu kami jika artikel ini membantu. Membuat popup di situs Anda dapat membantu Anda mengubah lalu lintas menjadi pelanggan email dan prospek bisnis asli. Dan kami sangat menyarankan Anda untuk segera mulai membuat popup lightbox.

Dan jika Anda mencari cara yang terjangkau untuk meningkatkan lalu lintas Anda, sebaiknya gunakan pemberitahuan push. Pemberitahuan push dapat membantu Anda mendatangkan lebih banyak lalu lintas berulang dan keterlibatan situs. Anda juga dapat membuat kampanye pemberitahuan push otomatis yang menghasilkan penjualan.

Tidak meyakinkan? Lihat sumber daya ini:

• 7 Strategi Cerdas untuk Meningkatkan Keterlibatan Pelanggan
• Apakah Pemberitahuan Push Efektif? 7 Statistik + 3 Kiat Ahli
• Cara Mengatur Notifikasi Dorong Keranjang yang Terbengkalai (Tutorial Mudah)

Sebaiknya gunakan PushEngage untuk membuat kampanye pemberitahuan push Anda. PushEngage adalah perangkat lunak pemberitahuan push #1 di dunia. Jadi, jika Anda belum melakukannya, mulailah dengan PushEngage hari ini!