Cara Membuat Formulir Optin Roda Keberuntungan WooCommerce dengan Divi

Setiap minggu, kami memberi Anda paket tata letak Divi baru dan gratis yang dapat Anda gunakan untuk proyek Anda berikutnya. Untuk salah satu paket tata letak, kami juga membagikan kasus penggunaan yang akan membantu Anda membawa situs web Anda ke tingkat berikutnya.

Minggu ini, sebagai bagian dari inisiatif desain Divi kami yang sedang berlangsung, kami akan menunjukkan kepada Anda cara membuat formulir optin roda keberuntungan WooCommerce dengan Divi dan plugin WP Optin Wheel. Tutorial ini diharapkan akan membantu Anda meningkatkan tingkat konversi bentuk optin. Fitur gamification dari lucky wheel optin form akan memungkinkan Anda untuk berinteraksi dengan pengunjung dan menghadiahi mereka dengan kode diskon yang dapat mereka gunakan untuk pembelian online mereka.

Mari kita lakukan!

Pratinjau

Sebelum kita masuk ke tutorial, mari kita lihat sekilas hasilnya pada ukuran layar yang berbeda.

Instal WooCommerce

Cari Plugin & Instal

Hal pertama yang perlu Anda lakukan jika Anda belum melakukannya adalah menginstal WooCommerce di situs WordPress Anda. Kami juga berasumsi bahwa Anda telah menyiapkan Paket Tata Letak Toko Perangkat Keras di situs web Divi yang sedang Anda kerjakan.

Buka plugin Anda dan cari WooCommerce. Setelah Anda menemukannya, klik tombol 'Instal Sekarang'.

Mengaktifkan

Pastikan Anda segera mengaktifkan plugin WooCommerce.

Siapkan WooCommerce

Kemudian, WooCommerce akan secara otomatis mengarahkan Anda ke formulir pengaturannya. Di sini, Anda harus mengisi semua detail untuk mempersiapkan toko Anda untuk ditayangkan. Setelah Anda melalui proses ini, semua halaman WooCommerce yang dibutuhkan akan secara otomatis ditambahkan ke situs web Anda.

Instal Plugin Roda Optin WP

Cari Plugin & Instal

Untuk membuat formulir optin roda keberuntungan, kita akan menggunakan plugin gamification gratis yang disebut WP Optin Wheel. Kembali ke plugin Anda dan cari plugin WP Optin Wheel. Kemudian, klik tombol 'Instal Sekarang'.

Mengaktifkan

Lanjutkan dengan mengaktifkan plugin.

Tambahkan Produk ke WooCommerce

Tambahkan Produk Baru

Jika Anda sudah menjalankan situs web eCommerce, Anda dapat melewati bagian ini. Namun, jika Anda hanya mencoba sesuatu, kami sarankan Anda menambahkan beberapa produk ke plugin WooCommerce Anda. Ini akan membantu Anda menguji formulir optin roda keberuntungan sesudahnya. Untuk menambahkan produk baru, buka Produk > Tambah Baru .

Tambahkan Detail Produk

Isi semua detail produk. Ini termasuk, namun tidak terbatas pada, nama produk, deskripsi, gambar unggulan, harga, dan kategori. Publikasikan halaman produk setelah Anda selesai menambahkan detail ini.

Ulangi untuk Setiap Produk

Ulangi langkah yang sama untuk setiap produk yang ingin Anda tambahkan ke situs web Anda.

Tambahkan Kupon ke WooCommerce

Pergi ke Kupon

Sekarang saatnya menambahkan kupon. Nanti di posting ini, kami akan menggunakan kupon yang kami buat di formulir optin lucky wheel. Buka Dasbor WordPress Anda > WooCommerce > Kupon . Setelah Anda berada di sana, lanjutkan dan mulai buat kupon pertama Anda.

Tambahkan Kupon #1: DISKON 5%

Umum

Di roda keberuntungan 12 irisan, Anda dapat memutuskan berapa banyak irisan termasuk hadiah. Anda dapat, misalnya, menawarkan 4 hadiah, dan membuat kupon yang berbeda untuk masing-masing hadiah. Anda juga dapat menggunakan kupon untuk beberapa tempat di roda. Setelah Anda membuat kupon pertama, lanjutkan dan masukkan kode kupon di bagian atas halaman. Kemudian, ubah pengaturan umum:

• Jenis Diskon: Persentase Diskon
• Jumlah Kupon: 5
• Tanggal Kedaluwarsa Kupon: Masukkan tanggal pilihan

Batasan Penggunaan

