Beginilah Cara Bisnis Favorit Anda Menggunakan Popup Situs Web untuk Tumbuh (dan Anda Juga Bisa!)

Diterbitkan: 2020-04-02

Ada dua tipe orang.

Mereka yang menyukai popup situs web, dan mereka yang membencinya.

Kelompok pertama tahu betapa efektifnya popup situs web. Kelompok kedua menganggap mereka sangat menjengkelkan.

Tapi apa perbedaan nyata antara popup situs web yang bagus dan yang buruk?


Dengan melihat melalui ratusan dari mereka, kami telah menyimpulkan sebagai berikut. Semuanya bermuara pada tiga hal:

  • Bagaimana tampilan popup ini?

  • Nilai apa yang mereka berikan?

  • Kapan tepatnya mereka muncul

Maksud saya, ya, beberapa popup mengganggu, menjengkelkan, dan mengganggu pengalaman buruk.

Tapi itu karena mereka telah diatur dengan cara yang salah.

Misalnya, lihat popup yang menakjubkan ini di situs web Nike:

Munculan situs web di situs web Nike mengumumkan penjualan di seluruh situs

Apakah ada yang pernah menyebutnya menjengkelkan atau menjengkelkan?

Saya berpikir sebanyak itu.

Popup Nike terlihat elegan dan memberikan nilai (diskon diterapkan secara otomatis saat checkout, ya!). Dan itu pasti tidak mengganggu pengalaman juga. Jika ada - itu adalah bagian integral dari itu.

Ada ribuan perusahaan besar dan terkenal yang berhasil menggunakan popup situs web untuk mengumpulkan email, mengumumkan penjualan, dan menampilkan ajakan bertindak. Ambil The New York Times, Adidas, The Guardian, Century 21, atau Slack sebagai contoh – dan daftarnya bisa terus bertambah!

Jadi, mengapa tidak belajar dari yang terbaik dan menerapkan pendekatan mereka untuk mengembangkan bisnis Anda?

Anda mungkin berpikir bahwa Anda memerlukan anggaran pengembang atau perusahaan besar ini untuk menambahkan popup yang terlihat profesional ke situs web Anda. Yah, itu tidak benar.

Dalam posting blog ini, kami akan menunjukkan kepada Anda 15 contoh popup situs web yang digunakan oleh beberapa bisnis paling terkenal di berbagai ceruk. Kami juga akan menjelaskan kepada Anda mengapa setiap popup sangat efektif.

Bagian terbaik? Kami akan menunjukkan kepada Anda cara membuatnya kembali di situs web Anda dalam hitungan menit menggunakan Getsitecontrol.

Untuk membantu Anda menavigasi, kami telah membagi daftar menjadi 3 kategori. Anda akan melihat munculan situs web yang membantu:

  • Dapatkan pelanggan email

  • Tampilkan ajakan bertindak

  • Umumkan pembaruan apa pun

Jangan ragu untuk melompat ke kategori yang paling Anda minati.

Munculan situs web yang membantu merek membuat daftar email

Semua orang tergila-gila mengembangkan daftar email mereka sekarang. Dan Anda harus juga!

Jika Anda melewatkannya, email memiliki ROI $44 per dolar yang dibelanjakan.

Memiliki orang-orang di daftar email Anda berarti Anda memiliki izin eksklusif untuk bertemu mereka langsung di kotak masuk mereka, mengembangkan hubungan, dan mengubah mereka menjadi pelanggan tetap.

Tunggu, tapi apa cara terbaik untuk mengembangkan daftar email? Saya yakin Anda sudah tahu jawabannya.

Ini adalah popup situs web.

Mari kita lihat bagaimana merek yang pasti pernah Anda dengar (dan mungkin bahkan dibeli dari) menggunakan popup untuk mengumpulkan alamat email.

1. Toko New York Times – DISKON 10% untuk pesanan pertama Anda

The New York Times termasuk yang pertama berevolusi menjadi media online berlangganan berbayar.

Hari ini, ini adalah situs surat kabar yang paling banyak dikunjungi. Dan mereka menggunakan popup situs web untuk berbagai tujuan.

Misalnya, lihat formulir berlangganan email minimalis yang muncul segera setelah Anda tiba di toko online The New York Times.

Toko New York Times menggunakan popup situs web untuk mengumpulkan email

