Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

Elementor'da dosya yükleme formunun nasıl oluşturulacağını öğrenmek ister misiniz?

Muhtemelen bildiğiniz gibi, Elementor'un pro sürümü, WordPress web sitenizde formlar oluşturmak için kullanabileceğiniz bir Form widget'ı ile birlikte gelir. Bu widget ile hemen hemen tüm form türlerini oluşturabilirsiniz. Bu pencere öğesi tarafından, dosya yükleme alanı da dahil olmak üzere, yaklaşık 19 tür alan vardır.

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.

Elementor'da bir form nasıl oluşturulur

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

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

Ürünlerinizi internet üzerinden mi satmak istiyorsunuz?

Fiziksel ve dijital ürünlerinizi WordPress'te satmak ve çevrimiçi mağazanızı kolayca oluşturmak için en iyi e-ticaret eklentileri olan WooCommerce'i ücretsiz indirin. Yeni başlayanlar için mükemmel.

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

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.

Elementor'da dosya yükleme formu nasıl oluşturulur
  • Ö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.

Elementor'da dosya yükleme formu nasıl oluşturulur

Yukarıdaki hata genellikle paylaşılan bir web barındırma hizmeti kullanıyorsanız oluşur. Çoğu paylaşılan web barındırma sağlayıcısı özelliği devre dışı bırakır php send_mail, 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ş.

...