Bir Elementor ile Kişi Formu Nasıl Oluşturulur (Ücretsiz ve Ücretli Yöntem)
Hangi tür site çalıştırırsanız olun, bir iletişim formuna ihtiyacınız vardır. Beklentiler üretebilir, bağlantılar ve ilişkiler kurabilir, kullanıcıların size sitenizle ilgili sorunlar ve aradaki her şeyi anlatmalarına izin verebilirler. WordPress’te bir iletişim formu oluşturmanın karmaşık olması gerekmez. Aslında, Elementor sayfası üreticisi ile bu öncekinden daha kolay! Bu makalede, Elementor ile bir iletişim formu oluşturmayı, mevcut çeşitli seçenekleri nasıl göreceğinizi göstereceğiz ve Elementor’daki iletişim formları hakkında bilinmesi gereken her şeyi keşfedeceğiz. Başlayalım!
İçindekiler
Elementor ile bir iletişim formu nasıl oluşturulur
Pro Elementor ile iletişim formunu ekleyin
Adım 1: Sayfanıza Elementor Contact Widget’ı ekleyin
Adım 2: İletişim formu alanınızı hazırlayın
Adım 3: Alanı Elementor iletişim formunuza ekleyin
4. Adım: Form gönderinizin nereye gittiğini ayarlayın
Adım 5: Elementor iletişim formu mesajını ayarlayın
Adım 6: Elementor iletişim formunuzu düzenleme
Adım 7: Elementor iletişim formunuzu yayınlayın
Ücretli yöntemi ne zaman kullanmalı
Pro Elementor’u ne zaman kullanmamalısınız?
Elementor’a ücretsiz bir iletişim formu ekleyin
5 Üst eleman dostu iletişim formunun eklentisi
Elementor’a bir iletişim formu nasıl yerleştirilir
Son zihin
Elementor ile bir iletişim formu nasıl oluşturulur Web sitenize iletişim formları eklemek için kullanabileceğiniz iki yöntem vardır.
Ücretli yöntem: Bu, Inhouse Elementor Widget’ı kullanır. Elementor ve Elementor Pro’yu yüklemelisiniz.
Ücretsiz yöntem: Burada, Elementor ile oluşturduğunuz sayfaya veya gönderiye üçüncü taraf eklentisini ve formları yerleştirmeniz gerekir. İki yöntemin kendi artıları ve eksileri vardır. Bir sonraki bölümde, her birini keşfedeceğiz. Pro Elementor ile bir iletişim formu ekleyin Bu yöntemde, bir Elementor Pro lisansı satın almanız gerekir. Kesinlikle tavsiye ediyoruz çünkü formun görünümünü ve hissini istediğiniz gibi ayarlayabilir ve web sitesini eşleştirebilirsiniz.
Bu yöntemle, yalnızca tüm Cool Elementor Pro widget’larına erişmekle kalmaz, aynı zamanda eşlik eden büyük şablon kitaplığına da erişebilirsiniz. Ardından, Pro Elementor ile web sitenizi tamamen değiştirebilirsiniz! Elementor Pro ile Kişi Formu Nasıl Eklenir. Kişi formunu sitenize nereye koyacağınızdan emin değilseniz, ana sayfanız ve sayfanız iletişim formları için mükemmel bir yerdir.
Panel düzenleyicisindeki Elementor’da sayfanızı açtıktan sonra, iletişim formu widget’ı kullanabilirsiniz:
Elementor’da bu “Form” adlı bir widget. Widget formunu sayfanıza sürükleyin ve iletişim formunun temel çıktısını şöyle göreceksiniz:
İleti
Temel iletişim formları için ihtiyacınız olan tek şey budur. Peki ya daha fazla alan istiyorsanız? Müşterinin bütçesini bilmek ister misiniz? Veya bir mesaj aldığınızda, uygun beklentileri ve olmayanları hızlı bir şekilde daraltabilirsiniz? Bir sonraki adımda bunları keşfedelim.
Bu, iletişim formunuzda aşağıdakiler gibi yeni bir öğe oluşturacaktır:
Gördüğünüz gibi, çeşitli ayarlar var, bakalım: Tür – Bu, forma eklemek istediğiniz alan türüdür. Birkaç farklı alan türü vardır: Metin
E -MAIL
metin alanı
Url
Televizyon
Radyo
Seçmek
Onay kutusu
Resepsiyon
Sayı
Tarih
Zaman
Dosyaları yükle
Şifre
HTML
Gizlenmiş
recaptcha
Recaptcha V3
Bal Konteyneri
Fiuh! Birçok alan türü var! Çoğu açıktır, ama belki de iyi düşündüğünüz bazıları vardır, bu nedir? Merak etme. Her şeyi açıklayacağız. Sırada “Etiket” seçeneği. Etiket, temas formunun üzerinde görüntülenen alan alanının adıdır. Bu, kullanıcının beklenenleri girdiğini gösterir, bu yüzden açıklayıcı bir şey olduğundan emin olun! Sonra bir “yer tutucu” ayarı vardır. Yer tutucu, kullanıcı herhangi bir veri girmediğinde form alanında görüntülenen şeydir. Yer tutucu metnini hangi bilgileri girmek istediğinize bir örnek olarak ayarlamak çok yararlı. Örneğin, yer tutucu olarak ‘e -posta adresi’ eklemek, kullanıcıya o alanda bir e -posta adresi beklediğinizi söyler. Arkadan ikinci ayar “gerekli”. Bu, etkinleştirildiğinde, kullanıcıların alanı doldurmadan form göndermelerine izin vermeyecek basit bir anahtardır. Son olarak sütun genişliği ayarıdır. Kolonun genişliğini ayarlamak, alanı gerektiği gibi uyumlu hale getirmenizi ve biriktirmenizi sağlar.
Örneğin, genişliği% 50’ye ayarlarsanız ve% 50’de başka alanlar eklerseniz, alan yan yana görüntülenir, Elementor ile iletişim formlarınızı tasarlama özgürlüğü verir.
Gelişmiş sekme
Sırada yeni alan ayarlarının “Devam” bölümündeki seçenek var.
Bu sekmede çok fazla seçenek yok, ancak varsa, daha kafa karıştırıcı.
Varsayılan değer – Bu, alanın varsayılan değeridir ve yer tutucudan farklıdır. Bu, kullanıcı kendi değerlerini eklemiyorsa, varsayılan olarak çeşitli değer türleri belirlendiğinde kullanılan isteğe bağlı ayardır. Örneğin, Form.id – Alan Kimliği’ndeki minimum değer veya sipariş, verileri o alandaki depolamak için kullanılır. Genellikle bunu değiştirmenize gerek yoktur, ancak benzersiz olmalıdır.
Kısa Kod – Kısa kod, sayfanızın herhangi bir yerinde alanları almak için kullanılabilir. Genellikle bunu kullanmanıza gerek yoktur. Vay canına, bu çok fazla seçenek! Umarım şimdi hepsinin ne anlama geldiğine dair iyi bir fikriniz vardır.
Adım 4: Form gönderinizin Elementor Düzenleyicisine nereye gittiğini ayarlayın, mevcut seçenekleri görüntülemek için “E -posta” yı tıklayın: E -posta için birçok alan vardır. Kutunun dışında, her şey daha önce doldurulmuştur, bu nedenle belirli bir şeye ihtiyacınız yoksa, bunu başarabilir ve sayfanızı kaydedebilirsiniz. Elementor iletişim formunuz için ayarlar olasılığı hakkında daha fazla bilgi edinmek istiyorsanız, okumaya devam edin. İşte tüm seçenekler ve yaptıkları:
– e -posta adresi formu göndermektir. Birkaç e -posta adresine gönderilebilir. Bir virgülle ayrılmış e -posta adresini girin.
Konu – E -posta ile gönderilen e -posta konu, e -posta istemcinize görüntülenir.
Mesaj – Burada, iletişim formunuzdan hangi alanların gönderildiğini ayarlayabilirsiniz. Bir alan oluştururken daha önce keşfettiğimiz kısa kodu kullanarak, yalnızca tüm nakliye alanlarını göndermek veya kabul etmek için bunlardan bazılarını düzenleyebilirsiniz.
E -postadan – e -postayı gönderen kaynak e -posta adresi.Formu gönderen kişinin adlarından tüm yayınlarınızı almanız için e -posta adresini beyaz listeye girdiğinizden emin olun.
Bu alan, e-posta istemcinizdeki “Yanıt” ı tıkladığınızda yanıt vermeyi amaçlayan e-posta adresidir.Varsayılan olarak, bu web sitesi yöneticisinin bir yöneticisidir, ancak değiştirmek isteyebilirsiniz.Açılır kutuya tıklayın ve “E -posta Alanı” olarak ayarlayın.
CC – CC e -postasındaki kimse ister misiniz?E -posta adreslerini buraya girin, birkaç e -posta adresine gönderin (koma ile ayrılmıştır).
BCC – BCC’ye göndermeniz mi gerekiyor?E -posta adreslerini buraya girin, birkaç e -posta adresine gönderin (koma ile ayrılmıştır).
Ardından, form göndererek gönderilebileceğiniz meta veri içeren bir meta kutusu göreceksiniz.
Genellikle bunu değiştirmenize veya düzenlemenize gerek yoktur. Son olarak, “Gönder” seçeneği vardır. Gönder seçeneği, sıradan metin veya html olarak gönderilen girişlerin gönderilmesini seçmenizi sağlar (varsayılan olarak HTML). Bir kez daha genellikle bunu değiştirmenize gerek yoktur. Daha sofistike bir özellik, mesajları performansa göre değiştirme yeteneğidir. Form mesajlarını değiştirme, son kullanıcılara sıkıcı bir robot gibi görünmekten daha kişiselleştirilmiş geri bildirim sürecinin daha kişiselleştirilmesine izin verir. Ancak Elementor iletişim formunuz için hangi mesajı ayarlayabilirsiniz? İlk olarak, özel bir mesajı etkinleştirmelisiniz. “Ek Seçenek” i tıklayın ve ardından “Özel Mesajlar” için Anahtar Anahtarını tıklayın. “Gördüğünüz gibi, düzenleyebileceğiniz dört farklı mesaj vardır:
Başarı Mesajı – Bir form gönderdikten ve doğru şekilde doldurulduktan sonra son kullanıcıya görüntülenir (örneğin e -postanız başarıyla gönderildi!).
Hata Mesajı – Bir form göndererek bilinmeyen bir hata oluştuğunda son kullanıcıyı görüntüleyin.
Gerekli mesajlar – Form gönderildiğinde gerekli form alanları doldurulmadığında görüntülenir.
Geçerli Mesajlar – Formu göndermede bir şey yanlış ve gönderilemediğinde son kullanıcıya görüntülenir.
Mesajları düzenleyerek eğlenebilir ve benzersiz olabilirsiniz veya bir şirket sitesi çalıştırırsanız, daha çok bir işletme gibi olabilirsiniz. En iyisi, her şeyin düzenlenebilmesidir, istediğinizi yapabilirsiniz! Sağ? Neyse ki Elementor’da özel düzenleme daha kolay olamaz. Editörde “Sekme Stili” ni tıklayın: İhtiyacınız olan kişi formlarınızı kişiselleştirmek için çeşitli seçenekler ve ayarlar bulacaksınız. Boşluklar, dolgu ve renkten uçağın boyutuna, etiket, giriş, düğmeler ve diğerlerine kadar her şey. Bu seçeneğin kendisini keşfetmenize izin vereceğiz. Söylemeye gerek yok, onu kullanmak daha kolay olamaz. Örneğin, Elementor düğmesinin rengini değiştirmek istiyorsak, ayarları görüntülemek için açılır “düğmesine” tıklıyoruz:
Düğmenin arka plan rengini, düğme metninin rengini, vurgunun rengini ve çeşitli seçenekleri ve ayarları hızlı bir şekilde ayarlayabilirsiniz. Formunuzun stilinden memnun kaldığınızda, bu son adımın zamanıdır, formunuzu yayınlama zamanıdır. , Dünyaya gittiğiniz bir form yayınlama zamanı! Daha kolay olamaz. Elementor’un editörünün altındaki Yeşil “Güncelleme” düğmesini tıklayın ve sayfanız yeni iletişim formunuzla güncellenir. Mutlu. Elementor ile başarılı bir şekilde bir iletişim formu yaptınız ve yayınladınız!
Bu hikayenin sonu değil. Yukarıdakiler yalnızca Pro Elementor’u kullanırsanız çalışır. Maliyet 49 $ ‘dan başlıyor, bu da dahil olmak üzere ucuz olsa da, herkesin bir eklentiye harcamak için 49 $ yok. Neyse ki Elementor ile kullanabileceğiniz çeşitli ücretsiz alternatif iletişim formu çözümleri vardır. Ücretli Yöntemi Ne Zaman Kullanılır Elementor’da tüm web sitelerinizi oluşturursanız, Pro Elementor’a yatırım yapmak gerçekten ödenir, çünkü sadece bir iletişim formu eklemekten daha fazlasını yapabilir. Yüklü bir Pro Elementor ile 300’den fazla tasarım şablonu, 90+ widget ve 60+ web sitesi kitinin yanı sıra premium desteğe sahip olursunuz. Ayrıca web sitenizin özelleştirilmesi üzerinde tam kontrol sahibi olursunuz. E -ticareti seviyorsanız, her sayfayı, gönderi, kenar çubuğu, üstbilgi, altbilgi ve hatta ürün sayfalarını ayarlayabilirsiniz. Elementor Pro Form ile formunuzu, kitleyi doğrudan müşterilere dönüştürmenizi sağlayan birçok popüler e -posta pazarlama aracı ile entegre edebilirsiniz. Bu, yalnızca birçok iletişim eklentisinin premium sürümüyle birlikte gelen bir özelliktir. Kulağa hoş geliyor değil mi?
Web sitenizi Pro Elementor ile tamamen oluşturmanızı şiddetle tavsiye ediyoruz. Bu, web sitenize iletişim formları eklemek için iki yöntemden daha iyi olabilir. Premium özellikler, Elementor Pro satın alabilirsiniz. Yaklaşan bölümde, web sitenize ücretsiz bir Elementor ile nasıl bir iletişim formu ekleyeceğinizi göstereceğiz. Elementor’a ücretsiz bir iletişim formu ekleyin Bu yöntem oldukça basittir. Yapmanız gereken tek şey, kısa kodlarla gömülmeye izin veren üçüncü bir -Party kontak form eklentisi yüklemektir. Elementor entegrasyon açısından oldukça çok yönlüdür ve WordPress eklenti iletişim formunun çoğuyla iyi çalışır. Devam etmeden ve size doğru işlemi anlatmadan önce, 4 En İyi Elementor Dostu İletişim Form eklentisine bakın. -En-One, 100.000’den fazla kullanıcı tarafından güvenilir. Eklentilerle, WordPress sitenize formlar, pop -up, doğrudan sohbet, analitik ve diğerlerini kolayca ekleyebilirsiniz. Ve en iyi bölüm? Her şey otomatik olarak HubSpot CRM ile senkronize edilir ve web sitenizle iletişim etkileşimleri hakkında merkezi bir not verir. Elementor sayfanıza yeni formlar ve açılır pencereler eklemek için HubSpot kullanın veya mevcut formları CRM ile otomatik olarak senkronize edin. Fiyat: Ücretsiz
Hubspot ile başlayarak
2. İletişim Formu 7 İletişim Form 7, WordPress için en popüler iletişim formu eklentilerinden biridir. Bu gerçekten ücretsizdir ve bilmeniz gereken her şeyi anlatması gereken 5 milyondan fazla aktif kuruluma sahiptir! İşlevsellik açısından basit olmasına rağmen, ihtiyacınız olan tek şey basit bir iletişim formu ise, denemek iyidir. Herhangi bir formu sayfaya ve yayınınıza hızlı ve kolay bir şekilde yerleştirmek için varsayılan kısa kodu kullanabilirsiniz. Elementor için kendi nihai eklentilerimiz, stili kontrol etmek istiyorsanız bir iletişim formu 7 widget styler’a sahiptir. Fiyat: İletişim Formu 7 ile Ücretsiz Başlangıç WPForms, çok etkileyici olan 3 milyondan fazla aktif kuruluma sahiptir. Bu, temel sürümün ücretsiz olduğu bir freemium eklentisidir, ancak premium bir sürüm var. Ücretsiz sürüm, istediğiniz birçok özellik sunuyor ve temel iletişim formları oluşturmak için iyi olmasına rağmen, birçok özellik Pro sürümüyle sınırlıdır. Tıpkı kişi Form 7 gibi, kişi formunuzu Elementor sayfasına (veya bu durumda herhangi bir sayfaya) yerleştirmek için WPForms kısa kodunu kullanabilirsiniz. Ve Elementor için Ultimate Addons ayrıca WPForms için özel bir stil widget’ına da sahiptir! Fiyat: Ücretsiz sürüm ve pro sürüm 79 $ ‘dan başlıyor.
WPForm ile başlayın
4. Oluşturma Forminatör, WPMU Dev. Bunlar, 2 milyondan fazla aktif kurulum olan popüler Smush eklentisi geliştiricileridir! Kolay kullanıcı arayüzü ile Forminator, daha ünlü bir form eklentisi için iyi bir alternatif oluşturur. Ve bu PayPal ve varsayılan şerit desteği ile geldi. Burada bahsettiğimiz diğer eklentiler gibi, Elementor sayfalarınıza formatör eklemek çok kolaydır. Dahası, FormInator’ın profesyonel bir sürümünü satın alırsanız, 3 web sitesi, SmartCrawlPro, Hustle Pro ve sınırsız web siteleri için diğer çeşitli özellikler için barındırmaya da erişeceksiniz! Sadece 5 $/ay ile iyi çılgın değer. Fiyat: Eklentilere erişim ve diğer barındırma da dahil olmak üzere 5 $/aydan başlayan ücretsiz sürümler ve profesyonel formatörler vardır. Forminatörden başlayarak
Elementor’a bir kişi formu nasıl yerleştirilir, yukarıda Elementor ile listelenen kişi form eklentilerinden birini kullanabilirsiniz. Ancak bu örnek için WP formlarıyla çalışacağız. Bu, WP formu ve elemanı ile bir iletişim formu yerleştirme şeklinizdir. Ardından WPEPPress gösterge panelinizden WP Forms> Yeni Ekle’ye gidin. Burada verilen şablondan bir form seçebilir ve form adınızı verebilirsiniz.
Adım 2: Formu ayarlayın Şimdi düzenleyebilir ve gerekli alanları iletişim formunuza ekleyebilirsiniz. Bu bölümde istemediğiniz alanları da silebilirsiniz. Düzenlemeyi bitirdikten sonra, formun biçimini kontrol etmek için ‘Pratin İncelemesi’ni tıklayabilirsiniz. Formdan memnunsanız, değişiklikleri kaydetmek için ‘Kaydet’i tıklayın. veya gönderi. Daha kolay bir seçenek gibi görünse de, düğmenin hemen altındaki ‘Kısa Kodu Kullan’ ı seçmenizi öneririz. Bağlantıya tıkladıktan sonra kısa bir kod oluşturacaktır. Şimdilik kısa kodu kopyalayın. Bir sonraki adımda buna ihtiyacımız olacak. Adım 4: Formu aşılamak şimdi düzenlemeye başlama zamanı. İhtiyacınız olan sayfayı açın ve ‘Elementor ile Düzenle’yi seçin. Elementor widget’ında ‘kısa kod’ arayın. Bir kısa kod widget’ı seçin ve bir form istediğiniz alana sürükleyin.
Daha önce kopyaladığınız kısa kodu widget’a yapıştırın. Form daha sonra sayfaya konumlandırmak için yerinizde görünecektir
Sonuçlardan memnunsanız, sayfayı kaydetmek için güncellemeye basın. Elementor’a aynı formu eklemenin bir başka yolu da Elementor Widget’ı arayışında ‘WP formları’ bulmaktır. Elementor ile uyumlu bir eklenti kullandığınızda, otomatik olarak onun için bir widget oluşturur. Bu, gömmeyi daha kolay hale getirir. WPForms Widget’ı gereken yere sürükleyin ve istediğiniz formu seçin.
Bu size kısa kod yöntemi ile aynı sonuçları verecektir.
