Koşullu Mantık ile Çok Yönlü Divi İletişim Formu Nasıl Oluşturulur

Her ziyaretçi sitenize aynı nedenle gelmez. Muhtemelen müşteriler ve müşteriler için tek bir seçenek değil, bir dizi ürün veya hizmet sunuyorsunuz. Bu nedenle, birden fazla hedeflenmiş iletişim formuna sahip olmak, sitenizin UX'ini yumuşatmaya yardımcı olabilir, böylece müşterileriniz (ve potansiyelleriniz) tam olarak ihtiyaç duydukları şey hakkında mümkün olduğunca az sürtüşmeyle sizinle iletişime geçebilir. Divi iletişim formu modülünü ve koşullu mantık özelliğimizi kullanarak, siz ve kullanıcılarınız arasında mümkün olan en iyi iletişim hattını oluşturma konusunda size yol göstereceğiz.

Koşullu İletişim Formunun Önizlemesi

Her şey söylenip yapıldığında, sitenizde buna benzer bir şey ziyaretçilerinizin kullanımına hazır olacak.

masaüstü

Mobil

Koşullu Mantık nedir?

İlk olarak, koşullu mantık ile ne demek istediğimizi kısaca ele almak istiyoruz. Bu eğitimde yapacağımız şey, kullanıcının yaptığı veya yapmadığı seçimlere bağlı olarak görünen bir dizi iletişim formu oluşturmaktır.

Örneğin, ziyaretçinin ihtiyaç duyduğu hizmet veya ürüne göre ayarlanan tek bir iletişim formunuz olabilir. Bu şekilde, bilgiyi yazmak zorunda kalmadan ihtiyacınız olan formatta alabilirsiniz. İletişim formlarındaki koşullu mantık, iletişimi geliştirebilir ve kullanıcılarınıza sağlama yeteneğinizi hızlandırabilir.

Bunu akılda tutarak, hedeflenen iletişim formlarını oluşturmaya başlayalım.

Koşullu Mantığı Kullanarak İletişim Formları Nasıl Oluşturulur

Divi Builder'ı yükleyin

Divi İletişim Formu modülünü kullandığımız için Divi Builder'a girmemiz gerekecek. Bu eğitimde örnek olarak Peyzaj Bakım düzeni paketini kullanacağız. İstediğiniz düzeni veya tasarımı kullanabilirsiniz, ancak Divi İletişim Formu Modülünü kullanabilmeniz ve stil verebilmeniz gerekir.

Başlamak için WordPress web sitenizin arka ucundan Divi Builder'a girin. Sayfa Düzenleyicinin içinde Divi Builder Kullan (veya Sayfayı zaten oluşturduysanız Divi Builder ile Düzenle) yazan mor bir düğme göreceksiniz.

İletişim Formu Modülünü Ekleyin veya Bulun

Sonra sayfasındaki mevcut İletişim Formu Modülü bulmak veya Siyah + Çember simgesini tıklatın ve açılır menüden İletişim Formunu bulmak isteyecektir.

İletişim Formu Ayarlarına Girin

Divi İletişim Formu modülü varsayılan olarak 3 alanla gelir: Ad , E-posta ve Mesaj . Yapacağımız şey, ziyaretçi bize sorgularını yönlendirebilmemiz için yeterli bilgi verene kadar bu seçeneklerin görünmediği bir iletişim formu oluşturmak.

İlk Koşullu Soruyu Ekle

İçerik sekmesi altında ve formda bulunan tüm alanların altında Yeni Alan Ekle düğmesini göreceksiniz. Bunu tıklayın.

Bunu yapmak, Alan Ayarları penceresini açar ve Alan Kimliği ve Başlık girişleri için yerleri görmeniz gerekir. Alan Kimliği sizin için. İzlemeniz için modül ayarlarının içinde görünen budur. Başlık , ziyaretçilerinizin formun ön ucunda göreceği metindir. (Başlık, form gönderildiğinde aldığınız e-postada da görünecektir.)

Alan Kimliğini "Koşullu" olarak etiketledik çünkü bu, ziyaretçinin formda göreceği ilk sorudur. Buna verdikleri yanıt, bundan sonra ne göreceklerini belirleyecektir. Bu, formun soru ve cevaplarının akışını izlemenin kolay bir yoludur.

Alan Seçenekleri Ekle

Ardından, İçerik Sekmesi altında Alan Seçenekleri bölümüne gidin. Bu, kullanıcının seçebileceği seçenekleri ekleyeceğiniz yerdir. Bunların her biri, belirli takip soruları için bir tetikleyici olacaktır. Bu örnekte, giriş tipimiz olarak Onay Kutuları kullanıyoruz. Bu, kullanıcının istediği kadar seçebileceği anlamına gelir.

Divi, Onay Kutularına ek olarak başka seçeneklere de izin verir: Kullanıcının kendi yazdığı yanıtlar için Giriş Alanı ve Metin Alanı , Sağladığınız tekil seçenekler için Açılır Listeyi Seç ve Radyo Düğmeleri ve ayrıca e-posta adresi girişi için E- posta Alanı . Varsayılan Ad alanı bir Giriş Alanıdır ve Mesaj bir Metin Alanıdır .

