WordPress'te Pop-up Nasıl Oluşturulur (Kolay Yol)

Yayınlanan: 2022-09-22

Bir açılır pencere, web sitenizin ziyaretçilerinin dikkatini çekmenin ve onlara bülteninize kaydolma, en son ürününüz hakkında daha fazla bilgi edinme veya özel bir tekliften yararlanma şansı vermenin harika bir yoludur. WordPress'te açılır pencere oluşturmanın birkaç farklı yolu vardır, ancak en kolay yol bir eklenti kullanmaktır. WordPress için kullanılabilecek birçok açılır pencere eklentisi vardır, ancak Popup by OptinMonster'ı kullanmanızı öneririz. Eklentiyi kurup etkinleştirdikten sonra yeni bir açılır pencere oluşturmanız gerekir. Bunu yapmak için, WordPress yönetici alanınızda Açılır Pencereler » Yeni Ekle'ye gidin. Bir sonraki ekranda, açılır pencereniz için bir ad girmeniz ve bir açılır pencere türü seçmeniz gerekir. OptinMonster, lightbox açılır pencereleri, kayan açılır pencereler ve tam ekran açılır pencereler dahil olmak üzere birkaç farklı açılır pencere türü sunar. Bu örnek için bir ışık kutusu açılır penceresi seçeceğiz. Bir açılır pencere türü seçtikten sonra, açılır pencereniz için bir şablon seçebileceksiniz. OptinMonster, kullanabileceğiniz 50'den fazla profesyonelce tasarlanmış açılır pencere şablonu sunar. Bir şablon seçtikten sonra açılır pencerenizi özelleştirebileceksiniz. Renkleri, metni, resimleri ve daha fazlasını değiştirebilirsiniz. Açılır pencerenizden memnun kaldığınızda, değişikliklerinizi kaydetmek için 'Kaydet' düğmesini tıklayın. Artık açılır pencerenizi oluşturduğunuza göre, onu WordPress web sitenize eklemenin zamanı geldi. Bunu yapmak için Açılır Pencereler » Açılır Pencereleri Yönet'e gidin ve 'Yerleştir' sekmesine tıklayın. Bir sonraki ekranda, web sitenize eklemeniz gereken bazı kodlar göreceksiniz. Bu kodu web sitenize manuel olarak ekleyebilir veya kodu otomatik olarak eklemek için Insert Headers and Footers gibi bir eklenti kullanabilirsiniz. Kodu web sitenize ekledikten sonra, 'Kaydet' düğmesini tıklayın ve işiniz bitti. Pop-up'ınız artık web sitenizde görünecek.

WordPress siteme nasıl açılır kod ekleyebilirim? Aşağıdaki adımların tamamlanması yalnızca 5 dakika sürer. Tek bir kod satırı ile web sitenizde pop-up'lar oluşturmanıza olanak sağlayan Popupsmart aracı, pop-up'lar oluşturmak için mükemmel bir seçimdir. Kaydolduğunuzda, kontrol panelinizde Yeni Bir Popup Oluştur'a tıklayın. Lütfen önce yerleştirme kodunuzu, ardından gövde etiketinizi girin. Kodun yerleşimi kritiktir. Gövde etiketini bitirmek için bir yapıştırma ekleyin. Açılır pencerenizi bir kez daha kaydedip yayınlamak artık mümkün.

Web sitesi düzenleyicinize erişmek için soldaki menüden Web Sitesini Düzenle'yi seçin. Düzenleyicinizin üst kısmındaki Web Sitesi sekmesinden Web Sitesi Eklentilerinden Açılır Pencere'yi seçin. Açılır kutunuz özel ihtiyaçlarınızı karşılayacak şekilde özelleştirilebilir. Açılır Pencereyi Etkinleştir düğmesini kullanarak, açılır kutunuzu etkinleştirebilir veya devre dışı bırakabilirsiniz.

Açılır form, üst menüden Formlar'a tıklanarak, ardından Pop-up'lar sekmesi seçilerek ve ardından Pop-up oluştur'a tıklanarak oluşturulabilir. Form kaydedilecek ve bir isim verip kaydettikten sonra devam edebileceksiniz. Ardından abone grubunuzu, bir şablon seçin ve görünüşlerini beğenene kadar formu ve başarı sayfasını özelleştirin.

WordPress'te Nasıl Özel Bir Popup Oluştururum?

Kredi bilgileri: WPForms

WordPress panosuna gidin ve Popup Maker'a tıklayın. Açılır pencereyi etkinleştirdikten sonra açılır pencere düzenleme ekranı görünür. Buraya tıkladığınızda, yapmanız gereken ilk şey açılır pencereniz için bir ad girmek. Bu örneği, isteğe bağlı bir görüntüleme başlığı da girebileceğinizi göstermek için kullandık. Ziyaretçiler, varsa bu isteğe bağlı görünen başlığı görebilir.

