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 nasıl iletişim formu oluşturulacağını bilmek ister misiniz?

İ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üme yükseltmeniz gerektiği anlamına gelir. Form pencere aracını yalnızca bir iletişim formu oluşturmak için kullanmakla kalmaz, aynı zamanda e-posta kayıt formu, e-posta kayıt formu, kullanıcı, dosya yükleme formuVb ...

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

Elementor'un Form widget'ını kullanarak bir iletişim formu oluşturduğunuzda, form verilerinin nereye gönderileceğini tanımlayabilirsiniz. İster e-posta hesabınızda isterse Elementor'un varsayılan form gönderme yöneticisinde olsun.

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

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.

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

Ü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.

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.

  • adımlar

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 web barındırma sağlayıcıları bu özelliği etkinleştirmiyor 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ı kullanabilirsiniz, ancak Elementor'da kullanabileceğiniz bazı form şablonları da vardır. Hatta bir şablondan bir iletişim sayfası (tabii ki iletişim formuyla birlikte) oluşturabilirsiniz.

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ş.

...

0 hisseleri
hisse
cıvıltı
Enregistrer