Inilah yang membuat popup situs web ini hebat:

  • Desain kohesif
    Munculan memiliki tema warna yang sama dan font yang sama dengan sisa The NYT Store. Ini muncul sebagai bagian integral dan kredibel dari situs web.

  • Magnet timah
    Anda tidak hanya ditawarkan untuk berlangganan penawaran baru, Anda juga mendapatkan diskon 10% untuk pesanan pertama Anda jika Anda bergabung dalam daftar.

  • Penampilan instan
    Selalu tidak jelas apakah popup situs web akan muncul sekaligus atau setelah pengunjung menghabiskan waktu di halaman. Dalam hal ini, menampilkan formulir secara instan tentu lebih baik daripada setelah calon pelanggan melakukan pembelian, bukan?

Ingin menambahkan popup langganan serupa ke situs web Anda?

Kami telah mengikuti semangat kreatif The New York Times untuk membuat formulir berlangganan serupa. Klik pada popup situs web di bawah ini untuk melihatnya beraksi. Kemudian ikuti petunjuk sederhana yang akan muncul di sisi kanan halaman.

Popup pembuatan daftar email minimalis yang didukung oleh Getsitecontrol Lihat pratinjau langsung →

Template pratinjau langsung akan ditambahkan langsung ke dasbor Getsitecontrol Anda. Dari sana, Anda dapat mengubah detail seperti persentase diskon, judul, dan tema warna agar cocok dengan situs web Anda.

Kemudian, Anda akan dapat menggunakan Penargetan pengaturan untuk menentukan halaman di mana Anda ingin popup muncul.

2. Century 21 – buka $25 OFF atau bayar harga penuh

Century 21, raksasa ritel fashion murah online beberapa tahun yang lalu dan juga telah memasuki permainan membangun daftar email. Lihat popup yang ditampilkan beberapa detik setelah Anda tiba di situs web mereka.

Century 21 menggunakan tombol opt-out negatif pada popup mereka

Inilah yang hebat dari popup situs web ini:

  • Mikrokopi format email
    Century 21 memilih untuk menentukan seperti apa tampilan alamat email untuk memastikan pelanggan melakukannya dengan benar. Mengetahui bahwa audiens mereka sangat luas dan mencakup orang-orang yang belum tentu paham teknologi, ini adalah keputusan yang bagus.

  • Tombol penyisihan negatif
    Tentu, Anda tidak perlu mendaftar jika tidak mau. Tapi itu berarti Anda bersedia membayar harga penuh, bukan? Tombol opt-out adalah detail kecil yang membuat Anda berpikir dua kali sebelum menolak tawaran.

  • Pilihan warna yang cerdas
    Perhatikan, warna popup ini tidak hanya berkorelasi dengan tema situs web, tetapi tombol "Lanjutkan" juga ditekankan dengan warna merah. Sementara tombol opt-out hanya menyatu dengan background.

Ingin munculan dengan tombol opt-out untuk situs web Anda?

Jika Anda menyukai sembulan situs web ini, membuatnya kembali semudah 1-2-3. Cukup klik pada template di bawah ini dan ikuti petunjuknya.

Munculan langganan email dengan tombol oleh Getsitecontrol Lihat pratinjau langsung →

Setelah Anda sampai ke dasbor, pergi melalui Isi pengaturan untuk menyesuaikan salinan dan tema warna jika perlu. Mengikuti contoh Century 21, Anda mungkin juga ingin menambahkan logo Anda ke atas.

3. Marie Claire – efek FOMO beraksi

Jika menurut Anda tombol penyisihan negatif hanya berfungsi untuk toko online, pikirkan lagi.

Saat Anda menawarkan konten berkualitas tinggi melalui email, Anda mungkin juga mengingatkan orang tentang konsekuensi tidak berlangganan. Lihat saja bagaimana majalah Marie Claire menggunakan efek FOMO pada tombol opt-out mereka.

Marie Claire menawarkan magnet utama dengan imbalan berlangganan

