Ajax WordPress iletişim formu nasıl oluşturulur (sayfaları yeniden yüklemeden)
Birisi formlarınızdan birine gönderdiğinde sayfanın yeniden yüklenmesini önlemek ister misiniz? Birisi daha iyi bir kullanıcı deneyimi oluşturmak için bir form gönderdikten ve daha fazla potansiyel müşteri almanıza yardımcı olabileceğinden sonra sayfanın ferahlatmasını önleyin. Bu adım adım öğreticide, size bir WordPress Ajax iletişim formu oluşturmayı göstereceğiz. Ajax formu nedir? Ajax yetenekli form, tüm sayfaları yenilemeye gerek kalmadan arka uç işlemini gönderebilen ve çalıştırabilen hızlı ve dinamik bir formdur.
Varsayılan olarak, kullanıcı tıkladığında tüm sayfaların yüklenmesi gerekir. Bunun nedeni, form verilerinin depolanması, e -posta bildirimleri gönderilmesi ve daha fazlası dahil olmak üzere bazı işlemlerin gerçekleştirilmesi gerektiğidir.WPForms, en iyi WordPress form üreticisi eklentisidir. Ücretsiz Al!
Ancak WordPress ve WPForms AJAX formunu desteklediğinden, Ajax formunun teslimatını etkinleştirme seçeneğiniz vardır, böylece birisi formu gönderdikten sonra formunuz güncellenmez. Ajax neden temas formunda kullanılıyor? Ajax’ın yetenekli formu aniden her boyutta web sitesi için bir zorunluluk haline gelir. Ajax’ın iletişim formunda kullanım için hızla popüler hale gelmesinin ana nedenleri:
Çok daha iyi bir kullanıcı deneyimi için
Yıldırım yükleme süresi ve WordPress sitesinin hızını artırma
Böylece formlarınızı içeren sermaye ve açılır pencere açık kalır, böylece satışları artırmak için eylem görüntüleyebilir veya mesajları takip edebilirsiniz
Formun işlendiğini görsel ipuçları ve garantileri vermek
Bir Ajax WordPress İletişim Formu Nasıl Oluşturulur Birisi bir form gönderdiğinde yüklemeyecek şekilde sayfayı nasıl durduracağınızı sorar? Ancak, formunuzda bir dosya yüklemesi olduğunda veya formunuz sermaye veya açılır pencereye gömülürse çok kullanışlıdır. Bu örnek için, alan yükleme dosyasıyla yetenekli Ajax ile basit bir iletişim formu oluşturacağız. Bu WordPress Ajax İletişim Formu Eğitimi, form şablonu eklentisinden her türlü şablonla da çalışacaktır. Yeniden yüklemeden Ajax WordPress iletişim formu oluşturmak için aşağıdaki adımları izleyin: Adım 1: Yeni bir form oluşturun, yeni bir form oluşturmanız veya mevcut formları düzenlemeniz gerekir.
WPForms eklentisini yükleyin ve etkinleştirin. Daha fazla ayrıntı için, WordPress’e eklentilerin nasıl yükleneceğine dair adım adım öğreticiye bakın. WPForms eklentisini yükledikten sonra, yeni bir form oluşturmak için yeni eklenen wpforms »eklendi. Ardından, form üreticinize göre, bunu yapmak için basit iletişim formu şablonunu tıklayın.
Şimdi formunuzu oluşturma zamanı. Alan alanını sürükleme ve gevşek özellik ile kolayca ayarlayabilirsiniz. Adım 2: Alan Yükle Dosyasını Ekle Ekranınızın sol tarafındaki lüks alan altındaki alan yükleme dosyasını bulun ve sağdaki formunuza sürükleyin. Formunuza yukarı ve aşağı sürükleyerek alanın isteklerinize yerleştirilmesini ayarlayın ve yeri sevdiğinizde serbest bırakın. Hazır olduğunuzda, sağ üst köşedeki Turuncu Kaydet düğmesini tıklayın. Şimdi üzerine dosya yükleme alanı ile bir form yaptık, Ajax için etkinleştirelim. Adım 3: Bir sonraki Ajax formunun gönderilmesini etkinleştirin, sayfanızın sol tarafındaki ayarları tıklayın. Panelin sağının altındaki kutuyu bulun Ajax formunu etkinleştirin, Turuncu Kaydet düğmesini seçin ve tıklayın. İşte burada! Formunuz artık Ajax nakliye için etkinleştirildi. Ancak Ajax formunuzla birkaç önemli şeyi yapılandıralım. Adım 4: Etkinleştirilmiş Form Bildiriminizi Başlat, Ayarları Aç “Bildirimine Yapılandırın Bildirim, birisinin Ajax’ı destekleyen formlarınızdan birini ne zaman gönderdiğini öğrenmenin en iyi yoludur. E -posta mesajı almak için birisi AJAX formunuzu tamamladığında, Form Bildirimi’ni WordPress’te ayarlamanız ve e -posta adresinizi sağlamanız gerekir. Ve bildirim özelliğini devre dışı bırakmazsanız, sitenizde bir form gönderdiğinde bir e -posta bildirimi alırsınız. Birisi formunuzu gönderdiğinde birkaç bildirim de gönderebilirsiniz. Örneğin, hepinizin formda gönderilen bilgilere erişebilmesi için kendinize ve destek departmanınıza bir bildirim gönderebilirsiniz.
Ayrıca, akıllı etiketler kullanıyorsanız, kabul ettiğinizi söylemek için formunuzu tamamladıktan sonra sitenize ziyaretçilere kişiselleştirilmiş bildirimler gönderebilirsiniz.
Bu konuda daha fazla bilgi için, WordPress’te birkaç form bildiriminin nasıl gönderileceğine dair adım adım kılavuzumuza bakın. Ayrıca, özel başlık görüntü alanında seçtiğiniz herhangi bir logo veya resim ekleyerek e -posta bildirimini kolayca işaretleme seçeneğiniz vardır. Seçtiğiniz logo/resim e -posta bildiriminin üstünde görünecektir. Bu örnek gri bir arka plana sahiptir, ancak isterseniz rengi başka bir renge değiştirebilirsiniz. Bu kişiselleştirilmiş ince ayar, e -posta bildiriminizin daha profesyonel görünmesini ve onlara kişisel bir dokunuş sağlayabilir. E -posta şablonunuza özel bir başlık ekleme konusundaki kılavuzumuza bakın.
Adım 5: Ajax formunu yapılandırın onayını Onaylama Formunun, kullanıcınız formunuza bilgi gönderdikten sonra hemen (ve otomatik) işlem yapmanın bir yolu olduğunu onaylayın. Bu adımla ilgili ek yardım için, bir form onayının nasıl hazırlanacağına dair öğreticimize bakın. WPForms’ta 3 tür onay vardır:
Yönlendirme – Kullanıcıları daha karmaşık geliştirme için diğer web sitelerine veya özel URL’lere getirmek istiyorsanız kullanışlıdır.
Adım 6: Ajax formunuzu WordPress sitenizde sabitleyin, Ajax yetenekli formu istediğiniz gibi yapılandırmayı bitirdikten sonra, sitenize eklemek istersiniz.
WPForms, web sitenizde sayfalar, blog yayınları ve yan çubuk widget’ları dahil olmak üzere birkaç yere form eklemenize olanak tanır. En yaygın yerleştirme seçeneğine bakalım: sayfa gömme/yayınlar. Başlamak için, WordPress’te yeni bir sayfa oluşturun veya Gönderi oluşturun veya güncelleme ayarlarını mevcut olanlara açın. Bundan sonra, ilk bloğu (sayfa başlığınızın altındaki boş bir alan) tıklayın ve WPForms’u tıklayın. Widget WPForms simgesi, pratik olarak bloğunuzda görünecektir. WPForms açılır WPForms’a tıklayın ve sayfanıza eklemek istediğiniz formlardan birini seçin. Ajax formunuzu seçin.
Ardından, formunuzun web sitenizde görünmesi için sağ üstte okuyan veya güncelleyen mavi düğmeyi tıklayın.
Sonuç ve o o. Artık sayfaları yeniden doldurmadan basit bir WordPress Ajax iletişim formu oluşturmayı biliyorsunuz ve web sitenizi ziyaret edenler sizi bu nedenle daha çok sevecektir. Artık birileri tıkladıktan sonra açılır pencerenizin açılmasına izin verebilirsiniz, hedeflenen mesajları görüntülemek için iyi bir eklentinin kullanılmasını isteyeceksiniz. En iyi WordPress popup eklentisi hakkındaki yazımızı okuduğunuzdan emin olun.
Peki ne bekliyorsun? Bugün en güçlü WordPress form eklentisi ile başlayın. Ve bu makaleyi beğendiyseniz, lütfen diğer ücretsiz WordPress öğreticileri için bizi Facebook ve Twitter’da takip edin.
