Cara Menambahkan Popup di Shopify

Diterbitkan: 2021-11-26

Mengapa menambahkan popup ke toko Shopify?

Itu mudah.

Anda dapat mencapai banyak tujuan e-niaga, seperti:

  • Konversikan hingga 10% dari lalu lintas situs web
  • Pulihkan keranjang belanja yang ditinggalkan
  • Hasilkan ribuan prospek setiap bulan
  • Dorong lalu lintas ke halaman dengan penjualan dan promosi

Apakah ini terdengar seperti tujuan pertumbuhan bisnis yang ingin Anda capai? Jika ya, mari kita pelajari cara menambahkan popup di Shopify.

Buka bagian konten:

  • Jenis popup Shopify
  • Bagaimana cara menambahkan sembulan di Shopify

Jenis Popup untuk Ditambahkan di Shopify

Ada banyak jenis popup yang dapat Anda gunakan untuk mengonversi pengunjung toko Shopify Anda. Setiap jenis dirancang untuk mencapai tujuan tertentu.

Aplikasi popup Shopify memiliki popup yang sudah dibuat sebelumnya untuk tujuan yang berbeda, jadi Anda hanya perlu memilih yang sesuai, menyesuaikannya, dan menambahkannya ke toko Anda.

Jenis popup yang paling populer meliputi:

  • Pop- up email . Mintalah email dengan imbalan insentif
  • Popup survei . Kumpulkan umpan balik/jawaban dari pengunjung
  • Kupon munculan . Berikan kupon dengan diskon untuk meningkatkan penjualan Anda
  • Munculan buletin . Minta pengguna untuk berlangganan buletin email
  • Putar-untuk-menang popup . Undang pengunjung untuk bermain game
  • Pop-up ramah seluler . Dioptimalkan untuk dilihat di perangkat seluler
  • Popup promosi penjualan . Bagikan detail promo untuk mendorong penjualan
  • Popup pemulihan keranjang belanja . Kurangi pengabaian keranjang dengan pengingat dan/atau insentif seperti diskon dan pengiriman gratis

Ada lebih banyak popup Shopify yang perlu dipertimbangkan. Tetapi kabar baiknya adalah Anda hanya memerlukan satu alat popup Shopify untuk dapat menggunakan semua jenis ini, dan banyak lagi.

Perlu informasi lebih lanjut tentang berbagai jenis popup? Lihat panduan kami yang lain:

40 Contoh Popup Email
Cara Membuat Popup Putar-untuk-Menang
Contoh Popup SMS + Cara Membuatnya

Bagaimana cara menambahkan popup di Shopify

Sekarang Anda tahu apa itu popup dan banyak manfaat yang mereka bawa ke toko Shopify, mari kita buat.

Langkah 1: Tambahkan aplikasi popup Shopify ke toko Anda [Gratis]

Dalam tutorial ini, kita akan menggunakan Wisepops .

Dengan aplikasi popup Shopify ini, Anda dapat menggunakan semua jenis popup. Namun yang terpenting, Wisepops mendapat rating bintang 4,9 (dari 5) dari pengguna Shopify.

Untuk menambahkan popup ke Shopify, buka halaman Wisepops di Shopify App Store . Klik Add App untuk memulai instalasi.

etalase Shopify

Jika Anda keluar dari toko Anda, mengklik Tambah Aplikasi akan membawa Anda ke halaman masuk Shopify. Masukkan detail Anda untuk menyelesaikan instalasi.

Lanjut -

Setelah Anda masuk, Anda akan melihat jendela yang memberi tahu Anda tentang instalasi Wisepops di dalam panel admin Shopify Anda. Klik Instal Aplikasi .

Shopify menginstal aplikasi Wisepops

Mengklik tombol Instal Aplikasi akan membawa Anda ke halaman pendaftaran Wisepops Shopify .

Sekarang, mari kita lanjutkan ke langkah berikutnya: menambahkan detail Anda ke Wisepops.

Langkah 2: Dapatkan akun Wisepops gratis

Aplikasi Wisepops memiliki dua langkah pendaftaran sederhana.

Anda dapat mendaftar dengan dua cara: dengan Gmail atau nama, email, dan kata sandi Anda. Pilih metode pendaftaran pilihan Anda untuk melanjutkan.

Daftar Wisepops

Di jendela berikutnya -

Tambahkan situs web Anda, nama dan ukuran perusahaan, dan info terkait bisnis lainnya. Jawaban-jawaban ini akan membantu Wisepops membuat pengalaman aplikasi Anda lebih relevan.

Informasi pendaftaran Wisepops

Klik Mulai Uji Coba Gratis Saya untuk menyelesaikan pendaftaran dan mengintegrasikan toko Shopify Anda dengan Wisepops.