Inilah yang kami sukai dari popup situs web ini:

  • Tombol penyisihan negatif
    Terlepas dari efek FOMO, perhatikan bagaimana Marie Claire mengubah tombol opt-out menjadi pernyataan cinta-diri.

  • Salinan CTA pendaftaran email
    Ada begitu banyak ajakan bertindak yang memberi insentif yang dapat Anda tempatkan pada tombol daftar alih-alih hanya "Berlangganan". "Tunjukkan padaku apa yang ada di dalamnya!" adalah salah satunya.

  • Pilihan gambar
    Dan dalam hal ini, itu bukan sembarang gambar. Ini adalah foto Saoirse Ronan, seorang aktris berbakat yang pasti akan dikenali oleh sebagian besar pembaca.

Mengapa gambar begitu penting di sini?

Memiliki visual yang berkorelasi dengan harapan pelanggan Anda sangat penting untuk meningkatkan tingkat pendaftaran email. Karena mereka tidak hanya mengikuti beberapa tren rambut. Mereka berlangganan untuk menerima resep agar terlihat seperti bintang Hollywood di karpet merah.

Pikirkan Anda mungkin ingin popup situs web seperti ini?

Pembuat popup Getsitecontrol memiliki template yang akan membantu Anda dengan mudah membuat ulang contoh di atas. Lihat di bawah ini.

Templat sembulan situs web dengan gambar mengambil setengah dari ruang Lihat pratinjau langsung →

Setelah Anda menambahkannya ke dasbor, Anda dapat dengan mudah mengganti gambar dengan visual Anda atau memilih gambar alternatif dari galeri.

4. Adidas – dapatkan DISKON 15% dengan imbalan berlangganan email

Adidas menawarkan diskon 15% untuk pelanggan baru dengan popup yang muncul setelah Anda menghabiskan beberapa waktu di situs web mereka.

Munculan situs web dari Adidas menampilkan kotak centang persetujuan

Sekarang, inilah yang sangat hebat tentang popup situs web Adidas:

  • Mikrokopi di bagian bawah Untuk mengurangi rasa takut akan spam dengan email yang tidak relevan, Adidas menentukan dengan tepat apa yang Anda langgani.

  • Kotak centang konfirmasi usia Mengikuti Children's Online Privacy Protection Act (COPPA), setiap pelanggan diwajibkan untuk mengonfirmasi bahwa mereka berusia di atas 13 tahun. Kotak centang ini juga dapat digunakan untuk mengumpulkan persetujuan eksplisit untuk menerima email pemasaran.

  • Segmentasi berbasis gender Berdasarkan tanggapan Anda, Adidas nantinya akan menerapkan aturan segmentasi untuk mengirimkan konten yang paling relevan kepada Anda. Namun, juga cerdas untuk mengatur bidang ini sebagai opsional mengingat berapa banyak item netral gender yang diproduksi Adidas.

  • Konfirmasi berlangganan Setelah Anda mendaftar, Anda akan melihat apa yang disebut "pesan sukses pengiriman" yang memberi tahu Anda apa yang diharapkan.

Pesan sukses pengiriman formulir di situs web Adidas

Opsi alternatif di sini adalah menampilkan kode diskon untuk disalin dan ditempel orang saat checkout. Dengan cara ini, mereka dapat terus berbelanja tanpa meninggalkan toko untuk membuka email mereka.

5. Ahrefs – jangan lewatkan artikel selanjutnya

Mari beralih ke dunia IT.

Ahrefs, pengembang perangkat lunak SEO terkenal menggunakan slide-in lucu ini untuk menyarankan berlangganan buletin mereka setelah Anda mencapai akhir posting blog.

Ahrefs menggunakan slide-in samping kecil untuk menampilkan formulir pendaftaran email

Inilah yang hebat tentangnya:

  • Format yang berbeda
    Tidak seperti modal popup, slide-in kurang menonjol namun cukup menarik untuk diperhatikan. Mereka bisa menjadi pilihan sempurna untuk proyek konten di mana Anda ingin menjaga pengalaman membaca semulus mungkin.

  • Pemicu perilaku di halaman
    Formulir hanya muncul ketika Anda mencapai akhir posting blog. Ini adalah saat yang tepat untuk menyarankan berlangganan karena tingkat keterlibatannya tinggi.

  • Prinsip FOMO
    Jika Anda berhasil mencapai akhir salah satu bacaan panjang Ahref, kemungkinan besar Anda menikmatinya. Dan Anda tidak ingin melewatkan karya hebat lainnya seperti ini.

Ingin menambahkan slide-in serupa ke situs web Anda?

