WordPress Popup iletişim formu nasıl oluşturulur (Popup’ta iletişim formunu açın)
WordPress sitenizdeki açılır keçi açma formlarını açmanın yollarını mı arıyorsunuz? Bu yazıda, bir eklenti kullanarak bir WordPress pop -up iletişim formu oluşturmanın birkaç yolunu göstereceğim. Kullanıcıdan açılır pencerede iletişim formunu açan düğmeyi tıklamasını isteyebilirsiniz. Veya farklı koşullara göre iletişim formlarını otomatik olarak tetikleyebilirsiniz. İlk olarak,% 100 ücretsiz açılır pencere eklentileri ve form eklentileri kullanarak bunu nasıl yapacağımı göstereceğim. Ardından, ücretli bir Elementor (Elementor Pro) ile bir eklenti kullanarak bunu nasıl yapabileceğinizi de göstereceğim.
Yani – WordPress’teki açılır pencerede iletişim formlarını açmak için iki yöntem, bundan sonra … Ücretsiz bir WordPress pop -up kişi formu nasıl oluşturulur Aşağıda, bu yöntemle ne yapacağınıza bir örnektir:
Ziyaretçiler düğmeyi tıkladıktan sonra açılır pencereyi nasıl açacağımı gösterdikten sonra, pop -up’ı otomatik olarak başlatmanın birkaç yolunu da paylaşacağım. Bu işlevi elde etmek için iki ücretsiz eklentiye ihtiyacınız var:
Popup Makers – Bu eklenti, iletişim formunuzu tutan ve kullanıcı düğmeye tıkladığında Semulan’ı tetikleyen bir Sembulan oluşturmanıza olanak tanır.
WPForms (veya iletişim formu seçeneğiniz eklentisi) – Bu eğitim için, açılır pencereye giren bir iletişim formu oluşturmak için WPForms kullanacağım. Ancak, formları kısa kod aracılığıyla yerleştirmenizi sağlayan herhangi bir iletişim formu eklentisini kullanabilmeniz gerekir.
Lütfen her iki eklentiyi kurun ve etkinleştirin. O zaman, her şeyi nasıl ayarlayacağınız …
Adım 1: Başlangıç için iletişim formunuzu oluşturun, iletişim formunuzu kullanarak açılır pencerenize eklemek istediğiniz bir iletişim formu oluşturun.
Bunun için WPForms kullanıyorsanız, WPForms → İletişim Formlarınızı Oluşturmak için Yeni Ekle’yi açabilirsiniz. WPForms Reviews Biraz yardıma ihtiyacınız varsa bir form oluşturmak için nasıl bir eklenti kullanacağınızı göstereceğiz. Formunuzla bitirdikten sonra, çim düğmesini tıklayın ve bir sonraki adımda ihtiyacınız olacağınız için formu gömmenin kısa kodunu kopyalayın:
Adım 2: açılır pencerenizi oluşturun Formunuzu tamamladıktan sonra, formu gerçekten tutacak bir açılır pencere oluşturmaya hazırsınız. Bunu yapmak için açılır pop -up üreticisini açın → Popup ekleyin. Ardından, Metin Düzenleyici Ajansı’na iletişim formunuzun SEMAT kodunu yapıştırın:
İsterseniz iletişim formunuzun etrafına metin de ekleyebilirsiniz. Ayrıca arayüzde, açılır ekranınızı ayarlamak için ekran sekmesini kullanabilir ve kapatabilirsiniz:
Ancak, buradaki tek mutlak gereksinim, form kodunuzu metin düzenleyicisine eklemenizdir. Diğer ayarları değiştirmek isteğe bağlıdır.
Aşağıda bağlı makaleler
Bittiğinde, açılır pencerenizi yayınladığınızdan emin olun. Adım 3: Bir açılır pencereyi açmak için bir düğme oluşturun, iletişim formuyla açılır pencereyi açmak için ziyaretçiler tarafından tıklanacak bir düğme yapmanız gerekir. Bir düğmeyi açmak için iletişim formunu açmak için çok özel bir CSS sınıfı eklemeniz gerekir. Aşağıdakiler HTML düğmesine bir örnek:
Elementor, Visual Editor, Drag ve Drop kullanarak içerik oluşturmanızı sağlayan popüler bir sayfa üreticisi eklentisidir. Burada WPLift’te kullanıyoruz ve iyi inceledik. Pro Elementor’un en son sürümü ile artık aynı arabirimi, temas formlarını görüntüleyen Sembulan da dahil olmak üzere her türlü Sembulan yapmak için kullanabilirsiniz. Prolementor Pro değerinde 49 $, ancak bu yöntemi kullanmanın sonucu, daha fazla esnekliğe sahip olmanızdır. açılır pencere ve formunuzun görünümü ve işlevi için. Pro Elementor’da bu işlevi nasıl kullanacağınız aşağıda açıklanmıştır. Adım 1: Elementor ve Pro Elementor’u yükledikten ve etkinleştirdikten sonra açılır pencerenizi oluşturun, şablonları açarak başlayabilirsiniz → açılır → Yeni açılır pencere ekle:
Ardından, açılır pencerenizi adlandırın ve şablon oluştur:
Bu, daha önce yapılmış bir dizi açılır şablon açacaktır. Daha önce burada yapılan birkaç iletişim formunu bulabilirsiniz, bence başlamanın en kolay yoludur. Ya da her zaman bu pencereyi kapatabilir ve sizi sıfırdan yapabilirsiniz. Bir şablon seçeceğim, FYI.
Adım 2: Formunuzu ayarlayın Birinci yöntem gibi ayrı bir kişi form eklentisine ihtiyaç duymak yerine, açılır pencerenizde bir kişi formu oluşturmak için Elementor Pro Form Widget’ı kullanabilirsiniz. Bu widget, gerektiği kadar bilgi toplamak için alanı eklemenize ve değiştirmenize olanak tanır:
Popup iletişim formunuz üzerinde daha fazla kontrol sağlayan Elementor widget’larından ve diğer stil seçeneklerinden birini de kullanabilirsiniz. Elementor’u kullanma hakkında daha fazla bilgi edinmek için Elementor Pro incelememize bakın. Adım 3: açılır pencereyi yayınlayın Bir açılır form oluşturmayı bitirdikten sonra, verim düğmesini tıklayın. Bu bir dizi tetikleyici ve koşul açacaktır. Popup iletişim formunu otomatik olarak görüntülemek istiyorsanız, formun ne zaman görüntüleneceğini seçmek için hangi sayfanın formunuzu ve tetikleme sekmesini görüntüleyeceğini seçmek için koşul sekmesini kullanabilirsiniz. Ancak, bu öğretici için, kullanıcı düğmeye tıkladığında size bir formun nasıl açılacağını göstermeye odaklanacağım. Bu düğme tetikleme yaklaşımı için herhangi bir tetikleme veya koşul ayarlamanıza gerek yoktur – Kaydet ve Kapat düğmesini tıklamanız yeterlidir:
Adım 4: Pop -up iletişim formunu açmak için bir düğme oluşturun Şimdi, kişi formunuzu açacak düğmeyi girmek istediğiniz bir gönderi veya sayfa oluşturmak için Elementor’u kullanın.
Sıradan bir düğme widget’ı ekleyin. Ardından, Widget düğmesi bağlantısı için Dinamik’i seçin. Dinamik gerililerden Eylemler için Seçenekler> Ortaya Çıkın:
Ardından, ayarları düzenlemek için açılır pencereye tıklayın:
Eylemler – “Açık açılır pencere”
Popup – Az önce yaptığınız açılır pencereyi seçin
Başka içerik eklemeyi bitirdikten sonra, yayınınızı veya sayfanızı yayınlayın. Ve hepsi bu! Bu şöyle çalışmalı:
