Cara Menyalin Popup Merek E-niaga Teratas Menggunakan OptiMonk

Jika Anda bekerja di industri e-niaga, Anda selalu mengenakan dua topi saat berbelanja online.

Tentu, Anda mencari barang yang benar-benar Anda sukai dan mencari penawaran hebat seperti orang lain. Tapi Anda juga mengawasi apa yang berhasil dan apa yang tidak di situs e-niaga lainnya. Anda sedang mengumpulkan inspirasi. Banyak ide hebat yang dimulai seperti ini.

Apa yang terjadi jika Anda melihat sembulan yang menakjubkan di situs web merek teratas?

Nah, jika Anda pengguna OptiMonk, Anda dapat dengan mudah menyesuaikan template popup kami untuk membuat pesan di tempat Anda terlihat seperti popup paling menakjubkan dari toko seperti Adidas, American Eagle, dan Crocs!

Dalam artikel ini, kita akan membahas cara membuat popup yang terlihat seperti contoh menakjubkan yang menginspirasi Anda.

Adidas adalah salah satu merek gaya hidup terbesar di dunia, dan merupakan merek aspirasional bagi banyak orang.

Perusahaan memanfaatkan gambar ini di popup di bawah ini, menawarkan pengunjung situs web mereka kesempatan untuk "Bergabung dengan AdiClub." Siapa yang tidak ingin berada di klub itu?

Jika toko Anda juga memiliki klub loyalitas, Anda dapat menggunakan desain serupa untuk mempromosikannya.

Mari kita lihat cara kerjanya dengan mencoba menyalin popup. (Ingatlah untuk menggunakan gambar Anda sendiri dan salin ketika Anda benar-benar melakukan ini!)

Kami akan mulai dengan memilih template, seperti di bawah ini, yang memiliki fitur serupa dengan yang kami salin.

Pertama, kami menambahkan salinan dari popup Adidas:

Sekarang mari kita sesuaikan gaya popup.

Kami mengubah radius sudut popup menjadi 0, menjadikannya persegi panjang yang sempurna:

Kemudian, kita pindahkan tombol tutup ke tepi popup dengan mengubah perataan elemen:

Selanjutnya, kami mengubah dan mengubah ukuran gambar, dan menambahkan batas putih:

Dan kami membuat kolom kiri lebih besar:

Terakhir, kami membuat beberapa perubahan kecil seperti menambahkan bidang kotak centang baru (“Ya, saya berusia lebih dari 13 tahun”) dan mengubah tampilan tombol. Setelah mengubah font menjadi mirip dengan yang digunakan Adidas, inilah tampilan popup kami:

Itu hampir tidak bisa dibedakan! Hanya dengan beberapa perubahan kecil, kami dapat mengubah template ini menjadi popup yang sama sekali berbeda.

Tidak seperti popup dari Adidas yang baru saja kita lihat, Fashion Nova menggunakan popup minimalis yang indah untuk mempromosikan diskon 10%. Tidak ada gambar dan tidak ada warna, hanya teks hitam putih. Bahkan fontnya adalah sans-serif sederhana.

Apa yang dilakukan pendekatan desain ini adalah memaksa pengunjung untuk memperhatikan penawaran—karena hanya itu yang ada di layar!

Selain itu, Fashion Nova meminta Anda untuk memilih dari daftar "preferensi" mengenai jenis produk apa yang Anda minati. Mengumpulkan informasi ini membantu mereka mengelompokkan pelanggan mereka, memastikan bahwa pesan pemasaran mereka relevan (Anda dapat membaca lebih lanjut tentang pendekatan ini di sini ).

Jika Anda ingin mencobanya, berikut cara melakukannya.

Sekali lagi, yang terbaik adalah memilih template yang memiliki elemen serupa dengan yang kita salin. Kami memilih untuk mendasarkan kami pada template gaya kuis ini:

Kita dapat menggunakan fitur Kit Merek OptiMonk untuk mengubah semua sudut, warna, dan font sekaligus:

Jauh lebih dekat sudah! Apalagi setelah kami menambahkan logo Fashion Nova di bagian atas:

Kemudian, kami mengubah salinannya:

Selanjutnya, kami menambahkan beberapa elemen di bagian bawah yang dimiliki popup Fashion Nova asli, yaitu bidang email, bidang kotak centang, dan dua tombol:

Pada titik ini, kami memiliki semua elemen yang kami butuhkan di popup. Langkah selanjutnya adalah menyesuaikannya agar terlihat seperti popup Fashion Nova yang kita mulai.

Kami mulai dengan elemen teks di bagian atas, mengubah ukuran dan berat font:

Kami membuat elemen survei lebih kecil dengan mengubah lebar dan tingginya dan sedikit menyesuaikan batasnya:

Langkah terakhir adalah menyesuaikan bidang email dan kotak centang:

Dan tombolnya:

Semua selesai! Betapa menakjubkannya itu terlihat?

Alih-alih menggunakan popup lightbox untuk meminta pengunjung situs web berlangganan ke daftar email mereka, American Eagle mengambil pendekatan berbeda dengan membuat bilah tempel yang muncul di bagian bawah halaman web mereka.

Sticky bar tidak menarik perhatian seperti popup, tetapi itu berarti mereka tidak mengganggu pengalaman menjelajah pengguna seperti halnya popup.

Untuk beberapa toko yang tidak secara aktif mencoba mengembangkan daftar mereka secepat mungkin, bilah lengket adalah solusi yang baik untuk mengumpulkan beberapa email sambil memberikan pengalaman yang paling bebas gangguan.

Jika itu terdengar seperti Anda, Anda dapat membuat bilah lengket seperti American Eagle dengan memulai dengan templat ini:

Langkah pertama yang kami ambil adalah menghapus gambar di sebelah kiri:

Kemudian, kami mengubah salinan dan mengubah pemformatan agar sesuai dengan font dan ukuran yang digunakan American Eagle:

Setelah menyesuaikan bidang dan tombol email, kami menambahkan kotak centang untuk "Semua Email" dan "Email Airee" (karena kami tidak memiliki akses ke bilah sakelar):

Dan itu adalah itu!

Popup terakhir yang akan kami salin adalah popup pendaftaran email klasik dari Crocs.

Mari kita mulai dengan template ini, yang sudah terlihat sangat mirip:

Kami menghapus elemen yang tidak perlu dari popup dan memperbarui gambar:

Selanjutnya, kami mengubah warna latar belakang dan teks:

Kemudian, kami memperbarui salinan dan menambahkan batas putih di sekitar seluruh popup:

Dan setelah memindahkan tombol tutup ke tepi popup, kami selesai:

Identik, kan?

Seperti yang Anda lihat, kombinasi berbagai template OptiMonk dan editor drag-and-drop yang kuat berarti Anda dapat menyalin popup apa pun yang Anda lihat secara online. Ini hanya masalah menambahkan elemen yang tepat dan mengubah pengaturan yang tepat.

Dengan artikel ini, kami tentu saja tidak mencoba memberi tahu Anda untuk sekadar menyalin popup merek lain. Popup Anda harus sesuai dengan kepribadian, tampilan, dan nuansa toko Anda. Dan mudah-mudahan, Anda telah belajar betapa mudahnya Anda dapat membuat template terlihat sangat berbeda agar sesuai dengan gaya Anda!

Dan tentu saja, terinspirasi oleh merek yang sukses tidak ada salahnya!

Apakah ada popup yang Anda lihat di web yang Anda sukai? Beri tahu kami di komentar!