Membuat ulang formulir berlangganan ini mudah. Kami telah membuat slide-in sisi kanan yang serupa, sehingga Anda dapat menginstalnya dengan cepat ke situs web Anda.

Template slide-in langganan email oleh Getsitecontrol Lihat pratinjau langsung →

Klik pada widget untuk melihatnya beraksi dan ikuti petunjuknya.

Setelah siap, gunakan Penargetan pengaturan untuk memilih halaman tertentu di situs web Anda di mana Anda ingin slide-in muncul serta kondisi kapan itu akan muncul.

6. Perburuan Produk – berlangganan buletin harian

Product Hunt adalah salah satu komunitas online terbesar di mana produk teknologi luar biasa diluncurkan setiap hari. Mereka yang tidak punya waktu untuk pergi dan memeriksa situs web setiap hari bisa mendapatkan kumpulan pembaruan paling penting melalui berlangganan email.

Untuk meningkatkan jumlah langganan, Product Hunt menampilkan bilah pendaftaran email mengambang di bagian bawah halaman.

Product Hunt menggunakan bilah opt-in email mengambang untuk mengumpulkan email

Inilah yang hebat tentang formulir berlangganan ini:

  • Gangguan minimal
    Floating bar adalah yang paling tidak menonjol dari semua popup situs web. Mereka tetap berada di bagian atas atau bawah halaman web saat Anda menggulir konten dan dengan sabar menunggu hingga Anda siap untuk berlangganan.

  • Frekuensi buletin
    Salinannya memberi tahu Anda seberapa sering Anda akan menerima email dari Product Hunt.

  • Desain otentik
    Emoji dan warna tombol adalah elemen khas dari Product Hunt. Ini adalah keputusan yang bagus untuk menggunakannya dalam bentuk.

Ingin bilah pendaftaran email mengambang milik Anda sendiri?

Anda dapat menambahkan widget serupa ke situs web Anda dan menampilkannya di seluruh situs atau di halaman tertentu. Gunakan template yang sudah jadi di bawah ini untuk memulai.

Bar mengambang sederhana dengan bidang email oleh Getsitecontrol Lihat pratinjau langsung →

Salinan dan desain template cukup serbaguna, jadi jangan ragu untuk menggunakannya di situs web Anda apa adanya.

Munculan situs web untuk menampilkan ajakan bertindak Anda

Saatnya beralih ke kategori berikutnya!

Alasan besar kedua perusahaan menggunakan popup situs web adalah untuk mendorong pengunjung mengambil diskon, melihat posting blog baru, berpartisipasi dalam giveaway – dengan kata lain, mengambil tindakan .

Mari kita lihat bagaimana bisnis kehidupan nyata melakukannya.

7. Century 21 – dapatkan diskon sebelum Anda pergi

Jika Anda mulai menjelajahi toko online Century 21, Anda harus memiliki tekad yang besar dan menahan keinginan untuk mengambil penawaran khusus yang menunggu Anda di setiap sudut.

Pertama, mereka meminta Anda untuk berlangganan dengan imbalan kupon diskon $25. Dan kemudian, jika Anda mencoba pergi tanpa melakukan pembelian, Anda melihat popup situs web ini:

Century 21 menggunakan teknologi exit-intent untuk menawarkan diskon

Jika Anda menekan tombol "Ya, Tolong!" tombol, kode kupon ditampilkan tepat di popup. Anda dapat menyalin kode dan menempelkannya saat checkout. Sederhana. Efektif.

Inilah mengapa pendekatan niat keluar bekerja dengan sangat baik:

  • Perhatian dijamin
    Tidak ada cara untuk melewatkan penawaran diskon yang muncul di depan mata Anda saat Anda menavigasi untuk keluar.

  • Resort terakhir
    Munculan niat keluar secara praktis memberi Anda kesempatan unik untuk mengonversi orang yang akan pergi. Tentu, tidak setiap pengunjung yang mengabaikan akan merespons. Tetapi beberapa dari mereka akan – dan setiap upaya berarti, bukan?

Ingin menempatkan popup niat keluar ke situs web Anda?

Lihat templat di bawah ini. Ini sudah disiapkan untuk muncul tepat ketika pengunjung Anda mulai menavigasi untuk keluar dari halaman.

