Elementor ile WordPress'te Geri Sayım Açılır Penceresi Nasıl Oluşturulur

Muneeb WordPress Eğiticileri Jun 15, 2021

Bir WordPress web sitesi oluşturduğunuzda, üzerinde çalıştığınız belirli hedefleriniz vardır. Web sitenizi ünlü kılmak, yoğun trafik elde etmek veya daha fazla satış yapmak olsun, oraya ulaşmak için bir dizi taktik gerektirir.

Geri sayım açılır penceresi oluşturmak, alıcının zihninde aciliyet yaratarak ve hızlı bir şekilde harekete geçmelerini sağlayarak satışlarınızı artırmanın başka bir püf noktasıdır.

Sadece bu değil, geri sayım açılır pencereleri güzel bir şekilde oluşturulduğunda, web sitesinin genel tasarımına ve etkisine bir destek olabilir. Bu eğitimde, Elementor Sayfa Oluşturucu kullanarak WordPress'te bir geri sayım açılır penceresinin nasıl oluşturulacağını anlayacağız.

Elementor ile Geri Sayım Açılır Penceresi Nasıl Oluşturulur

Bu eğitim için Elementor Pro'yu kullanacağız. Elementor Popup Builder ile bir açılır pencere oluşturmak için anında kullanılabilecek tonlarca şablon ve tasarım elde ediyoruz.

Harika Web Siteleri Oluşturun

En iyi ücretsiz sayfa oluşturucu Elementor ile

Şimdi başla

Elementor Pro'yu yükledikten ve etkinleştirdikten sonra, panonuza ilerleyin ve Şablon seçeneğinden Pop-up'lara gidin.

Sayfadaki Yeni Açılır Pencere Ekle düğmesine basın ve ilerleyin.

Açılan pencerenin türü ve adı gibi açılır pencerenizin ayrıntılarını ekleyeceğiniz form benzeri bir sayfaya geleceksiniz.

Bilgilerinizi girdikten sonra, açılır pencere oluştur düğmesine basın.

Çok sayıda hazır açılır pencere göreceğiniz Elementor Kitaplığına yönlendirileceksiniz. Kütüphanede Hello Bar'ı arayın ve kütüphaneden birini seçin.

Elementor'u kullanarak sıfırdan bir açılır pencere oluşturacağız. İstediğiniz açılır pencereyi kolayca nasıl oluşturabileceğinizi görmek için bizimle kalın.

Açılır kitaplığı kapatın ve Elementor Menüsünden Ayarlar'a gidin.

Ayarlar Sekmesinde, mevcut seti aşağıda belirtilenlerle değiştirmeniz gerekir.

  • Genişlik: 100 VW
  • Yükseklik: 300 piksel
  • Dikey Konum: Üst
  • Giriş Animasyonu: Fade In
  • Animasyon Süresi: 2,2 saniye

Stiller Sekmesine gidin ve bu değişiklikleri yapın.

  • Renk:  4EBBC6
  • Kenar Tipi: Katı
  • Genişlik: 20
  • Kenar Rengi: Beyaz

Yukarıda bahsedilen tüm değişiklikleri yaptıktan sonra, dört sütunlu bir bölüm ekleyin.

Sütunların dikey olarak ortaya hizalandığından emin olun.

Açılır pencere için bir başlık oluşturmak için başlık widget'ını sürükleyin ve ilk sütuna bırakın ve başlığınızı yazın.

Ardından, başlık widget'ının hemen altına bir düğme eklemeniz gerekir.

Düzenle Düğmelerindeki İçerik Sekmesinden düğme metnini "Şimdi Satın Al!" olarak ayarlayın.

Düzenleme Düğmelerinin Stil Sekmesinde aşağıdaki değişiklikleri yapın.

  • Arka Plan Rengi: Şeffaf
  • Metin Rengi: Siyah
  • Kenarlık Konumu: Alt
  • Kenar Tipi: Katı
  • Kenar genişliği: 2 piksel
  • Sınır yarıçapı: Yok
  • Alttaki dolguyu 2 piksele ayarlayın.

Elementor Kitaplığı'nda Geri Sayım öğesini arayın ve geri sayım widget'ını sürükleyin ve ikinci sütuna bırakın.

Widget'ı düzenlemek için Geri Sayımı Düzenle'ye ve ardından İçerik'e gidin. Ziyaretçi web sitenize geldiğinde geri sayımı başlatmak için geri sayım türünü Evergreen Timer olarak ayarlayın, 24 saat olarak ayarlayın ve 'günleri' gizleyin.

Satışın süresi dolduktan sonra gösterilecek "Üzgünüm! Satışın süresi doldu" gibi bir mesaj ile gelin.

Kullanıcı için 24 saat geçtiğinde, açılır pencere kaybolacak ve mesaj gösterilecektir.

Zamanlayıcı tasarımını stiller sekmesinden de değiştirebilirsiniz.

Ardından, görüntü widget'larını soldaki sütunlara, yani üçüncü ve dördüncü sütuna sürükleyin. Ve bu widget'lara iki resim ekleyin.

Son açılır pencereniz hazır olacak. Bizimkiyle aynı ayarları kullandıysanız, açılır pencere şöyle görünecektir.

Bu şekilde web siteniz için bir geri sayım açılır penceresi oluşturabilirsiniz. Ayarları değiştirebilir ve tamamen farklı bir şey yapabilir veya açılır pencerelerden birini seçebilirsiniz, Elementor Sayfa Oluşturucu tüm seçeneklere sahiptir.

Bu eğitim için bizden bu kadar. Eğiticilerimizle ilgili güncellemeleri almaya devam etmek için Facebook ve Heyecan numaralı telefonlarımızda bize katılmayı unutmayın.

Divi WordPress Theme