Nasıl oluşturulacağını bilmek ister misiniz? formulaire ile birkaç adımda Elementor ?
Typeform'u biliyor musunuz? O bir yaratıcıdır formlar etkileşimli tarzıyla tanınan popüler çevrimiçi platform. Typeform'da oluşturabilirsiniz formulaire çok çeşitli amaçlar için çok adımlı etkileşimli çevrimiçi oyun.
Tarafından desteklenen WordPress tabanlı bir web siteniz varsa Elementor, zahmetsizce entegre edebilirsiniz formlar Essential Addons kullanarak typeform.
Ayrıca bakınız: Elementor'da bir fiyat tablosu nasıl eklenir
Ancak 2.9 sürümünden beri, Elementor oluşturmak için kullanabileceğiniz bir özelliğe sahiptir. formlar birkaç aşamada. Bu yazımızda size bunu nasıl yapacağınızı göstereceğiz.Elementor.
Un formulaire çoklu adımın kendisi, tasarımınızda (bir sayfa veya tema oluşturucu şablonu olsun) yerden tasarruf etmek için harika bir fikirdir. Uzun bir formu daha basit bir forma kısaltmanıza olanak tanır.
Elementor'da Çok Adımlı Form Nasıl Oluşturulur
Başlamadan önce, Form widget'ı (form oluşturmak için Elementor widget'ı) yalnızca profesyonelde mevcut olduğundan, yapmadıysanız, Elementor'unuzu profesyonel sürüme yükselttiğinizden emin olun.
Ayrıca Oku: Elementor'da bir iletişim formu nasıl oluşturulur
Bu makalede, doğrudan Form widget'ını eklemeye geçeceğiz. Oluşturacağımız çok adımlı form aşağıdaki gibi üç adımdan oluşmaktadır:
- 1. Adım: Ad ve cinsiyet
- 2. Adım: Telefon ve e-posta
- 3. Adım: Radyo düğmesi
İlk olarak, Form widget'ını Elementor'un düzenleme kutusuna sürükleyin.
Ayarları yapmak için sol taraftaki ayarlar paneline gidin. blokta Form alanları altında İçerik sekmesi, alanları ihtiyaçlarınıza göre tanımlayın. Bizim durumumuzda, alanlar aşağıdaki gibidir:
- Soyad
- Tarz
- telefon
- E-posta
- Hobi
İhtiyacınız olan form alanlarını eklemeyi ve tanımlamayı tamamladığınızda, başka bir alan ekleyin ve alan türünü şu şekilde ayarlayın: adım.
Ayrıca bakınız: Elementor'da yuvarlak bir görüntü nasıl oluşturulur
Bu adım, otomatik olarak üst sıraya yeni bir alan ve alt sıraya yeni bir alan ekler. Üst alanın etiketini şöyle bir şeye ayarlayabilirsiniz: 1 adım.
Ardından alttaki alanı sürükleyin ve ikinci adımdaki alanın hemen üstüne yerleştirin (bu durumda Telefon alanı).
Başka bir alan ekleyin ve alan türünü ayarlayın Adımda. Üçüncü adımda (bu durumda Hobi alanı) alanın hemen üzerine sürükleyin ve yerleştirin.
Buraya. Formu özelleştirmeden önce sonucu önizleyebilirsiniz. Varsayılan olarak, adım türü sayı ve metin olarak ayarlanmıştır.
Bloktan düzenleyebilirsiniz Adım parametreleri sekmenin altında İçerik.
sekmesine ulaşabilirsiniz stil formunuzu özelleştirmek için. Açabileceğiniz 5 ayar bloğu vardır.
- form : formun sütunları ve satırları arasındaki boşluğu, formun etiketlerinin tipografisini (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili vb.) ve sonraki metnin rengini tanımlamak için bu bloğu açabilirsiniz. .
- Alanlar : Form alanlarının tipografisini, alanların metin rengini, arka planı, bordür genişliğini, bordür rengini ve bordür yarıçapını tanımlamak için bu bloğu açabilirsiniz.
- Buton : Düğmeleri özelleştirmek için bu bloğu açabilirsiniz. Gönder düğmesi, önceki düğme veya sonraki düğme olsun. Metnin tipografisi, metnin rengi, arka plan rengi vb. öğeleri tanımlayabilirsiniz.
- Mesaj: Mesajların tipografisini ve metnin rengini tanımlamak için bu bloğu açabilirsiniz.
- Adımlar: Adımların tipografisini, rengini, ayırıcının genişliğini, ayırıcının boşluğunu vb. tanımlamak için bu bloğu açabilirsiniz ...
Şablonunuzu düzenlemeyi bitirdikten sonra yayınlayabilir veya güncelleyebilirsiniz.
Ayrıca okuyun: Elementor ile ekip üyesi bölümü nasıl oluşturulur
Yeni oluşturduğunuz formu bir Gutenberg sayfasına eklemek isterseniz (veya belki bir blog gönderisine eklemek isterseniz), Form pencere aracını global bir pencere öğesi olarak kaydedebilirsiniz. Ardından eklentiyi kullanarak widget'ı içe aktarabilirsiniz. Gutenberg için Elementor Blokları.
Elementor Pro'yu Hemen Alın!
Sonuç
Burada ! Elementor ile çok adımlı bir formun nasıl oluşturulacağını gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.
Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