Ini membutuhkan waktu tiga detik, jadi sekarang Anda dapat mulai membuat kampanye munculan pertama untuk mengonversi pengunjung Anda!

Catatan : Anda juga dapat menambahkan Wisepops ke toko Anda dengan kode pengaturan .

Langkah 1 : Dapatkan akun gratis di situs web Wisepops.
Langkah 2 : Di Wisepops, buka Pengaturan > Situs Web , klik ikon tiga titik di samping URL toko Anda.
Langkah 3: Pilih kode Setup di menu yang muncul untuk mengungkapkan kode.
Langkah 4: Tambahkan kode tepat sebelum tag </body> di tema toko Anda.
Contoh kode pengaturan Wisepops
Butuh bantuan untuk menambahkan Wisepops ke toko Shopify Anda?
Hubungi tim dukungan kami menggunakan tombol obrolan langsung di situs web. Kunjungi Pusat Bantuan kami ( Bagian tentang Menanamkan Kode Wisepops ini akan berguna)

Langkah 3: Buat kampanye popup

Mari kembali ke dasbor Wisepops.

Untuk membuat popup baru untuk toko Shopify Anda, klik Kampanye Baru.

Wisepopse buat kampanye baru

Menu akan memberi Anda dua opsi: Asisten Kampanye dan Kampanye Khusus .

Asisten kampanye Wisepops

Jika Anda membuat kampanye untuk pertama kalinya, pilih asisten kampanye. Dengan cara ini, Anda akan mendapatkan tip selama proses berlangsung, jadi menambahkan popup ke Shopify Anda akan lebih mudah.

Jadi, klik Asisten Kampanye untuk melanjutkan.

Langkah 4: Pilih sasaran kampanye

Saatnya memutuskan tujuan untuk popup Shopify pertama kami.

Mari kita pergi dengan Drive Sales karena, pemilik toko Shopify mana yang tidak menginginkannya?

Tujuan kampanye Wisepops

Klik Dorong Penjualan .

Selanjutnya, Wisepops akan menunjukkan cara untuk mendorong penjualan: pengiriman gratis, kupon pesanan pertama, penawaran terbatas waktu, dan lainnya.

Ayo pilih Pengiriman Gratis .

Artinya, kami akan memberikan pengiriman gratis kepada pelanggan Anda dengan pembelian di atas jumlah tertentu. Teknik ini dapat membantu meningkatkan penjualan, karena pengiriman gratis adalah alasan utama orang berbelanja online.

Wisepops memilih tujuan

Langkah 5: Pilih template popup

Setelah memilih Pengiriman Gratis , Anda akan secara otomatis diarahkan ke perpustakaan template. Di sana, Anda dapat memilih format untuk popup Shopify Anda.

Mari kita pilih template ketiga (lihat di bawah). Ini adalah popup situs web non-intrusif yang dapat ditampilkan di sudut layar.

Wisepops pilih template

Berikut preview popup ini di Wisepops (harus login untuk melihat).

Catatan: Anda dapat melihat bagaimana setiap template akan terlihat di toko Shopify Anda. Cukup klik tombol pratinjau yang muncul saat Anda mengarahkan kursor ke template.

Pratinjau Wisepops

Langkah 6: Sesuaikan kampanye

Setelah Anda memilih template popup, Anda akan diarahkan ke editor kampanye.

Mari buat kampanye terlihat seperti bagian alami dari toko Shopify Anda. Melakukannya sederhana: cukup arahkan kursor ke elemen untuk melihat opsi pengeditan.

Seperti di sini, opsi muncul ketika saya mengarahkan kursor ke judul utama popup.

Wisepops menyesuaikan kampanye

Kiat penyesuaian:

  • Tambahkan gambar asli
  • Gunakan warna merek Anda untuk konsistensi desain
  • Beri tombol CTA warna yang kontras untuk membuatnya menonjol
  • Tambahkan tautan ke halaman produk atau halaman kategori produk di menu teks CTA untuk mengarahkan pengunjung ke pembelian

Juga, inilah tipnya, coba tetapkan ambang pengiriman gratis sebesar $100. Itulah jumlah uang yang harus dikeluarkan pengunjung untuk memicu pengiriman gratis.

Federasi Ritel Nasional menyarankan bahwa 65% pelanggan memperhatikan ambang batas sebelum menambahkan produk ke keranjang belanja. Ambang batas Anda jelas akan dipengaruhi oleh biaya barang Anda.

Ingin contoh popup cantik untuk menginspirasi Anda?
25 Contoh Popup Shopify yang Tampan
Contoh Desain Popup Email + Tips Desain Pro
20 Contoh Desain Popup Cantik + Praktik Terbaik

Langkah 7: Konfigurasikan skenario tampilan popup

