nasıl oluşturulacağını bilmek ister misiniz? İletişim formu Elementor'da mı?

İletişim sayfası, bir web sitesinin en önemli sayfalarından biridir. Genellikle bir web sitesinin onaylanıp onaylanmadığı bir parametre olarak kullanılır. Elementor bir sayfaya form eklemenize izin vermek için yerel bir pencere öğesiyle (Form pencere öğesi) birlikte gelir. Bu makale size nasıl olduğunu gösterecek.

Form widget'ının kendisi yalnızca Elementor Pro'da mevcuttur. Bu, hala ücretsiz sürümü kullanıyorsanız, pro sürümüne yükseltmeniz gerektiği anlamına gelir. oluşturmak için yalnızca Form widget'ını kullanamazsınız. İletişim formu, ancak e-posta kayıt formu, kullanıcı kayıt formu, dosya yükleme formuVb ...

Elementor'da bir iletişim formu nasıl oluşturulur

oluşturduğunuzda İletişim formu Elementor'un Form widget'ını kullanarak form verilerinin gönderileceği konumu ayarlayabilirsiniz. İster e-posta hesabınızda ister Elementor'un varsayılan form gönderim yöneticisinde.

Bu makalede, doğrudan Form widget'ını Elementor'un düzenleme kutusuna eklemeye geçeceğiz. Form widget'ını widget panelinden düzenleme kutusuna aşağıdaki gibi eklemeniz yeterlidir:

Gördüğünüz gibi, Form widget'ı otomatik olarak üç alandan oluşan bir form oluşturur.

Ayrıca Oku: Elementor'da bir fiyat tablosu nasıl eklenir

Mevcut bir alanı düzenlemek için basitçe açabilirsiniz. Alan türünü değiştirebilir, varsayılan etiketi ve yer tutucuyu geçersiz kılabilir ve isterseniz bunu zorunlu alan olarak ayarlayabilirsiniz.

Mevcut bir alanı silmek için, üzerine tıklamanız yeterlidir. X Silmek istediğiniz alanın

Yeni bir alan eklemek için düğmesine tıklamanız yeterlidir. BİR ELEMAN EKLE. Form pencere aracının kendisi yirmi tür alanı destekler.

Form eyleminin tanımlanması

Daha önce bahsettiğimiz gibi, form verilerini (göndermeleri) e-posta hesabınıza veya Elementor'un yerleşik form gönderimine gönderebilirsiniz. Hedefi ayarlamak için bloğu açabilirsiniz. Eylemleri Gönderdikten Sonra sekmenin altında içindekiler ayarlar panelinden.

Ayrıca bakınız: Elementor'da yuvarlak bir görüntü nasıl oluşturulur

Mevcut alanda tanımlamak istediğiniz bir eylemi seçin (birden fazla eylem ekleyebilirsiniz). Bu örnekte, seçiyoruz E-posta.

Form eylemini de ayarlarsanız E-postada, bloğu açabilirsiniz E-posta form verilerini almak için e-posta adresini tanımlamak için. Gördüğünüz gibi, isterseniz konuyu da ayarlayabilirsiniz.

Varsayılan olarak Elementor, formdaki tüm alanların içeriğini içerir. Yalnızca belirli alanlardan içerik eklemek istiyorsanız, tercih ettiğiniz alanların kısa kodlarını alana yapıştırabilirsiniz. Mesaj.

Örneğin, aşağıdaki ayar yalnızca mesaj alanının içeriğini gönderir.

Bir alanın kısa kodunu almak için sekmeye tıklayabilirsiniz. İLERİ bloğun ilgili alanında Form alanları.

mesajların tanımı

Form verileri başarıyla gönderildiğinde, ziyaretçileriniz formun altında başarılı bir mesaj görecektir. Aynı şekilde, form verileri gönderilmediğinde de bir hata mesajı göreceklerdir.

Ayrıca bakınız: Elementor ile ekip üyesi bölümü nasıl oluşturulur

Bu varsayılan mesajların yanı sıra diğer iki mesajı bloktan geçersiz kılabilirsiniz. Ek seçenekler sekmenin altında içindekiler ayarlar panelinden. etkinleştir Özel mesajlar Varsayılan mesajları geçersiz kılmak için

Elementor'da bir iletişim formu nasıl oluşturulur

Formu özelleştirme

Altındaki temel ayarları yaptıktan sonra İçerik sekmesi ayarlar panelinden geçiş yapabilirsiniz. stil formu özelleştirmek için. Burada açabileceğiniz beş blok var.

  • form

Formun sütunları ve satırları arasındaki boşluğu, etiket aralığını, form etiketinin tipografisini (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili vb.) ve sonraki metnin rengini tanımlamak için bu bloğu açabilirsiniz.

  • Alan

Alan metninin tipografisinin yanı sıra form alanlarının rengini, arka plan rengini, boyutunu, kenarlık rengini ve kenarlık yarıçapını tanımlamak için bu bloğu açabilirsiniz.

  • Düğmeler

Gönder düğmesini özelleştirmek için bu bloğu açabilirsiniz. Düğme metni tipografisinin yanı sıra renk, arka plan rengi, kenarlık yarıçapı, kenarlık boyutu, kenarlık rengi ve metin dolgusu gibi şeyleri ayarlayabilirsiniz. Düğmenin boyutunu ayarlamak için bunu bloktan yapabilirsiniz. düğmeler altında İçerik sekmesi.

  • Mesajlar

Mesaj metninin renginin yanı sıra tipografiyi de tanımlamak için bu bloğu açabilirsiniz.

  • Basamaklar

Bu bloğu yalnızca çok adımlı bir form oluşturmak istiyorsanız açabilirsiniz.

Formu ve sayfayı özelleştirmeyi tamamladığınızda sayfanızı yayınlayabilirsiniz.

Potansiyel hata

Form eylemini şu şekilde ayarladığınızda yaygın hatalardan biri E-posta formun gönderilmemiş olmasıdır. Bunun yerine, aşağıdaki mesajı göreceksiniz.

Elementor'da bir iletişim formu nasıl oluşturulur

Elementor ve çoğu iletişim formu eklentisi - İletişim Formu 7 dahil - WordPress'in varsayılan posta teslimi özelliğini kullanır. wp_mail. Bu işlev, işleve bağlıdır posta göndermek hangi PHP'nin çalışmasına bağlıdır.

Ayrıca okuyun: Elementor'da referans kaydırıcısı nasıl eklenir

Ne yazık ki, tüm sağlayıcılarağ sağlayıcısı işlevi etkinleştirmeyin posta göndermek PHP'nin. Bu durumda formunuz gönderilmeyecektir. Bunun yerine, yukarıdaki gibi bir hata mesajı alacaksınız.

Sorunu çözmek için WordPress'inize özel bir posta dağıtım hizmeti yükleyebilir ve yapılandırabilirsiniz. Alternatif olarak, mümkünse barındırma sağlayıcınızdan özelliği etkinleştirmesini isteyebilirsiniz. posta göndermek PHP'nin.

Sonunda

Elementor, en kapsamlı sayfa oluşturucu eklentilerinden biridir. Bir iletişim formu da dahil olmak üzere sayfaya kolayca öğe eklemeniz için bir dizi tasarım öğesi (widget olarak adlandırılır) ile birlikte gelir.

Kendi tasarımınızla sıfırdan bir iletişim formu oluşturmak için Form widget'ını kullanabilseniz de, Elementor kullanabileceğiniz form şablonları da sunar. hatta yapabilirsin iletişim sayfası oluştur (elbette iletişim formuyla birlikte) bir şablondan.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da nasıl iletişim 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ş.

...