Divi ile WooCommerce Lucky Wheel Optin Formları Nasıl Oluşturulur

Yayınlanan: 2019-03-13

Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz Divi yerleşim paketleri sunuyoruz. Düzen paketlerinden biri için, web sitenizi bir sonraki düzeye taşımanıza yardımcı olacak bir kullanım örneği de paylaşıyoruz.

Bu hafta, devam eden Divi tasarım girişimimizin bir parçası olarak, size Divi ve WP Optin Wheel eklentisi ile WooCommerce şanslı tekerlek optin formlarını nasıl oluşturacağınızı göstereceğiz. Bu eğitim, optin form dönüşüm oranlarını artırmanıza yardımcı olacaktır. Şans çarkı tercih formunun oyunlaştırma özelliği, ziyaretçilerle etkileşim kurmanıza ve onları çevrimiçi alışverişlerinde kullanabilecekleri bir indirim kodu ile ödüllendirmenize olanak tanır.

Hadi hadi bakalım!

Ön izleme

Öğreticiye dalmadan önce, farklı ekran boyutlarındaki sonuca hızlıca bir göz atalım.

şanslı tekerlek seçeneği

WooCommerce'i yükleyin

Eklenti Ara ve Yükle

Henüz yapmadıysanız yapmanız gereken ilk şey, WordPress web sitenize WooCommerce yüklemek. Ayrıca, üzerinde çalıştığınız Divi web sitesinde Donanım Mağazası Düzen Paketi'ni kurduğunuzu varsayıyoruz.

Eklentilerinize gidin ve WooCommerce'i arayın. Bulduktan sonra, 'Şimdi Kur' düğmesine tıklayın.

şanslı tekerlek seçeneği

etkinleştir

WooCommerce eklentisini hemen etkinleştirdiğinizden emin olun.

şanslı tekerlek seçeneği

WooCommerce Kurulumu

Ardından, WooCommerce sizi otomatik olarak kurulum formuna yönlendirecektir. Burada, mağazanızı canlı yayına hazırlamak için tüm ayrıntıları doldurmanız gerekecek. Bu süreçten geçtikten sonra, gerekli tüm WooCommerce sayfaları otomatik olarak web sitenize eklenecektir.

şanslı tekerlek seçeneği

WP Optin Wheel Eklentisini kurun

Eklenti Ara ve Yükle

Şanslı çark tercih formunu oluşturmak için WP Optin Çarkı adında ücretsiz bir oyunlaştırma eklentisi kullanacağız. Eklentilerinize geri dönün ve WP Optin Wheel eklentisini arayın. Ardından, 'Şimdi Kur' düğmesine tıklayın.

şanslı tekerlek seçeneği

etkinleştir

Eklentiyi etkinleştirerek devam edin.

şanslı tekerlek seçeneği

WooCommerce'e Ürünler Ekleyin

Yeni Ürün Ekle

Halihazırda bir e-ticaret web sitesi işletiyorsanız, bu bölümü atlayabilirsiniz. Bununla birlikte, sadece bir şeyler deniyorsanız, WooCommerce eklentinize bazı ürünler eklemenizi öneririz. Bu, daha sonra şanslı tekerlek tercih formunu test etmenize yardımcı olacaktır. Yeni bir ürün eklemek için Ürünler > Yeni Ekle'ye gidin.

şanslı tekerlek seçeneği

Ürün Detaylarını Ekle

Tüm ürün detaylarını doldurun. Buna ürün adı, açıklama, öne çıkan resim, fiyat ve kategori dahildir ancak bunlarla sınırlı değildir. Bu ayrıntıları eklemeyi bitirdikten sonra ürün sayfasını yayınlayın.

şanslı tekerlek seçeneği

Her Ürün İçin Tekrar Edin

Web sitenize eklemek istediğiniz ürünlerin her biri için aynı adımı tekrarlayın.

şanslı tekerlek seçeneği

WooCommerce'e Kupon Ekleme

Kuponlara Git

Şimdi kupon ekleme zamanı. Bu yazının devamında, Lucky Wheel Opin formunda oluşturduğumuz kuponları kullanacağız. WordPress Panonuz > WooCommerce > Kuponlar'a gidin . Orada olduğunuzda, devam edin ve ilk kuponunuzu oluşturmaya başlayın.

şanslı tekerlek seçeneği

Kupon #1 Ekle: %5 İNDİRİM

Genel

12 dilimden oluşan şanslı çarkta kaç dilimin ödül içerdiğine siz karar verebilirsiniz. Örneğin 4 ödül sunabilir ve her biri için farklı bir kupon oluşturabilirsiniz. Ayrıca çarkta birden fazla nokta için bir kupon kullanabilirsiniz. İlk kuponunuzu oluşturduktan sonra devam edin ve sayfanın üst kısmındaki kupon kodunu girin. Ardından, genel ayarları değiştirin:

  • İndirim Türü: Yüzde İndirim
  • Kupon Tutarı: 5
  • Kupon Son Kullanma Tarihi: Seçtiğiniz tarihi girin

şanslı tekerlek seçeneği

Kullanım Kısıtlamaları