Templat popup niat keluar yang menampilkan penawaran diskon oleh Getsitecontrol Lihat pratinjau langsung →

Tempatkan ke situs web Anda dalam beberapa klik, lalu buka Penargetan pengaturan untuk menentukan halaman di mana seharusnya muncul. Misalnya, Anda mungkin ingin menempatkannya di halaman produk, halaman kategori, atau bahkan saat checkout untuk mencegah pengabaian keranjang belanja.

8. Skillshare – promo program rujukan

Skillshare, platform pembelajaran online, menjalankan program rujukan yang memungkinkan Anda mendapatkan kelas gratis selama berbulan-bulan dengan mengundang teman. Perhatikan bilah mengambang yang mereka tempatkan di bagian atas setiap halaman.

Skillshare menggunakan bilah mengambang teratas untuk mempromosikan program rujukan mereka

Apa yang dilakukan Skillshare di sini:

  • Warna kontras
    Skillshare memilih putih karena menarik perhatian mengingat tema warna situs web biru tua.

  • Cukup detailnya
    Meskipun kekurangan ruang, salinan memberikan informasi yang cukup bagi Anda untuk memutuskan apakah Anda tertarik atau tidak.

  • Hapus tombol CTA
    Tombol "Undang teman" menetapkan harapan yang jelas. Ini membawa Anda ke halaman khusus di mana Anda dapat mempelajari detailnya dan mendapatkan tautan rujukan Anda.

9. The New York Times – baca pembaruan penting sekarang

Jika proyek Anda berfokus pada konten, Anda dapat menggunakan popup untuk mempromosikan artikel terbaru di blog, pembaruan penting tentang topik yang dipilih, atau hanya materi yang relevan.

Misalnya, inilah cara The New York Times mengarahkan perhatian pembacanya ke pembaruan langsung tentang wabah COVID-19.

The New York Times memasang floating bar untuk mengarahkan perhatian ke berita penting

Bilah ajakan bertindak di bagian bawah halaman web digunakan oleh berbagai outlet media untuk berbagai tujuan. Lihat saja contoh kami berikutnya yang menampilkan sembulan yang tampak serupa.

10. The Guardian – dukung Guardian hari ini

Tidak seperti The New York Times, The Guardian memilih untuk menyimpan semua materi mereka dalam akses terbuka, sementara para pembaca dapat berpartisipasi dalam mendanai surat kabar dalam bentuk sumbangan. Lihat bagaimana mereka mengkomunikasikan pesan ini menggunakan popup di bagian bawah halaman.

The Guardian menggunakan tongkat tempel berwarna kuning untuk mendorong pengunjung memberikan donasi

Ingin menggunakan popup serupa di situs web Anda?

Saat Anda ingin menekankan pesan, jelas, bilah lengket ini adalah penarik perhatian yang sempurna. Lihat template di bawah ini jika Anda ingin menambahkannya ke situs web Anda.

Templat bilah lengket bawah oleh Getsitecontrol Lihat pratinjau langsung →

Setelah Anda menambahkannya ke dasbor Getsitecontrol, buka Isi tab dan buka pengaturan tombol untuk menempatkan tautan ke halaman yang diinginkan.

Munculan situs web untuk membuat pengumuman di seluruh situs

Kategori terakhir dari popup situs web ditujukan untuk memberi tahu pengunjung daripada mendorong mereka untuk mengambil tindakan.

Jika Anda ingin membuat audiens Anda tetap up to date dengan berita dan istilah saat ini, popup situs web sempurna.

Anda dapat menggunakannya untuk menyebarkan berita tentang perubahan operasi bisnis, penawaran saat ini, atau kebijakan baru – seperti kebijakan izin cookie, misalnya.

Mari kita lihat bagaimana Reebok, Tiffany, Nespresso, Intercom, dan Slack menangani jenis komunikasi tersebut.

11. Reebok – pengumuman penjualan di seluruh situs

Untuk memastikan semua orang yang membuka situs web mereka mendapat informasi tentang penjualan di seluruh situs, Reebok telah menempatkan bilah pengumuman mengambang di bagian atas halaman web.

Reebok mengumumkan penjualan di seluruh situs menggunakan bilah lengket hitam di bagian atas halaman

Pengumuman ini tidak memerlukan tindakan apa pun dari pengunjung situs web. Anda dapat menganggapnya sebagai kejutan yang menyenangkan dan insentif untuk terus menelusuri toko.