Onay Kutuları seçiliyken, daha sonra farklı seçenekleri tetiklemek istediğimiz seçenekleri gireceğiz. Ardından, kullanıcının formu zamanından önce gönderememesi için bunun Zorunlu Alan olduğundan emin olmak isteriz.

Bu adıma Koşullu Mantık eklemediğimizi burada belirtmek önemlidir. Bu tetikleyicidir, bu nedenle ne olursa olsun kullanıcıya görünür.

Koşullu Yanıtlar için Yeni Alanlar Ekle

Ancak daha sonra, takip yanıtları olarak eklediğimiz yeni Alanlar için Koşullu Mantık ekleyeceğiz. İlk soru için 3 seçenek eklediğimiz için, forma 3 yeni karşılık gelen alan ekleyeceğiz . Her biri için aşağıdaki adımları tekrar edeceksiniz.

Yeni Alanlarda Koşullu Yanıtları Adlandırın

Koşullu 1 (ilk koşullu tetikleyiciyi belirtmek için) ve ardından takip yanıtları için 1a , 1b ve 1c adlandırma kuralı kullandığımızı unutmayın. Ayrıca ne olduklarını takip edebilmemiz için onları uygun şekilde etiketledik.

İlk soru gibi, başlığı da ziyaretçinin göreceği soru olarak gireceğiz.

Yanıt Alanlarına Koşullu Mantık Ekle

Bundan sonra, o alanın İçerik sekmesinin altındaki Koşullu Mantık bölümüne gidin. Koşullu Mantık için geçişi etkinleştirin. Ardından, bunun için İlişki'yi seçin, yani bunu herhangi birine (herhangi bir sayıda yanıt bu seçeneğin açılmasına neden olabilir) veya tümüne (yalnızca belirli yanıt kombinasyonları bu alanın görünmesini sağlar) ayarlayabilirsiniz.

Bizim gibi yalnızca tek bir tetikleme kuralı kullanıyorsanız, herhangi biri veya tümü işe yarayacaktır.

Kurallar altında, bunu tetikleyen alanı göreceksiniz ve sağda, hangi seçeneğin tetikleyeceğini seçebilirsiniz. Merkez, eşittir, eşit değildir, küçüktür, büyüktür vb. gibi niteleyicidir. Bu özel alan için Koşullu 1 olarak belirlediğimiz soruyu ve ardından içinde bu alanı özel olarak tetikleyen seçeneği seçiyoruz.

Bunu Tüm Koşullu Yanıtlar için tekrarlayın

Tek koşullu sorumuza üç farklı yanıt eklediğimiz için diğer alanlar için de aynı işlemi tekrarlayacağız. Yalnızca bu seçim için uygun bağıntılı yanıtları oluşturma.

İletişim Formu Fiends 'Ad/E-posta/Mesaj'ı Görünecek Şekilde Ayarlayın

Koşullu mantık için yanıtları ayarladıktan sonra, ziyaretçinin formu gerçekten gönderebilmesini istiyoruz. Bunun için Name , Email ve Message alanlarında Koşullu mantığı ayarlayacağız. Bunların her biri için kurulum tamamen aynıdır, bu yüzden bir kez daha bunu 3 kez tekrar edeceksiniz.

Ad , E-posta ve Mesaj alanları ayarlarının içinde Koşullu Mantık'a gidin. Etkinleştirin ve koşullu takip sorularınıza nihai yanıtlarınız olduğu kadar ekleyin. Bizim durumumuzda 3 takip sorumuz var, bu yüzden 3 kural kullanıyoruz.

Her kural için tetikleyici olarak takip sorusunu seçin. Niteleyiciyi boş değil olarak ayarlayın, yani ziyaretçi soruyu yanıtladığı sürece koşul karşılanır. Bu, herhangi bir cevabın yeterli olduğunu gösteren son kutuyu grileştirecektir.

Değişikliklerinizi kaydedin ve form gönderimine izin vermek için görünmesini istediğiniz tüm alanlar için bunu tekrarlayın . Ve bu kadar! Formunuz hemen kullanıcılarınızın ihtiyaçlarına göre kendini ayarlayacaktır.

Nihai sonuçlar

Aşağıda koşullu mantığın pratikte nasıl çalıştığını görebilirsiniz.

masaüstü

Mobil

Toplama

İletişim formu, bir web sitesinin en yaygın unsurlarından biridir. Hemen hemen her sitenin bir tane vardır ve hemen hemen her sitenin bir taneye ihtiyacı vardır. Ancak her kullanıcı sitenize aynı nedenle gelmez. Divi'nin koşullu mantık özelliğini kullanarak, iletişim formlarınızı, kullanıcılarınızın iletişim kurması için çok yönlü bir araca dönüştürebilirsiniz.

Divi Koşullu Mantık özelliğini kullanarak ne tür formlar oluşturdunuz?

Makale özellikli görsel Kubko / Shutterstock.com