Waktu popup memainkan peran yang menentukan dalam memaksimalkan konversi.

Dalam hal ini, kami ingin semua pengunjung melihat popup Shopify kami. Itu sebabnya kami mungkin ingin menampilkan kampanye saat mereka memuat toko Anda. Untuk mengatur waktunya, buka Pemicu

tab di menu Tampilan .

Di sana, pilih Saat Mendarat .

Skenario tampilan Wisepops

Setelah Anda mengatur waktunya, mari tambahkan penundaan 10 detik.

Ini berarti menunda tampilan popup selama 10 detik. Karena tampilan langsung dari popup mungkin membuat beberapa pengunjung frustasi, penundaan akan membuat mereka melihat-lihat dulu.

Untuk menambahkan penundaan, temukan bagian Waktu di tab Pemicu . Di sana, klik Setelah penundaan .

Pengaturan penundaan halaman Wisepops

Setelah Anda mengklik After delay , Anda akan melihat kolom entri dan dropbox muncul.

Tambahkan "10" ke kotak dan pilih Detik di halaman di menu tarik-turun (seperti pada gambar di bawah). Klik +Tambahkan aturan setelah selesai.

Waktu Wisepops

Sekarang, dengan tambahan waktu tunda, tugas Anda membuat kampanye hampir selesai.

Saatnya menyimpan kampanye.

Klik Simpan di sudut kanan atas editor.

Wisepops menyimpan
Info lebih lanjut tentang bagaimana waktu popup memengaruhi konversi: Cara Menemukan Waktu Terbaik untuk Menampilkan Penawaran Anda .

Langkah 8: Aktifkan kampanye popup Shopify

Satu-satunya langkah antara Anda dan kampanye langsung adalah aktivasi.

Ayo lakukan itu sekarang.

Buka dasbor (klik logo Wisepops di pojok kiri atas) dan pastikan Anda berada di tab Kampanye .

Di sana, atur sakelar sakelar ke aktif (posisi kanan, seperti yang ditunjukkan di bawah). Setelah Anda melakukannya, kampanye langsung!

Wisepops mengaktifkan kampanye
Tutorial Popup Putar-untuk-Menang
Bagaimana kalau membuat popup yang menghasilkan 5.000 lead setiap bulan? Dalam Studi Kasus Faguo ini, temukan tutorial untuk meniru kampanye popup spin-to-win yang paling sukses dari merek tersebut.

Contoh popup Faguo

Pelajari lebih lanjut tentang popup Shopify

Dengan Wisepops, Anda dapat menjalankan hampir semua kampanye popup Shopify untuk mencapai tujuan pertumbuhan Anda. Ini berarti Anda akan menemukan banyak fitur berorientasi konversi, template popup cantik, dan tips pemasaran profesional di dalam Wisepops.

Dari sini, kami menyarankan Anda menjelajahi opsi ini:

  • Bereksperimenlah dengan fitur menu utama
  • Ikuti tur produk untuk mempelajari lebih lanjut tentang jenis dan keuntungan popup
  • Baca studi kasus Asphalte dan studi kasus OverstockArt untuk mengetahui bagaimana bisnis menghasilkan ribuan prospek dengan Wisepops setiap bulan

Menu utama di Wisepops berisi banyak penyesuaian untuk kampanye popup Anda. Dengan bagian Popup dan Blocks , misalnya, Anda dapat membuat popup dengan berbagai ukuran, format, tata letak, dan menambahkan tombol yang berbeda.

Blok Wisepops

Selain itu, blog kami adalah sumber kiat sembulan, kisah sukses, dan praktik terbaik. Posting ini seharusnya menarik bagi pemilik toko Shopify seperti Anda:

  • 5 Strategi Popup untuk Meningkatkan Tingkat Keikutsertaan Anda
  • Cara Mendapatkan Penjualan di Shopify: 12 Tips + Contoh
  • 15 Praktik Terbaik Popup untuk Menghasilkan Prospek dan Penjualan

Terakhir, tetapi tidak kalah penting -

Selamat, Anda berhasil!

Anda bergabung dengan klub toko Shopify yang mengonversi pengunjung dengan kampanye munculan. Buat kampanye, bereksperimen dengan penawaran, dan kembangkan bisnis Anda.

Cara menambahkan popup ke Shopify: ringkasan

Popup Shopify dapat menjadi teknik pemasaran dan pembuatan prospek terkemuka di tempat Anda. Buat kampanye pertama Anda, coba berbagai metode dan insentif untuk pengunjung, dan saksikan bisnis Anda tumbuh tidak seperti sebelumnya.

Cobalah, dan Anda akan melihat bahwa popup Shopify memungkinkan untuk menghasilkan ribuan prospek secara otomatis.