Bu makalede, ücretsiz Elementor ile nasıl form oluşturulacağını öğreneceksiniz.
Form widget'ı yalnızca Elementor Pro'da mevcut olsa da bu, Elementor'un ücretsiz sürümünde form oluşturamayacağınız anlamına gelmez.
Elementor'un ücretsiz sürümü ile oluşturduğunuz sayfaya bir form eklemeniz gerekiyorsa, bu yazıda ele alacağımız iki yöntemi kullanabilirsiniz.
Elementor, profesyonel sürüm veya ücretsiz sürüm olsun, bir form oluşturmak için kullanabileceğiniz iki widget ile birlikte gelir. Bunlar HTML ve Kısa Kod widget'larıdır. HTML widget'ı ile bir HTML formunu gömebilirsiniz, Shortcode widget'ı ise aşağıdakiler gibi kısa kod kullanan form eklentilerinden bir formu gömmenize olanak tanır: İletişim Formu 7.
HTML Widget'ını Kullanarak Elementor Ücretsiz Sürümüyle Form Oluşturun
Bu yöntem, formu oluşturmak için bir HTML becerisine sahip olmanızı gerektirir. Veya internetten bir HTML form şablonu indirebilirsiniz. W3docs'ta 60'tan fazla var HTML form şablonları Hangisini ücretsiz olarak indirebilirsiniz.
Başlamak için yeni bir sayfa oluşturun ve Elementor ile düzenleyin (Sayfalar – > Ekle). Elbette mevcut bir sayfayı da değiştirebilirsiniz. Yeni bir sayfada form oluşturmak istiyorsanız, sol alt paneldeki dişli simgesine tıklayarak form düzenini ayarlamayı unutmayın.
Düzenleme alanındaki artı düğmesine tıklayarak yeni bir bölüm ekleyin ve HTML formunu sol panelden düzenleme alanına sürükleyerek ekleyin. İstediğiniz alana yerleştirin. Ardından sol panele gidin ve formun HTML kodunu alana yapıştırın HTML Kodu sekmenin altında içindekiler.
Düzenlemeyi bitirdikten sonra sayfayı yayınlayın/güncelleyin.
Ayrıca bakınız: Elementor Widget'larını/Şablonlarını Gutenberg Blokları Olarak Kullanma
Bir şey. HTML formunuz stil için harici CSS, resimler veya JavaScript kullanıyorsa, CSS kodunu, resimleri ve JavaScript'i içeren klasörleri web sitenizin kök dizinine yüklediğinizden emin olun.
İletişim formu 7'yi kullanarak Elementor'da ücretsiz bir form oluşturun
HTML bilginiz yoksa ve bir HTML form şablonu kullanmak istemiyorsanız, eklentiyi kullanarak Elementor'un ücretsiz sürümünde bir form oluşturabilirsiniz. İletişim formu 7. Aslında başka birçok form eklentisi var. Öneririz İletişim Formu 7 çünkü WordPress için en popüler form eklentisidir ve tamamen ücretsizdir.
İlk önce eklentiyi yükleyin İletişim Formu 7. Bunu yapmak için şuraya gidin: Uzantılar – > Ekle. Arama kutusuna "contact form 7" yazın ve butona tıklayın Şimdi yükleyin bir kez bulduktan sonra.
Eklentiyi kurduktan hemen sonra etkinleştirin.
İletişim Formu 7, varsayılan bir formla birlikte gelir (bir İletişim formu ). İsterseniz kullanabilirsiniz. Bunun yerine yeni bir form oluşturmak istiyorsanız, şu adrese gidebilirsiniz: İletişim – > Ekle. Gelecekte kolayca tanımlayabilmeniz için formunuza bir ad verin.
Varsayılan olarak formunuz dört alandan oluşacaktır: ad, e-posta, konu ve mesaj.
Yeni bir alan eklemek istiyorsanız, imlecinizi yeni alanı eklemek istediğiniz alana getirin (mevcut bir alanın altına veya üstüne yerleştirebilirsiniz). Formatta yeni form alanı için etiket ekleyin <label> votre label préféré </label>.
İmlecinizi etiketin hemen sonrasına getirin ve alan sekmesinde bir alan seçin. Yeni alanınızı diğer mevcut alanlardan daha temiz hale getirmek için yeni bir satır sonu ekleyebilirsiniz.
Alanları doldurun ve tıklayın Etiketi ekle (her şeyi varsayılan olarak bırakabilirsiniz).
İletişim Formu 7, formunuz aracılığıyla gönderilen gönderileri bir e-postaya gönderir. E-postayı sekmesinden ayarlayabilirsiniz E-posta.
sekmesine gidebilirsiniz Mesajlar varsayılan mesajları geçersiz kılmak istiyorsanız. Ziyaretçileriniz formu başarıyla gönderdikten sonra görünen mesajı veya form gönderilmediğinde hata mesajını vb. özelleştirebilirsiniz.
butona tıklayın Enregistrer formu düzenlemeyi ve kısa kodu kopyalamayı bitirdikten sonra.
Yeni oluşturduğunuz formu Elementor sayfanıza eklemek için yeni bir sayfa oluşturun ve Elementor ile düzenleyin veya mevcut bir sayfayı da düzenleyebilirsiniz.
Ayrıca Oku: Akıllı Telefonlarda Elementor Açılır Penceresi Nasıl Devre Dışı Bırakılır
Formu yerleştirmek için yeni bir bölüm ekleyin ve Kısa kod widget'ı. Shortcode widget'ı eklendikten sonra sol panele gidin ve kopyaladığınız kısa kodu alana yapıştırın Kısa kod sekmenin altında içindekiler.
Düzenlemeyi bitirdikten sonra sayfanızı yayınlayın/güncelleyin.
İletişim Formu 7, şu stil biçimini kullanır: WordPress tema kullandığın İletişim Formu 7 formunuzu şekillendirebilirsiniz, ancak CSS becerileri gereklidir. Bu makaleyi şu adresten de görüntüleyebilirsiniz: Bir İletişim Formu 7 formu Essential Addons ve Elementor ile nasıl özelleştirilir.
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Yani ! Ücretsiz Elementor ile nasıl form oluşturacağınızı gösteren bu makale bu kadar. Oraya nasıl ulaşacağınızla ilgili endişeleriniz varsa, onlara 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ş.
...
