Elementor ile Dönüştüren İlgi Çekici Pop-up'lar Nasıl Oluşturulur

Yayınlanan: 2020-09-25

Diyelim bir site sahibi olarak, aşk pop-up nefret ediyorum o yüz! Bir yandan, onlar müşterileri rahatsız. Ama diğer taraftan, aynı zamanda birçok çiziklere yol artar. Eğer WordPress web sitesinde açılır uygulanması için bir eklenti seçmek için karar eğer Şimdiye kadar, birden çok seçenek olurdu. Ama ironik, hepsi özelliklerinden ya da bu şekilde içinde yoktu. Şimdi seçim Elementor açılan oluşturucu, basittir.

Elementor o Elementor sayfa oluşturucu ile gelir oluşturucu dinamik açılır edilir açılır. Bu en iyilerinden biri eller aşağı orada inşaatçılar açılır olduğunu.

Eğer özellikleri ve kullanım kolaylığı kombinasyonunu düşünün Ancak, Elementor oluşturucu arayla WordPress siteler için en iyi pop up kurucusudur açılır.

Eğer Elementor kullanarak ilk pop inşa edebilirsiniz öğrenmek heyecanlı mıyız? Biz de öyleyiz!

Do Sitesi Pop-Ups Aslında İş Grow için çalışmak?

Create Pop-ups using Elementor pop up

Bir pop-up internet tarayıcısında web sayfalarının üstünden 'pop up' yani küçük bir penceredir. Önemli bilgiler veya toplama yol sunmak için kullanılabilir. Evet, biri bahsediyoruz olduğunu Gözle bize web sitelerinin çoğunun açmaya her zaman.

Peki neden bu can sıkıcı şey istemese de, dönüm duruyor? Cevap tanımı kendisi yatıyor. Bu toplamak potansiyel yardımcı olur.

9.28

Hepimiz büyüyen potansiyel önemini biliyoruz. Ne kadar çok kurşun, daha fazla insan Bir promosyon e-posta göndermek ya da kişiselleştirilmiş anlaşma sunabilir. Olsun, bir daha potansiyel müşteri ile etkileşim şansı elde kurşun aracı kazanıyor bir e-ticaret sitesi sahibi, yazılım geliştirme şirketi, hatta bir blogcu vardır.

Pop-up için ortalama dönüşüm oranı en% 10 pop-up en yüksek performanslı sırasında% 9.28 dönüşüm oranı ortalama, 3.09% 'dir.

- Sumo

Yukarıdaki istatistikler göz önüne alındığında, pop-up satış olanakları elde etmenin en etkili yöntemlerden uzak biri tarafından olan, söylemek güvenlidir.

Elementor Popup Builder ile, Dinamik Pop-up oluşturma

Eğer Elementor kullanmanın önceki deneyim var mı? , Endişe yok değil, bu bir pasta gibi kolay. Eğer daha önce Elementor ile çalışan bina ya da bir pop-up sadece kullanma veya Elementor başka şablon oluştururken gibidir yaratma deneyime sahip yaparsanız.

Bu yüzden bizim ilk Elementor kullanılarak açılır bina içine atlamak önce en ön koşul ile başlayalım.

  1. Bir çalışma WordPress web sitesi (Apaçık, değil mi?)
  2. eleman
  3. Elementor Pro

İlgili Blog: 5 Kolay Adımda ÜCRETSİZ bir web sitesi oluşturma nasıl

Yani bizim müthiş görünümlü açılan oluşturmak zorunda gereken buydu.

Kullanım Hazır Elementor Pop Ups

Eğer Elementor aşina iseniz, zaten kullandığınız veya şablonları nasıl oluşturulacağını biliyor olabilir. Gibi ilk WP Yönetici Tablosu> Şablonlar> Pop Up gitmeye gerek de açılır Elementor için bir şablon olarak çalışıyor

Access popup templates

Pop Up tıkladığınızda bir ADD YENİ POPUP düğmesi belirir. Düğmesine tıklayın ve “Ana sayfa Ana“bizim isim gibi bir isim up pop ver. Pop-up adlandırma sonra, POPUP düğmesine CREATE olduğunu tıklayın zamanı!

Create Pop Up Template

En kısa zamanda oluşturun Popup butonuna dokunun olarak, size seçim için hazır güzel pop-up şablonları bir sürü bulabilirsiniz. Eğer önceden tasarlanmış şablonu kullanmak istemiyorsanız Ancak, aynı zamanda pop-up yere kadar tasarlayabilirsiniz. Şablon kitaplığından bu sadece çıkış için.

Elementor Pop up Templates

Kişisel Elementor Popup Tasarım özelleştirme

En kısa zamanda Template Library kapatır kapatmaz, aşağıdaki gibi bir ekran görürsünüz. Biz yaptığımız gibi, dişli simgesini tıklayın ve hiçbir zaman Popup Ayarları sayfasında olacak.

Elementor Settings

Ayarlar, Stil & Gelişmiş - Popup ayarı 3 sekmeler olacaktır. sekmelerin her biri için ne edelim biliyorum.

Popup Settings

Ayarlar sekmesinden, esas düzenini özelleştirebilirsiniz. Böyle Genişlik, Yükseklik, dikey / yatay konum, Giriş / Çıkış Animasyon ve Yakın Düğmesi olarak.

