Pop-up'ların nasıl oluşturulacağını bilmeniz gerekiyor Elementor ?

Elementor sadece bir sayfa oluşturucu değildir. Bu bir WordPress Plugin çok yönlü. Bununla yapabileceğiniz birkaç şey daha var Elementor web sayfaları oluşturmaktan başka. Bunlardan biri pop-up'ların oluşturulmasıdır.

Bu yazıda size Popup Builder özelliğinin yardımıyla nasıl açılır pencere oluşturulacağını göstereceğiz.Elementor.

Elementor ile bir açılır pencere oluşturmak çok kolaydır. Her şeyin sürükleyip bırakıldığı Elementor'un görsel arayüzü ile açılır pencerenizi oluşturabilirsiniz. Elementor ayrıca açılır pencerelerinizi oluşturmak için kullanabileceğiniz açılır pencere şablonları sunar. Sadece bir model seçmeniz, yayınlamanız ve tetikleyiciyi tanımlamanız gerekecek.

keşfedin WordPress'te Elementor nasıl kurulur

Daha ileri gitmeden önce, Elementor's Popup Builder'ın yalnızca profesyonel sürümde mevcut olduğunu unutmamak çok önemlidir.

Elementor ile bir açılır pencere nasıl oluşturulur

Elementor ile bir açılır pencere oluştururken, bir tetikleyici (açılır pencereyi görüntülemek için bir eylem) ayarlayabilir ve koşulu (açılır pencerenizin hangi sayfalarda görünmesini istediğinizi) yapılandırabilirsiniz. Ek olarak, gelişmiş bir kural da belirleyebilirsiniz (aşağıda daha ayrıntılı anlatılmıştır).

Ayrıca Oku: Elementor'da Çok Renkli Degrade Düğmesi Nasıl Oluşturulur

Bu kılavuzda, düğme tıklandığında tetiklenen bir harekete geçirici mesaj açılır penceresi oluşturacağız. Bir kullanıcı bir düğmeyi tıkladığında açılır pencere gösterilecektir.

yüklediğinizi varsayarsak Elementor Pro, WordPress panosuna giriş yapın ve Şablonlar – > Açılır Pencereler ve düğmesine tıklayın Ayriyeten yukarıda.

Açılır pencerenize bir ad verin ve düğmeye tıklayın BİR MODEL OLUŞTUR.

Kullanmak istediğiniz açılır bir şablon seçin. Farenizi üzerine getirin ve düğmeye tıklayın eklemek Elementor düzenleyicisine eklemek için.

Açılır pencereyi sıfırdan oluşturmayı tercih ederseniz, Elementor'un düzenleyicisini açmak için şablon kitaplığını kapatmanız yeterlidir.

Elementor düzenleyicide açılır pencereyi özelleştirebilirsiniz. Varsayılan içeriği (özellikle metinleri) kendi içeriğinizle değiştirebilirsiniz. Bölümler ve widget'lar arasında geçiş yapmayı kolaylaştırmak için tarayıcıyı kullanın.

Ayrıca giriş/çıkış animasyonu ekleyebilir, yer paylaşımını etkinleştirebilir/devre dışı bırakabilir ve kapatma düğmesini etkinleştirebilir/devre dışı bırakabilirsiniz.

Elementor Açılır Pencere Oluşturucu

İşiniz bittiğinde, düğmesine tıklayın YAYINLA.

Elementor Açılır Pencere Oluşturucu

Bir sonraki adımda, görüntüleme koşullarını ve tetikleyicileri ayarlamanız istenecektir. Gelişmiş kurallar belirleme seçeneği de vardır:

  • Görüntüleme koşulları: Açılır pencerenin web sitenizde hangi sayfalarda görüneceğini belirler. Açılır pencereyi tüm web sitesinde, belirli sayfalarda, belirli gönderilerde, belirli kategorilerde vb. görünecek şekilde yapılandırabilirsiniz.
  • Tetikleyiciler: Tetik, açılır pencereyi görüntülemek için bir eylemdir. Elementor 6 tür tetikleyiciyi destekler: Sayfa Yüklendiğinde, Kaydırıldığında, Öğe Kaydırıldığında, Tıklandığında, Hareketsizlikten sonra, Sayfa çıkışında
  • Gelişmiş Kurallar: Açılır pencerenin görünmesi için karşılanması gereken gereksinimler. Örneğin, bir ziyaretçi web sitenize bir arama motoru veya belirli bir URL aracılığıyla gelirse açılır pencereyi görünecek şekilde yapılandırabilirsiniz. Elementor'un Açılır Pencere Oluşturucusu, ayarlayabileceğiniz 7 gelişmiş kural seçeneği sunar.

Bir kullanıcı bir düğmeye tıkladığında açılır pencereyi göstermek istediğimizden, sekmeyi açın tetikleyiciler ve seçeneği etkinleştirin Tıklamada. Tıklayın Kaydet ve kapat.

Yeni bir sayfa/gönderi oluşturun ve bunu Elementor ile düzenleyin (mevcut bir sayfayı da düzenleyebilirsiniz).

Ekle Düğme widget'ı sol panelden düzenleme alanına sürükleyerek. Veya, halihazırda bir düğme içeren mevcut bir sayfayı düzenliyorsanız, onu düzenleme moduna geçirmek için Düğme widget'ını tıklayın.

Ayrıca keşfedin: Elementor düğme simgesi için özel boyut nasıl ayarlanır

seçeneğinde Bouton sekmenin altında içindekiler, bağlantıyı şuna ayarla Popup. Bunu yapmak için bölüme tıklayabilirsiniz. Dinamik Bağlantı.

Alandaki İngiliz anahtarı simgesini tıklayın Popup ve az önce oluşturduğunuz açılır pencereyi seçin. Açılır pencerenizi bulmak için açılır pencerenin adını yazın.

Tıkla YAYIN / GÜNCELLEME Sayfayı düzenledikten sonra. Düğmeye tıklamadan önce  YAYIN / GÜNCELLEME, açılır pencerenin çalışıp çalışmadığını görmek için önce sayfanızı önizleyebilirsiniz.

pop-up'lar nasıl oluşturulur

Şimdi Elementor Pro'yu Alın !!!

Sonuç

Elementor Pro'nun sunduğu özellikler bir açılır pencere oluşturucu içerdiğinden, Elementor Pro ile artık herhangi bir açılır pencere eklentisi yüklemeniz gerekmez.

Elementor'un Açılır Pencere Oluşturucusu, her türden açılır pencere oluşturmanıza olanak tanır. Yukarıda oluşturduğumuz gibi bir harekete geçirici mesaj açılır penceresinden, formulaire kayıt, bildirim çubuğu, sosyal paylaşım düğmesi vb.

Pop-up, Elementor'un editörü ile oluşturulduğundan, temelde herhangi bir widget'ı pop-up'ınıza ekleyebilirsiniz. Elementor's Popup Builder ile aşağıdaki gibi yaratıcı bir web sitesi menüsü de oluşturabilirsiniz:

pop-up'lar nasıl oluşturulur

Elementor, açılır pencere oluştururken zaman kazanmanız için açılır pencere şablonları sunar. Hangi açılır pencere tasarımını oluşturmak istediğinize dair hiçbir fikriniz yoksa bir şablon da kullanabilirsiniz.

Buraya ! Size nasıl olduğunu gösteren bu makale için bu kadar Elementor ile açılır pencereler oluşturun. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, bize içinde bildirin. Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...