Kullanım kısıtlama sekmelerine geçerek devam edin. Burada, kupona bağlı minimum ve maksimum harcama olup olmadığına karar verebilirsiniz. Aşağıdaki kutuları da işaretleyebilirsiniz:

  • Kupon diğer kuponlarla birlikte kullanılamıyorsa bu kutuyu işaretleyin.
  • Kupon indirimdeki ürünler için geçerli değilse bu kutuyu işaretleyin. Öğe başına kuponlar yalnızca öğe indirimde değilse çalışır. Sepet başına kuponlar, yalnızca sepette indirimde olmayan ürünler varsa çalışır.

şanslı tekerlek seçeneği

Diğer 3 Kupon için Adımları Tekrar Edin

Yukarıda bahsedilen adımların aynısını uygulayarak istediğiniz kadar kupon oluşturun. Yüzde indirim sunmakla sınırlı değilsiniz. Ayrıca sabit bir sepet veya ürün indirimi sunan bir kupon oluşturabilir ve bunu şans çarkına dahil edebilirsiniz.

şanslı tekerlek seçeneği

Lucky Wheel Optin Formu Oluşturun

Eklenti Ayarlarına Git

Lucky Wheel optin formunun çalışması için gerekli tüm adımları attığımıza göre artık bir tane oluşturmaya başlayabiliriz! WordPress Panonuz > WP Optin Wheel'e gidin .

şanslı tekerlek seçeneği

MailChimp API Anahtarı Ekle

Şans çarkı oluşturmaya başlamadan önce MailChimp API anahtarınızı eklemeniz gerekir. WP Wheel Optin eklentisinin ücretsiz sürümü yalnızca MailChimp ile entegrasyon sunar. Şans çarkını başka bir sağlayıcıya bağlamak istiyorsanız, premium sürüme geçmeniz gerekir.

şanslı tekerlek seçeneği

Yeni Tekerlek Oluştur

Tema Seç

Tekerleği oluşturmaya başlayalım! Seçtiğiniz bir renk paleti seçin. Bu eğitim için, Hardware Store Layout Pack'in renk paleti ile uyumlu olduğu için turuncu olanı seçiyoruz.

şanslı tekerlek seçeneği

Kurulum Şansı

Şanslı tekerlek tercih formunuzu oluşturmanın bir sonraki adımı, kazanan bir değişiklik yüzdesi seçmektir. Bu yüzde, insanların çarkı döndürürken ne sıklıkla bir şey kazandığını gösterir. Bu durumda çarkı çeviren her ziyaretçinin kupon kodu kazanma şansı %70'dir.

şanslı tekerlek seçeneği

Kurulum Dilimleri

12 farklı dilimi ayarlayarak devam edin. Dilimlerin her birini üç seçenekten birine ayırabilirsiniz:

  • Ödül Yok: ziyaretçi hiçbir şey kazanmaz
  • Kupon Kodu: ziyaretçi bir kupon kodu kazanır
  • Bağlantı: örneğin ziyaretçiler bir e-kitap kazanır

Bu örnekte, kupon kodu eklemek için 12 dilimden 4'ünü kullanıyoruz. Ayrıca bu dilimlerin her birinin şansını ayrı ayrı ayarlıyoruz.

şanslı tekerlek seçeneği

Form Oluşturucu Kurulumu

Sonraki adım, optin formunun kendisini oluşturmanıza yardımcı olur. Orada zaten bir e-posta alanı olduğunu fark edeceksiniz. Optin formuna ekleyebileceğiniz diğer tek alan türü bir onay kutusudur. Form GDPR uyumlu hale getirmek için bu tür bir alanı özellikle eklediler.

şanslı tekerlek seçeneği

şanslı tekerlek seçeneği

İçerik ayarları

Devam ederek, şanslı tekerlek tercih formunun yazılı içeriğini oluşturabileceksiniz. Devam edin ve tüm içeriği web sitenizle eşleşmesi için değiştirin.

şanslı tekerlek seçeneği

Tasarım Ayarları

Ardından tasarım ayarlarını açın ve arka plan deseni seçeneği için 'Desen yok'u seçin.

şanslı tekerlek seçeneği

Davranış Ayarları

Ayrıca davranış ayarlarında şanslı tekerlek tercih formunun ne zaman görüneceğini de seçebilirsiniz.

şanslı tekerlek seçeneği

GDPR

Son olarak, ziyaretçilerin paylaştığı verilerin, tercih formunuzda farklı kutuları işaretlemedikçe ve işiniz bitmedikçe kaydedilmediğinden emin olabilirsiniz! Şanslı tekerlek tercih formunu kaydedin ve test etmek için web sitenize gidin.

şanslı tekerlek seçeneği

Ön izleme

Artık tüm adımların üzerinden geçtik, şimdi sonuca farklı ekran boyutlarında son bir göz atalım.

şanslı tekerlek seçeneği

Son düşünceler

Bu eğitim, her hafta araç kutunuza fazladan bir şey koymaya çalıştığımız devam eden Divi tasarım girişimimizin bir parçasıdır. Bu öğreticinin, e-posta listelerinizi daha hızlı ve etkileşimli bir şekilde oluşturmanıza yardımcı olacağını umuyoruz. Herhangi bir sorunuz veya öneriniz varsa, aşağıdaki yorum bölümüne bir yorum bıraktığınızdan emin olun!