Biz ayarlarla altına ile yeşil ışık gidiyoruz. İstediğiniz da özelleştirebilirsiniz.

Customizing Popup Settings

Stil Tab itibaren, pop-up, bindirme ve kapatma düğmesi renklerini özelleştirebilirsiniz.

Gelişmiş sekmesi yakın düğmeye zaman ve bazı diğer küçük ayarlarla düzeltmeler yapmanıza olanak verir.

Sadece Elementor başka şablonları gibi aynı zamanda pop-up bakmak iyi yapmak için widget'lar ekleyebilirsiniz. Burada asgari pop Tasarladığımız bu kadardır.

Our Popup

Evet, başarıyla Elementor açılır kullanarak web sitesi için bir pop-up inşa ettik! Şimdi de kullanıcı etkinliğine bağlı olarak açılan hedefleyebilir nasıl yakından tanıyalım.

Yayınla Ayarları ile Pop Up Kontrol

senin pop up oluşturduktan sonra, yapmanız gereken bir sonraki şey görüneceği kümesidir. Elementor pop up ile, birçok işlemlere göre tetiğe ayarlayabilirsiniz. Eğer tasarımı ile yapılır ve yayınlamak tıklayın yaptıktan sonra, Ayarlar açılır yayınlayın. Buradan kontrol etmek ve hedeflemeyi ayarlayın.

Popup Publish Settings

Yukarıdaki resimde de görebileceğiniz gibi, Koşullar, Tetikleyiciler ve Gelişmiş Kuralları denilen üç farklı seçenek göreceksiniz.

Yani bunların nasıl çalıştığına yakından tanıyalım.

Dokan Advertisement

Kişisel Popup ayarlama Koşullar

Koşullar sekmesi nerede açılır gösterileri yukarı yönetmenizi sağlar. Örneğin, tek bir sayfadan, çoklu sayfa, hatta bütün web sitesinde görüntülenen pop-up sağlayabilirsiniz.

Gördüğünüz gibi, burada bizim açılır pencere görüntülemek için ön sayfası tek bir sayfa, dahil ettik.

Popup Publish Conditions

Yapılandırma Popup Tetikleyiciler Kurallar

Tetikleyiciler tam olarak ne zaman açılır gösterileri kadar kontrol edelim. Elementor ile, gerekeceğini tetikleyicileri her türlü var. Sen gösterisi için açılır pencere ayarlayabilirsiniz -

  1. On-Page Load
  2. Scroll On
  3. Element Scroll Açık
  4. Tıklamada
  5. Hareketsizlik sonra
  6. On-Page Çık Niyet

Bizim web sayfasında kullanıcı tarafından 1 tıklama görüntülenecek bizim açılır pencere kurdum.

Popup Display Triggers

Set Gelişmiş Kurallar

Adından da anlaşılacağı gibi, Gelişmiş Kurallar veya kimlere açılır görüntülenir zaman tam olarak gelişmiş şart öne sağlar.

Orada farklı kurallar bir yeri vardır ve birden fazla kural seçmek de olabilir.

Popup Advanced Rules

Şimdi bizim açılır pencere yayımlamak için hazırsınız. Şimdi git ve Kaydet ve Kapat düğmesini tıklayın.

Ayrıca, buna eylemde bizim pop up görelim. Yaay!

Our Popup

Elementor Pop Up Kütüphanesi'nden Pop Up şablonları Büyük Koleksiyonu

biz zaten gösterdiklerimizin gibi, Elementor onun şablon kütüphanesinde önceden tasarlanmış açılır büyük bir koleksiyona sahiptir.

Eğer büyük bir tasarım anlayışı zorunda kalmamak için bile, pop-up yüzlerce erişebilir, Elementor pop up size örtülü var. Elementor şablon kitaplık'tan, böyle lightbox, yüzen, tam ekran, kurşun mıknatıs ve bunun gibi pek çok pop-up şablonları farklı türde bulacaksınız!

Elementor Template Library

Dışında pop-up dan, Elementor başka birçok hazır şablonlardan ve widget'ları vardır. Hatta daha da farklı addons kullanarak Elementor özelliklerini uzatabilir. Hangi günümüzde çok popüler alıyorsanız.

Eğer eklentileri kolayca sitenizin tasarımını yapmak nasıl görmek istiyorsanız, HappyAddons denemek unutmayın. Artık daha fazla 80.000 aktif kurulumla üst Elementor Eklentileri, biridir. ücretsiz sürümü ile birlikte bunun bir premium sürümü vardır.

Beni Güzel sitesi yapmak için HappyAddons Deneyelim!

Elementor Pop Up - Ultimate Pop Up Oluşturucu

Elementor WordPress için en iyi sayfa inşaatçılar biri olarak kabul edilir. daha birçok özelliği ile birlikte, ayrıca hedeflemesine sahip güzel pop-up oluşturabilir.

Popup yaratma süreci çok kolaydır ve biz ziyaretçilerinizin gibi olacak bir açılır pencere oluşturmak edebiliyoruz artık umut (en azından nefret!). Ayrıca Elementor açılan oluşturucu ile Kalıcı açılan oluşturabilirsiniz.

Biz WordPress şirketten muhtemelen en abartılı ürün reklamı ile blog bitirmek mı? Tamam, işte böyle!