Elementor'da dosya yükleme formunun nasıl oluşturulacağını öğrenmek ister misiniz?
Muhtemelen bildiğiniz gibi Elementor'un profesyonel sürümü, form oluşturmak için kullanabileceğiniz bir Form widget'ıyla birlikte gelir. formlar WordPress web sitenizde. Bu widget ile hemen hemen her türden oluşturabilirsiniz. formlar. Bu pencere öğesi tarafından sunulan yaklaşık 19 alan türü vardır. yüklemek daha fichier.
Bu yazıda size dosya yükleme alanından oluşan bir form oluşturmayı göstereceğiz.
Ancak, başlamadan önce Elementor sürümünüzü Pro sürümüne yükselttiğinizden emin olun, çünkü Form widget'ı yalnızca Elementor Pro'da kullanılabilir.
Rehberimizi okuyun: WordPress'te Elementor nasıl kurulur
İlk olarak, yeni bir sayfa oluşturun veya bunu Elementor ile yayınlayın ve düzenleyin.
Formunuzu eklemek için sayfayı oluşturmaya başlamadan önce düzeni ayarlayın. Bunu yapmak için sol panelin sol alt köşesindeki dişli simgesine tıklayın. Açılır menüden tercih ettiğiniz düzeni ayarlayın düzen.
Elementor'un düzenleme kutusundaki artı simgesine tıklayarak yeni bir bölüm ekleyin. Oluşturmak istediğiniz tasarım konseptine göre herhangi bir yapıyı seçebilirsiniz. Bu örnekte tek bir sütun yapısı seçiyoruz.
Form widget'ını sol panelden tuval alanına sürükleyerek ekleyin.
Varsayılan olarak, üç alandan oluşan bir formunuz vardır: Ad, E-posta ve Mesaj. İhtiyacınız olmayan bir alanı, alandaki x simgesine tıklayarak kaldırın.
Bu yazımızda Ad, E-posta, Mesaj ve Dosya yükleme olmak üzere 4 alandan oluşan bir form oluşturacağız. Formda varsayılan olarak sadece 3 alan bulunduğundan Dosya Yükleme alanı için yeni bir form eklemeniz gerekmektedir.
Ayrıca Oku: Elementor formunuza reCAPTCHA nasıl eklenir
düğmesine tıklayın BİR ÖĞE EKLE Yeni bir alan eklemek için Alan türünü tanımlayın Dosya Yüklemede. Zorunlu alan olarak tanımlamak istiyorsanız seçeneği aktif ediniz. Gereklidir. Açılır menüden maksimum dosya boyutunu şu şekilde ayarlayın: Maksimum Dosya Boyutu.
İzin verilen dosya türlerini tanımlamak için dosya uzantılarını girin İzin Verilen Dosya Türleri. Dosya uzantılarını virgülle ayırarak birden çok dosya türünü kabul edebilirsiniz. Ziyaretçilerinizin birden fazla dosya göndermesine izin vermek istiyorsanız, seçeneği etkinleştirin. Çoklu Dosyalar ve indirebilecekleri maksimum dosya sayısını ayarlayın.
Alanların sırasını değiştirmek isterseniz, her alanı yukarı veya aşağı sürükleyebilirsiniz. Bu örnekte, Dosya Yükleme alanını Mesaj alanının üstüne yerleştiriyoruz.
action'un tanımı
Elementor formunuzu şu şekilde bağlayabilirseniz harika olur. form arka uç hizmetleri gibi alın ou Taşıyıcı. Ne yazık ki Elementor, herhangi bir form arka uç hizmetiyle entegrasyonu desteklemez.
Nasıl olduğunu öğrenin: Elementor'da bölüm oluşturmak için bölücü nasıl eklenir
Bu yazıda, e-postadaki eylemi tanımlayacağız. Bu, formunuz aracılığıyla gönderilen gönderilerin belirtilen e-posta yoluyla gönderileceği anlamına gelir.
Varsayılan olarak, form eylemi e-posta olarak ayarlanmıştır. Bunu seçenekten kontrol edebilirsiniz Gönderdikten Sonra Yapılacak İşlemler.
Ardından seçeneği açın E-posta ve form gönderimlerinin gönderileceği e-posta adresini ayarlayın. Ayrıca e-postanın konusunu da tanımlayın.
Her zaman seçeneğin altında E-posta, e-posta gövdesini seçeneğe ayarla Mesaj.
E-postanın gövdesini özelleştirmek için gövdeye eklemek istediğiniz alanların kısa kodlarını yapıştırabilirsiniz. Bunları sekmede bulabilirsiniz İLERİ her alanın.
E-postanızın gövde meta verilerini de bu bölümde özelleştirebilirsiniz. Meta Veri. Dahil etmek istemediğiniz tüm meta verileri kaldırın.
Meta verilerin kendisi e-postanın gövdesinin altında görünecektir.
Alanlarında E-posta gelen, İsimden ve Cevaptan, onları boş bırakabilirsiniz.
Formu özelleştirme
Şimdiye kadar formunuz yayınlanmaya hazır. Yayımlamadan önce formu daha çekici hale getirmek için özelleştirebilirsiniz. Varsayılan olarak, formunuzdaki her alan bir etiket içerir. Kapatmak istiyorsanız, bunu şuradan yapabilirsiniz: Form Alanları seçeneği altında İçerik sekmesi.
Daha gelişmiş stil seçenekleri oluşturmak için sekmeye erişebilirsiniz. Stil. İşte ayarlayabileceğiniz bazı stil seçenekleri.
- Etiketlerin tipografisi ve çizgiler arasındaki boşluğu tanımlayın
Etiketlerin tipografisinin yanı sıra çizgiler (alanlar) arasındaki boşluğu tanımlamak için seçeneği açabilirsiniz. Formu.
Bölümdeki satır boşluğunu ayarlayın Satır Boşluğu. Etiketlerin tipografisini (yazı tipi boyutu, yazı tipi stili ve yazı tipi ailesi) tanımlamak için kalem simgesine tıklayabilirsiniz. matbaacılık bölümünde Etiket.
- Alan tipografisini, arka plan rengini, kenarlık rengini, kenarlık genişliğini ve kenarlık yarıçapını tanımlayın
seçeneği açabilirsiniz Alan kontrolün tipografisini, kontrolün arka plan rengini, kenarlık rengini, kenarlık genişliğini ve kenarlık yarıçapını tanımlamak için.
- Özelleştir düğmesi
Düğmeyi özelleştirmek için seçeneği açabilirsiniz. Düğmeler. Buradan arka plan rengini, metin rengini, tipografiyi, kenarlık rengini, kenarlık yarıçapını vb. ayarlayabilirsiniz ... Sekmeye geç HOVER Düğme işaretini özelleştirmek için.
Ayarlayabileceğiniz birkaç başka özelleştirme seçeneği vardır. Formunuzun görünümünden memnun kalana kadar sol panelle oynayabilirsiniz. Bittiğinde, düğmeye tıklayabilirsiniz YAYINLA formunuzu yayınlamak için
Potansiyel hata
Formunuzu test ettiğinizde hata mesajları görünebilir. Aşağıda bir hata örneği verilmiştir.
Yukarıdaki hata genellikle bir hizmet kullanıyorsanız ortaya çıkar.ağ sağlayıcısı paylaşım. Çoğu sağlayıcıağ sağlayıcısı paylaşılan devre dışı bırakma işlevi php gönder_posta, WordPress işlevselliği tarafından kullanılan wp_mail e-posta göndermek için.
Elementor Pro'yu Hemen Alın!
Sonuç
Burada ! Elementor'da nasıl dosya yükleme formu oluşturacağınızı 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ş.
...
