WordPress sitesine ücretsiz ve hızlı bir şekilde pop -up eklenir
Bir web sitesini ziyaret ederken, ekranda aniden bir resim veya mesaj göründüğünü gördünüz mü? Bu açılır pencere veya web sitesi bildirim penceresi.
İçindekiler tablosunu gizle
1. İş web sitelerinde neden açılır pencereyi kullanmalısınız?
2. Popup oluşturucu eklentisiyle WordPress’e açılır pencere ekleyin
2.1. 1. Adım: Açılır Pil Türünü Seçin
2.2. Adım 2: açılır pencereye içerik ekleyin
2.3. Adım 3: Ekran ve açılır koşulların konumunu ayarlayın
2.4. 4. Adım: açılır pencereyi özelleştirin
2.5. Adım 5: Diğer diğer ayarları ayarlayın
3. Son Kelimeler
Popup, birçok işletme koşucusu ve web sitesi sahibi tarafından kullanılan popüler ve etkili bir pazarlama stratejisidir. WordPress’e böyle pop -up’lar eklemek için, hızlı ve basit hale getirmek için ücretsiz bir eklenti kullanabilirsiniz. Uzman olmasanız bile, talimatlarımızı takip etmek sadece 10 dakika sürer.
Popup’ı neden bir işletme web sitesinde kullanmanız gerekiyor? Aşağıdaki resim, işletme web sitesi açılır penceresi için bir örnektir. İyi görünüyor, değil mi?
Pop -up sadece şaşırtıcı değil (eşleşen ve çekici bir tasarlamayı başarırsanız), aynı zamanda başka birçok faydası da vardır:
Önemli bilgileri, satış ve pazarlama kampanyalarını tanıtın, …
Dönüşüm oranını artırmak için davetli
Beklentiler üretmek
WordPress sitenize popup eklemek için Popup Builder eklentisi ile Popup ekleyin, bir web tasarım şirketi veya güvenilir kod üreticisi kiralayabilirsiniz. Ancak, zaman ve paradan tasarruf etmek için eklentiler en iyi seçimdir. Oradaki birçok pop -up eklentisi arasında, pop -up oluşturucular kullanımı en kolay ve etkili olabilir.
Bu ücretsiz bir eklentidir ve WordPress.org adresinde mevcuttur, bu nedenle eklentiyi doğrudan gösterge tablosuna yüklemeniz ve etkinleştirmeniz gerekir. Bitirdikten sonra aşağıdaki adımları izleyin. Adım 1: Gösterge tablosunda geçerli açılır pencere türü alt menü oluşturucu görünecektir. Oraya gidin, Haber Ekle’yi tıklayın ve sağlanan 4 pop -up türünden birini seçin.
Önemli bilgileri, satış ve pazarlama kampanyalarını tanıtın, …
Dönüşüm oranını artırmak için davetli
Beklentiler üretmek
WordPress sitenize popup eklemek için Popup Builder eklentisi ile Popup ekleyin, bir web tasarım şirketi veya güvenilir kod üreticisi kiralayabilirsiniz. Ancak, zaman ve paradan tasarruf etmek için eklentiler en iyi seçimdir. Oradaki birçok pop -up eklentisi arasında, pop -up oluşturucular kullanımı en kolay ve etkili olabilir.
Bu ücretsiz bir eklentidir ve WordPress.org adresinde mevcuttur, bu nedenle eklentiyi doğrudan gösterge tablosuna yüklemeniz ve etkinleştirmeniz gerekir. Bitirdikten sonra aşağıdaki adımları izleyin. Adım 1: Gösterge tablosunda geçerli açılır pencere türü alt menü oluşturucu görünecektir. Oraya gidin, Haber Ekle’yi tıklayın ve sağlanan 4 pop -up türünden birini seçin.
Daha iyi çizimler için, aşağıdaki resim, eklenti tarafından sağlanan 4 pop -up türünün ön uçta nasıl görüntülenmesidir.
İstediğiniz türü seçtikten sonra bir sonraki adıma devam edin. Adım 2: İlk açılır pencereye içerik ekleyin, daha kolay yönetmek için açılır pencereyi adlandırın.
Çeşitli açılır pencere türleri farklı içerik gerektirir. Her türü keşfedelim. Facebook açılır penceresine içerik ekleyin Bir Facebook açılır penceresi oluşturmak için aşağıdaki bilgileri doldurmalısınız:
Açılır pencerede görünen mesajlar. Okuyucuyu etkileşim kurmaya teşvik etmek için dava cümlesini kullanmalısınız. Ayrıca, daha çarpıcı hale getirmek için görüntüler, afişler eklemelisiniz.
Facebook URL’si girin.
İrade başlığı için düzeni seçin. Temel olarak, bu düzen o kadar farklı değil. Böylece, deneyebilir ve favorilerinizden birini seçebilirsiniz.
İsterseniz Paylaş düğmesini gizlemek için buraya tıklayın.
Ve ben de bu benim:
Facebook URL’si girin.
İrade başlığı için düzeni seçin. Temel olarak, bu düzen o kadar farklı değil. Böylece, deneyebilir ve favorilerinizden birini seçebilirsiniz.
İsterseniz Paylaş düğmesini gizlemek için buraya tıklayın.
Ve ben de bu benim:
Görüntüye açılır içerik ekleyin Burada yalnızca resim yüklemeniz veya bir resim bağlantısı eklemeniz gerekir. Bu eklenti JPG, PNG ve GIF’i destekler.
Bu, web sitemdeki Kara Cuma kampanyası için kendimi yaptığım güzel bir afiş:
HTML açılır penceresine içerik ekleyin, tıpkı WordPress Gutenberg editörüne yazılar yazma gibi HTML açılır penceresine içerik ekleyin. Görüntüler, videolar, tablolar, düğmeler, alıntılar veya WordPress editörleri tarafından desteklenen diğer içerikleri ekleyebilirsiniz. Arayüz Gutenberg editörüne biraz benziyor, bu yüzden oldukça samimi ve orijinal. Ve bu ön uçtaki HTML’m:
Popup aboneliğine içerik ekleyin Burada, abonelik formunuz için doldurulacak ve ayarlanacak yeterli içeriğimiz var. Ancak, en çok dikkate almanız gereken, ad, soyadı, e -posta ve yer tutucu alanının ayarlanması gibi alan alanlarıdır ve doldurulmalıdır.
Bundan sonra, aşağı kaydırın ve formun görüntüsünü arka plan seçeneği, giriş stili, düğme stilini daha çarpıcı ve web sitesine uygun olacak şekilde gönderin. Özellikle, aboneliğin başarılı sonraki bölümünde, doğru iletiyi veya kullanıcıyı abone olduktan sonra göstermek istediğiniz bilgileri seçin. Örneğin, bu müşteri için şükran, kupon, ödül, hediye kartları notu görüntüleyebilirsiniz. Bunu yaparak, kullanıcı şovlarını çekebilir ve deneyimlerini geliştirebilirsiniz.
Örneğin, bu benim e -posta açılır pencerem. Gönderdikten sonra, müşterileri alışveriş yapmaya teşvik eden Black Friday satış kampanyası hakkında bir bildirim göstereceğim.
Müşterileri yönetmek için bir pop -up üreticisi> tüm müşteriler açın.
Haber bülten sekmesindeki müşterilere bir e -posta bile gönderebilirsiniz.
İçerik ekledikten sonra aşağı kaydırın. Diğer birçok ayar seçeneği göreceksiniz. 4.5,6 adımında her seçeneği keşfedelim. Adım 3: Ekran Konumunu ve Açılır Koşulunu Ayarla Ekran konumunu açılır görüntüleme kurallarında hazırlayın, açılır pencerenin görüneceği/görünmediği yerde ayarlamamız gerekir. Her sayfada görüntülemek için her yeri seçebilirsiniz, Post, Mark veya ayarlayabilirsiniz. veya belirli bir yerde göster ne istiyorsunuz. Daha fazla ayrıntı almak için Tooltip’e (?) De tıklayabilirsiniz. Örneğin, konumu belirli bir sayfa olarak seçtim, görüntülemek için “iS” seçimi ve ekran sayfasını “Ana Sayfa” olarak seçtim. Ayrıca, eklemeyi seçerek başka yerler ekleyebilirsiniz.
Ekran Koşullarını Açın Etkinlik bölümünde ayarlayın, açılır pencerenin göründüğü zamanı seçin (web sitesi birkaç saniye yüklendiğinde, kullanıcı bir yere tıkladığında vb.). Bu eklenti aşağıdaki ekran koşullarını destekler:
Yükleme sırasında: Pop -up birkaç saniye sonra otomatik olarak görünecektir (gecikme sekmesine saniye sayısını ekleyebilirsiniz), site bittiğinden beri yüklenir.
CC sınıfı tarafından öngörülen: Kullanıcıların açılır pencereyi etkinleştirmek için birkaç bileşeni tıklamasına olanak tanır. Bu bileşen kimliğe dayanacaktır. Bu bölüm oldukça karmaşıktır, bu nedenle belgeleri dikkatle okumalısınız.
CC sınıfı tarafından öngörülen: Kullanıcıların açılır pencereyi etkinleştirmek için birkaç bileşeni tıklamasına olanak tanır. Bu bileşen kimliğe dayanacaktır. Bu bölüm oldukça karmaşıktır, bu nedenle belgeleri dikkatle okumalısınız.
Tıklandığında: Sınıf bölümüne benzer CSS tarafından belirlenir, ancak etkinleştirmek için “düğmesini” yüklemek için bir açılır kimlik kullanmanız gerekmez.
Tersine, seçenek bölümündeki varsayılanı seçerseniz, eklenti aşağıdaki gibi varsayılan sınıfta açılır pencere için varsayılan bir sınıf oluşturur.
Tersine, seçenek bölümündeki varsayılanı seçerseniz, eklenti aşağıdaki gibi varsayılan sınıfta açılır pencere için varsayılan bir sınıf oluşturur.
Özel CSS’yi seçerseniz, kendinizi özel sınıfta yaptığınız sınıfı doldurun. Bundan sonra, pop -up sınıfını istediğiniz CSS bileşenine ekleyin. Örneğin, bu yazıda, ek CSS sınıfında istediğim düğmeyi ve sınıfı ekledim.
Ön uçtaki sonuç bu:
Hover Tıklayın: İmleci bir bileşene yönlendirirken açılır pencere görünecektir. Aynı şeyi tıklamayla aynı şeyi yapabilirsiniz.
Hover Tıklayın: İmleci bir bileşene yönlendirirken açılır pencere görünecektir. Aynı şeyi tıklamayla aynı şeyi yapabilirsiniz.
Adım 4: Popup ekranını ayarlayın 3. Adımdan sonra temel bir açılır pencere var. Ancak daha çarpıcı olmak istiyorsanız, tasarım bölümüne gidin. Burada, en sevdiğiniz gibi mükemmel hale getirmek için arayüzler, yer paylaşımı, arka plan gibi bazı bileşenleri ayarlayabilirsiniz.
Bundan daha fazlası, boyutlarda, özel modu seçerek veya boyutun içeriği otomatik olarak eşleştirmesi için duyarlı modu seçerek genişliği ve uzunluğu ayarlayın.
Adım 5: Diğer Ayarları Ayarla Bu gelişmiş ayar, görünüm ve etkileşimi açılır pencereyle yapılandırmanıza olanak tanır … daha ayrıntılı bir şekilde. Örneğin, ayarların kapağındaki yutma penceresinin nasıl kapatılacağını seçebilirsiniz. ESC’ye basın veya kapak düğmesini eklemek gibi birçok yolu vardır, … Bir veya daha fazla seçin, size kalmış.
Pop -up’ı kapatıp açmanın veya görünüm süresini bir kullanıcıya ayarlamanın etkisini eklemek istiyorsanız … açılır seçenek bölümüne gidin. Yalnızca istediğiniz seçeneklere tıklamanız gerekir ve işte bitmişsinizdir. Ücretsiz bir açılır pencere üreticisi eklentisi kullanırken, aşağıda gösterildiği gibi sarı kilit açma seçeneği olarak adlandırılan parçanın Pro sürüm özelliği olduğunu unutmayın. Kullanmak için daha fazla eklenti uzantısı satın almanız gerekir. Son olarak, yanda çok ilginç bir seçenek var: Sembulan’ı tıkladığında görüntülemek için web sitesine sabit bir düğme ekleyin. Bu yüzen düğme çok rahat, insanların her zaman ve her yerde görmelerine izin veriyor. Tasarım da eğlenceli ve sinir bozucu değil.
Bu, web sitesindeki kayan bir düğme:
Veya devre dışı bırakmayı tıklayarak devre dışı bırakabilirsiniz.
Son olarak, tamamlamak için Publish’i tıklayın. Böylece, Basic’ten Gelişmiş Ayarlara 6 adımdan sonra açılır pencerenizi tamamladınız. İyi bir iş çıkardın! Gördüğünüz gibi son kelimeler, WordPress’e pop -up eklemek çok karmaşık değil. Görünüşü ayarlarken biraz sabırlı olmanız, tüm zor işler! Ayrıca, web sitesi dönüşüm seviyesini artıracak birçok şey vardır. Etkili bir yön sayfası oluşturmak istiyorsanız, yüksek dönüşümle bir yön sayfasının nasıl oluşturulacağı veya bir ürün sayfasının nasıl oluşturulacağı hakkında birkaç makale daha okumalısınız. İyi şanlar!