12. Tiffany & Co. – layanan pengingat gratis

Berikut adalah cara Tiffany & Co. menginformasikan kepada pengunjung toko online bahwa pengiriman dan pengembalian gratis untuk semua pesanan. Mereka menggunakan floating bar khas Tiffany biru di bagian atas halaman web.

Tiffany & Co memilih warna khas mereka untuk bilah pengumuman yang lengket

Jika Anda memiliki kode warna untuk tema situs web Anda, Anda dapat menggunakannya di popup Penampilan / CSS pengaturan untuk membuat bilah pengumuman yang sangat cocok, seperti Tiffany's.

13. Nespresso – kemungkinan pengumuman keterlambatan pengiriman

Contoh floating bar terakhir adalah milik situs web Nespresso. Mereka memberi tahu pelanggan online dengan memberi tahu mereka tentang pengiriman yang tertunda.

Nespresso memberi tahu pelanggan tentang keterlambatan pengiriman menggunakan par

Sekali lagi, Anda mungkin telah memperhatikan bahwa warna untuk bilah mengambang tidak dipilih secara acak – warnanya sangat cocok dengan tombol “Cari” di bawah.

Ingin membuat ulang popup situs web ini?

Untuk menjangkau audiens Anda dengan pesan singkat namun penting, floating bar sangat bagus. Untuk menambahkannya ke situs web Anda, cukup klik template di bawah ini, lalu edit salinannya.

Getsitecontrol menyediakan templat bilah pengumuman lengket minimalis Lihat pratinjau langsung →

Jangan ragu untuk mengubah warna ke warna yang mungkin terlihat lebih baik di situs web Anda. Tema warna tersedia di Penampilan tab dasbor Getsitecontrol.

14. Slack – spanduk persetujuan cookie

Dua contoh terakhir dalam daftar kami adalah spanduk cookie.

Seperti yang mungkin Anda ketahui, mulai tahun 2018, setiap situs web yang menerima pengunjung dari UE harus mendapatkan persetujuan mereka untuk menggunakan cookie yang melacak data pengguna.

Seperti inilah pesan cookie di situs web Slack.

Slack menggunakan popup situs web untuk menampilkan pesan persetujuan cookie

Slack memilih untuk menggunakan slide-in sisi kanan yang menautkan ke kebijakan izin cookie dan menutup saat diklik.

Jika Anda ingin menempatkan yang serupa, gunakan template di bawah ini.

Getsitecontrol memungkinkan Anda memasang dan menyesuaikan spanduk cookie Lihat pratinjau langsung →

Anda dapat menambahkan popup ini ke situs web Anda sebagaimana adanya, atau Anda dapat menyisipkan tautan ke halaman Kebijakan Cookie Anda ke salinan widget, seperti yang dilakukan Slack.

15. Interkom – bilah lengket persetujuan cookie

Intercom, pengembang platform perpesanan populer memilih bilah lengket yang tidak terlalu mencolok di bagian atas halaman web untuk memberi tahu pengunjung mereka tentang kebijakan cookie.

Intercom memilih untuk menampilkan pemberitahuan cookie pada bilah mengambang

Jika Anda lebih suka opsi ini, lanjutkan dan klik di sini untuk memeriksa template Getsitecontrol untuk bilah persetujuan cookie.

Siap menggunakan popup situs web untuk mengembangkan bisnis Anda?

Jika Anda selalu ingin tahu apakah popup situs web dapat membantu mengembangkan bisnis Anda – hari ini adalah hari untuk mengetahuinya.

Tidak tahu harus mulai dari apa?

Berikut adalah 3 popup situs web terpopuler kami:

  • formulir berlangganan email,

  • spanduk persetujuan cookie,

  • promosi penawaran khusus.

Pilih yang paling relevan untuk bisnis Anda (atau tambahkan semuanya ke situs web Anda sekaligus) menggunakan Getsitecontrol dan coba gratis.

Anda sedang membaca blog Getsitecontrol tempat para pakar pemasaran berbagi taktik yang telah terbukti untuk mengembangkan bisnis online Anda. Artikel ini adalah bagian dari bagian Keterlibatan pelanggan.

Berlangganan buletin kami → Ilustrasi utama oleh Icons8