Lanjutkan dengan beralih ke tab pembatasan penggunaan. Di sini, Anda dapat memutuskan apakah ada pembelanjaan minimum dan maksimum yang terkait dengan kupon. Anda juga dapat mencentang kotak berikut:

• Centang kotak ini jika kupon tidak dapat digunakan bersama dengan kupon lainnya.
• Centang kotak ini jika kupon tidak berlaku untuk barang yang dijual. Kupon per item hanya akan berfungsi jika item tersebut tidak dijual. Kupon per troli hanya akan berfungsi jika ada item di troli yang tidak dijual.

Ulangi Langkah untuk 3 Kupon Lainnya

Buat kupon sebanyak yang Anda inginkan dengan mengikuti langkah-langkah yang sama yang disebutkan di atas. Anda tidak terbatas untuk menawarkan persentase diskon. Anda juga dapat membuat kupon yang menawarkan keranjang tetap atau diskon produk dan memasukkannya ke dalam roda keberuntungan.

Buat Formulir Optin Roda Keberuntungan

Buka Pengaturan Plugin

Sekarang setelah kita melalui semua langkah yang diperlukan untuk membuat formulir optin roda keberuntungan berfungsi, kita dapat mulai membuatnya! Buka Dasbor WordPress Anda > WP Optin Wheel .

Tambahkan Kunci API MailChimp

Sebelum Anda dapat mulai membuat roda keberuntungan, Anda harus menambahkan kunci API MailChimp Anda. Versi gratis dari plugin WP Wheel Optin hanya menawarkan integrasi dengan MailChimp. Jika Anda ingin menautkan roda keberuntungan ke penyedia lain, Anda harus beralih ke versi premium.

Buat Roda Baru

Pilih Tema

Mari kita mulai membuat roda! Pilih palet warna pilihan Anda. Untuk tutorial ini, kami memilih yang oranye karena cocok dengan palet warna Hardware Store Layout Pack.

Pengaturan Peluang

Langkah selanjutnya dalam membuat formulir optin roda keberuntungan Anda adalah memilih persentase perubahan kemenangan. Persentase ini menunjukkan seberapa sering orang memenangkan sesuatu saat memutar roda. Dalam hal ini, setiap pengunjung yang memutar roda memiliki peluang 70% untuk memenangkan kode kupon.

Siapkan Irisan

Lanjutkan dengan menyiapkan 12 irisan berbeda. Anda dapat mendedikasikan setiap irisan ke salah satu dari tiga opsi:

• Tidak Ada Hadiah: pengunjung tidak memenangkan apa pun
• Kode Kupon: pengunjung memenangkan kode kupon
• Tautan: pengunjung memenangkan ebook, misalnya

Dalam contoh ini, kami menggunakan 4 dari 12 irisan untuk menambahkan kode kupon. Kami juga menyiapkan peluang untuk masing-masing irisan ini satu per satu.

Siapkan Pembuat Formulir

Langkah selanjutnya membantu Anda membangun formulir optin itu sendiri. Anda akan melihat bahwa sudah ada bidang email di sana. Satu-satunya jenis bidang lain yang dapat Anda tambahkan ke formulir optin adalah kotak centang. Mereka secara khusus menambahkan jenis bidang ini untuk membuat formulir sesuai dengan GDPR.

Pengaturan isi

Selanjutnya, Anda akan dapat mengatur konten tertulis dari formulir optin roda keberuntungan. Silakan dan ubah semua konten agar cocok dengan situs web Anda.

Pengaturan Desain

Buka pengaturan desain berikutnya dan pilih 'Tidak ada pola' untuk opsi pola latar belakang.

Pengaturan Perilaku

Anda juga bisa memilih kapan formulir optin roda keberuntungan muncul di pengaturan perilaku.

GDPR

Last but not least, Anda dapat memastikan bahwa data yang dibagikan pengunjung tidak disimpan kecuali jika mereka mencentang kotak yang berbeda di formulir optin Anda dan Anda selesai! Simpan formulir optin roda keberuntungan dan buka situs web Anda untuk mengujinya.

Pratinjau

Sekarang kita telah melalui semua langkah, mari kita lihat hasil akhir pada ukuran layar yang berbeda.

Pikiran Akhir

Tutorial ini adalah bagian dari inisiatif desain Divi kami yang sedang berlangsung di mana kami mencoba memasukkan sesuatu yang ekstra ke dalam kotak peralatan Anda setiap minggu. Kami berharap tutorial ini akan membantu Anda membuat daftar email lebih cepat dan interaktif. Jika Anda memiliki pertanyaan atau saran, pastikan Anda meninggalkan komentar di bagian komentar di bawah!