Bu adım adım kılavuzda, WordPress'te iletişim formu açılır pencerelerinin nasıl oluşturulacağını öğreneceksiniz. Bir eklenti olan OptinMonster, bir milyondan fazla kullanıcısı olan en popüler pop-up eklentilerinden biridir. Doldurulabilir formlar, özellikle MailerLite veya Mailchimp tarafından sağlananlar, açılır formlarla iyi çalışır. Açılır bir formu doğru kullanırsanız, dönüşüm oranları ve e-posta adresleri artacaktır. 1. Adımda, Formidable Forms kullanarak bir iletişim formu oluşturun ve 2. Adımda OptinMonster kullanarak bir WordPress açılır penceresi oluşturun. Bu eklentileri WordPress yöneticinize yükleyerek boş bir tuval üzerinde test etmeye başlayabilirsiniz. Aşağıdaki adımlarda, bunlar kurulduktan ve etkinleştirildikten sonra bir sonraki adıma geçeceğiz.

Formunuzun nihai ürünü, yayınlandığında veya ön izleme yapıldığında görüntülenecektir. Tetikleyicilerimizi yapılandırmak için sayfanın üst kısmındaki Görüntüleme Kuralları sekmesine gidin ve uygun seçeneği belirleyin. Ziyaretçiler, geldiklerinde açılır pencerenin görüntülenip görüntülenmeyeceğini seçebilirler. Sitede Geçirilen Süre, bağlam menüsündeki Tetikleme (Ne zaman) sekmesine tıklanarak seçilebilir. Açılır bir form, web sitenizin daha gösterişli görünmesini sağlamanın harika bir yoludur. WordPress ile kolayca açılır pencere formları oluşturabiliyorken, altbilgi veya kenar çubuğunuz neden açılır bir form olmak zorunda? Görsel form şekillendiricimiz, formlarınızın görünümünü web sitenizle eşleştirmek için kullanılabilir.

Pop-up'a WordPress Bağlantısı

WordPress, sıfırdan bir web sitesi veya blog oluşturmanıza veya mevcut bir web sitesini iyileştirmenize olanak tanıyan bir içerik yönetim sistemidir (CMS). WordPress'in en kullanışlı özelliklerinden biri, açılır pencere özelliğine olan bağlantısıdır. Bu, yeni bir pencerede açılan bağlantılar oluşturmanıza olanak tanır ve okuyucularınızı ek bilgiler sağlarken sitenizde tutmayı kolaylaştırır.

Sayfa yükleme hızına, sayfa kaydırma süresine ve siteden nasıl çıktığınıza bağlı olarak WordPress Popup işlevselliğinizi çeşitli şekillerde gösterebilirsiniz. Gerekli kod eklendikten sonra her şey yapılır. İçerik bağlantımı tıkladıktan sonra bir pop-up'ı nasıl görüntüleyebilirim? HTML'de, nasıl yapılacağını biliyorsanız, sitenizdeki herhangi bir öğeye açılır pencerenin onclick özelliğini kullanabilirsiniz. Temada veya site içeriğinin herhangi bir yerinde onclick özniteliğini kullanırsanız, pop-up'lar sunucuya yüklenmeyecektir. Sitenizde açılır pencereleri görüntülemek için gerekli kodu doldurun. İlk adım olarak PopUp'ın sunucu tarafından (veritabanı) yüklenmesini sağlayın ve ikinci adım olarak tıkladığınız bağlantıya bağlayın.

Javascript Kullanarak WordPress'te Özel Popup Nasıl Oluşturulur

JavaScript kullanarak WordPress'te özel açılır pencereler oluşturmanın birçok yolu vardır. Bir yol, Popup Maker eklentisini kullanmaktır. Bu eklenti, özel açılır pencereler oluşturmanıza ve bunları WordPress sitenize eklemenize olanak tanır. Başka bir yol da WP Popup eklentisini kullanmaktır.

PenguinArts, bir WordPress platformunda sıfırdan özel açılır pencereler oluşturmak için adım adım bir kılavuz oluşturdu. Bu eğitimde size bunu PHP, jQuery ve birkaç satır CSS ile kendi başınıza nasıl yapacağınızı göstereceğiz. Tüm açılır pencere içeriği yönetici tarafından işlenecek ve kendi tasarımınızı seçebileceksiniz. Bu eğitim, muhteşem bir açılır pencere ve bir ACF kullanılarak gerçekleştirilecektir. Açılır pencerenin sayfamızda görünmesi için birkaç satır koda ihtiyacımız olacak. Bu uygulamayla ilgili herhangi bir sorun yaşıyorsanız, lütfen bana bildirin, size yardımcı olmak için elimden gelen her şeyi yapacağım.

WordPress Modal Popup Eklentisi

Kullanılabilir birçok WordPress kalıcı açılır pencere eklentisi vardır. En popüler olanlardan bazıları şunlardır: Popup Maker, WPForms'un Modal Popup'ları ve Ninja Popup'ları. Bu eklentiler, abonelik formu görüntüleme, video gösterme veya bir ürün veya hizmet hakkında ek bilgi sağlama gibi çeşitli amaçlar için kullanılabilecek açılır pencereler oluşturmanıza olanak tanır.

Snitcher, içerik türünden bağımsız olarak herhangi bir sayfaya açılır pencereler eklemenize izin veren çeşitli özellikler içerir. Bunu, kullanıcıların promosyonlarınıza, tekliflerinize ve özellik duyurularınıza ilgisini çekmek ve parlak açılır mesajlar aracılığıyla önemli bilgiler sağlamak için kullanabilirsiniz. Pencerelerin her biri, siteniz için benzersiz bir görünüm oluşturmanıza olanak tanıyan, her öğe için kendi stil tercihlerine sahiptir. Eklenti, WCAG Seviye AA standardı ile uyumludur ve açılır pencere içinde yüksek düzeyde içerik erişilebilirliği sağlar. Açılır pencereyi tıklatarak, kaydırarak, gezinerek, etkinlik veya hareketsizlik zamanına göre veya sekmeyi değiştirerek veya çıkış yaparak görüntülemek kolaydır ve sayfa yüklendikten hemen sonra açılır. Bu araç, sitenizi hangi tarayıcı kullanıcılarının görüntülediğinden bağımsız olarak Chrome, Firefox, Opera, Safari ve diğerleri tarafından desteklenir.

WordPress'te Pop-up Nasıl Kaldırılır

WordPress'te açılır pencereleri kaldırmanın birkaç farklı yolu vardır. Bunun bir yolu, açılır pencerenin görünmesine neden olan eklentiyi devre dışı bırakmaktır. Başka bir yol, açılır pencereyi kaldırmak için eklentinin kodunu düzenlemektir. Son olarak, sitenizdeki tüm açılır pencereleri engellemek için bir WordPress açılır pencere engelleyici eklentisi de kullanabilirsiniz.

Daha önce sayfamda bir Popup Builder eklentisi kullanmıştım ama artık alakalı olmadığı için silmek istedim. Bu açılır pencere, sayfaya zor kodlanmış gibi görünüyor. Bilgisayarımdan düzenleyemiyorum veya kaldıramıyorum. Başvuruma nasıl devam edeceğim? Lütfen önbelleği temizleyip tekrar kontrol etmeyi deneyebilir misiniz?

WordPress'teki Mailchimp Popup Formundan Nasıl Kurtulurum?

Birden fazla bağlantılı siteniz varsa, açılır formunuzun görünmesini istediğiniz siteleri seçmek için Düzenle bağlantısını tıklayın. Web sitenizdeki pop-up formunu devre dışı bırakmak için açma/kapatma düğmesini tıklayın.

WordPress'te Düğme Tıklandığında Modal Popup Nasıl Açılır

WordPress'te düğme tıklandığında kalıcı bir açılır pencere açmak için bir düğme öğesi oluşturmanız ve ona şu sınıfı eklemeniz gerekir: “popmake-trigger”. Ardından, kalıcı bir açılır pencere oluşturmanız ve ona şu sınıfı eklemeniz gerekecek: “popmake-modal”.

WordPress'te Üç Kolay Adımda Pop-up Nasıl Eklenir – WPMPet Bu, bir WordPress sitesine açılır pencere eklemenin en kolay yoludur. Pop-up'lar, web sitenizin kullanıcı deneyimini artırırken haber bülteni abonelerinin sayısını artırmanın harika bir yoludur. 2 milyar kalıcı pop-up'a dayanarak, web sitelerinin ilk %10'unun ortalama dönüşüm oranı %9,28'di. Popup modellerinin , olası satış yaratma kampanyaları arasında yüksek bir başarı oranına sahip olduğu bilinmektedir. İki yıldan kısa bir süre içinde Sumo, bir açılır pencere modu kullanarak 23 milyondan fazla e-posta adresi topladığını iddia ediyor. Web sitesi ziyaretçilerinin harekete geçmesini veya önemli bir mesajı fark etmesini istediğinizde, modals kullanmak bunu başarmanın oldukça etkili bir yoludur. ElementsKit çerçevesi, kalıcı pencerenizin düzenini, daktiloyu, açılır pencere konumunu ve görünümünü değiştirmenize olanak tanır.

Özel bir resim veya videoya ek olarak, onu açılır hale getirerek tıpkı bir sayfa gibi görünmesini sağlayabilirsiniz. Kapat simgesi, üstbilgi ve altbilgi de gizlenebilir. ElementsKit WordPress eklentisi, web siteleri oluşturmak için kullanılabilecek hepsi bir arada bir açılır pencere oluşturucudur. İletişim Formu 7, ElementsKit ile Modal dosyasına eklenebilir. İlgi çekici modeller oluşturmak için ElementsKit'teki yerleşik widget'ları kullanın. Yöntemler, daha fazla aboneye ulaşmanıza ve kullanıcı verilerini toplamanıza olanak tanır.