WordPress’e Kişiye Bir Kişilik Formu Nasıl Eklenir [Güncelleme 2021]
Ziyaretçilerin size ulaşması için çok kolay olduğunuz için daha fazla potansiyel müşteri alabilirsiniz.
Şirketi aramak ve e -postaları tercih etmekten hoşlanmayan insanlar var.
Ziyaretçiler, iletişim bilgileri olarak kaydettiğiniz e -postaya e -posta gönderdiğinden sürtünmeyi ortadan kaldırır, çünkü
E -posta sırasını otomatikleştirebilirsiniz ve kayıt kayıtları daha iyi olabilir.
İletişim formları genellikle iletişim sayfasının bir parçasıdır. Ve iletişim sayfaları hemen hemen tüm web siteleri için çok önemlidir. Bu, şirketin gerçek olduğuna dair açık bir kanıttır, insanların ekip üyeleriyle başa çıkmaları için şeffaflık ve gerçek araçlar sunar.
Şimdi, formu temas formuna devam ettirmemeliyiz. Formlar ayrıca test formatları, anketler, ödeme formları, kayıt formları, bülten abonelik formlarında da gelebilir … bunu birçok kez deneyimlediniz, değil mi? Bir formun nasıl çalıştığını anladığınızda, başka bir form oluşturabilirsiniz. Belki e -posta karşılığında sunmak istediğiniz bir e -kitabınız var (aşağıda yaptığımız gibi). Bunun için bir forma ihtiyacınız olacak. Şimdi, bu makalede şunları yapacağım:
Size en popüler WordPress iletişim formu eklentisini gösterin,
Bir eklenti kullanarak WordPress’e bir iletişim formu ekleyerek size rehberlik edin,
Size bir web formu tasarım ipucu verin,
Bazı harika ve akıllı formlar gösterin.
Kabul?
En popüler WordPress Form 4 eklentisi
Bitmiş bir form şablonu var
Seçmek için birkaç özel alanı var
WordPress dışa aktarma/içe aktarma araçları aracılığıyla kişileri içe aktarabilir ve dışa aktarabilirsiniz
Spam’i önlemek için yeniden kapsül eklenebilir
Kullanımı çok sezgisel
Kısa bir kodla çalışmak
Takip için kullanabileceğiniz bir e -posta işlevi var.
Hücresel dostu
Daha önce oluşturulan 100’den fazla form şablonu var
Bu sürükle ve damla ile çalışır
Belki en hızlı wordpress form üreticisi
Formlar özel HTML ve CSS olarak ayarlanabilir
Spam koruması
Koşullu mantığa dayalı alanlar ekleyin veya silin, bu harika değil mi?
yayınlamadan önce formu önizle
Sürükle ve Drop ile çalışın
Koşullu mantık kullanabilirsiniz
Gönderiyi PDF, XLS veya Google elektronik tablosu olarak dışa aktarabilirsiniz
Oradaki en iyi e -posta araçlarından bazılarıyla entegrasyon (örneğin: MailChimp, Campain Monitor)
SEO ve hücresel dost
Anket, anket ve sınav yapmak için seçenekler
Hesaplama seçenekleri mevcuttur (belki de web sitenize bir faiz oranı hesap makinesi uygulamak istersiniz)
E -posta araçlarıyla çok fazla entegrasyon mevcut
Geliştirici yangınları aracılığıyla kendi entegrasyonunuzu oluşturabilirsiniz
Forminatör bloğu mevcuttur
E -posta mide seçeneği
Bu 4 eklenti en iyisidir, ancak dikkatli olun, çünkü bazı özellikler ücretsizdir, bazıları ödenir. Karar vermeden önce, kesinlikle deneyebilir ve nasıl takıldığınızı görebilirsiniz.
Bu alıştırmada bir WordPress iletişim formu oluşturalım, SkylineWP temasını Colibri sayfa yapımcısı ile birlikte kullanacağım. İnşaatçılar, sürükleme ve gevşek seçenekler vererek SkyLineWP özelliğini genişletir. Buna ek olarak, bu bana daha önce tasarlanmış olan düzinelerce içerik bloğuna (“Bize Ulaşın” formu dahil) erişim sağlıyor. Şimdi, çoğu sayfa yapımcısı ve tema ayarı benzer şekilde davranıyor. Benimle aynı temayı kullanmazsanız gergin olmayın. Yükleyeceğim eklenti bir forminatör. Hadi gidelim! Adım 1 kurun ve WordPress Gösterge Tablosundan Kontak Formu eklentisini etkinleştirin, Eklentiyi Aç-> Yeni Ekle. Adlara dayalı eklentiler arayın, ardından “Şimdi Yükle” yi seçin, ardından “Etkinleştir” i seçin.
Adım 2: Özelleştirici temasını WordPress gösterge panosundan açın, görünümden açın-> özelleştir veya WordPress panosundan “sayfaları” açın. İmleci sayfaya gidin ve “Ayarla” veya “Düzenle” yi seçin (varsayılan WordPress düzenleyicisini kullanıyorsanız). Benim durumumda, Colibri sayfa üreticisini kullandığım için “Colibri ile Düzenleme” seçeneği vardı. Şimdi özelleştiricideyim.
Adım 3 – WordPress sayfanıza bir kişi formu ekleyin Sayfamda şu anda tasarıma dayalı bir iletişim formu bloğu var. Ama bir tane daha ekleyeceğim. Bunu bir iletişim bloğu ekleyerek yapabilirim.
Sayfanın altına gittim ve “Belirlenmiş bir blok ekle” yi seçtim. Solda yeni bir pencere görünecek. Tüm iletişim bloklarını görmek için “İletişim” yazıyorum.
Forminatör menüsü aşağıda görünecektir. “Form” ı seçin, sonra aç ” Adım 5 – WordPress’te Kontak formunun ayarlanması Formu başlangıçtan veya şablondan başlatabilirsiniz. “İletişim Formu” nu seçeceğim. “Devam” ı tıkladıktan sonra iletişim formunu adlandırabilirsiniz.
Ardından, alan alanını ayarlamaya başlayın. Ücretsiz ve profesyonel paketlerde çeşitli form alanları vardır. “Telefon numarası” alanını siliyorum çünkü insanlar genellikle telefon numaralarını paylaşmakta isteksizdir. “Düzenleme Alanını” seçerken şunları yapabilirsiniz: belirli alanların gerekli olup olmadığını seçin (“Ayarlar” ında), Bazı kurallara göre belirli alanları gizlemeyi veya saklamamayı seçin (bu harika ve kullanışlıdır!), İletişim formunuza en uygun etiketle varsayılan etiketi değiştirin, Yer tutucuyu değiştirin. Bu, e-posta alanında bir e-posta örneği verebileceğiniz veya sadece “e-postanızı buraya ekleyin” gibi bir şey yazabileceğiniz anlamına gelir.
Alan alanı düzenlendiğinde, “Ekran” a geçme zamanı.
Burada yapabilirsin:
Form için tasarımı seçin,
Yazı tipleri ve renk değişiklikleri yapın, mesafe ve sınırlarda ayarlamalar yapın,
Kendi CSS stilinizi ekleyin.
Görünüm düzenlendiğinde, “davranış” a dönme zamanı.
Burada form gönderdikten sonra ne olacağına karar vermelisiniz: Yeni bir mesaj veya sayfa (genellikle teşekkür sayfası olarak adlandırılır) mı göstereceksiniz? Ardından, e -posta bildirimleri ayarlayabilirsiniz. Yeni bir sevkiyat olduğunda söylenmek isteyebilir, değil mi? Neredeyse bitirdik, bu yüzden bana karşı sabırlı olun :). Şimdi, MailChimp veya HubSpot gibi bir e -posta sağlayıcısı kullanıyorsanız, forminatörü onunla entegre edebilirsiniz. Slack, e -tablo, trello veya başka bir entegrasyonu da kullanabilirsiniz. Formları yayınlamadan önce ayarlara gitmeli ve gizlilik ve spam ayarları yapmalısınız.
Ve “Yayın” tuşuna basmaya hazırsınız. Bunu yaptığınızda, kısa bir kod alacaksınız. Daha önce bahsettiğimi hatırlıyor musun? Kopyala. Daha sonra özelleştiriciye koyacaksınız.
Şimdi, “Form” a geri dönerseniz, “Forminator” ın altındaki tüm formlarınızı ve nakliye ile ilgili raporlarınızı içeren bir liste görebilirsiniz. Her formun bir “düzenleme” seçeneği vardır, böylece daha sonra değişiklik yapabilirsiniz. Buradan Formları önizleme, yayınlama ve silme de görebilirsiniz. “Düzenle” seçeneğinin temel yönü size kısa bir kod vermektir.
Sayfalarınızı kaydedin ve yayınlayın. Hazırsın. Bu oldukça kolay, değil mi? Adım 7 – Kontak formunun şimdi düzgün çalışıp çalışmadığını kontrol edin, kukla formu göndermeyi yapın ve rapor edilip edilmediğini görün. Web Tasarım Formu – En İyi Vaka Uygulaması Anatomi Web Formu Oldukça Basit: Alan Alanı (Örneğin: İsim, E -posta, Telefon, vb.), Harekete geçirmeye davet (eylem almaya davet eden düğme aka düğmesi: satın alın, indir, liste vb.), izin. Şimdi, kapsamınıza bağlı olarak daha yüksek bir şarj veya dönüşüm formuna sahip olmanıza yardımcı olacak birkaç optimizasyon önerisi var. Öyleyse, yapılması gereken ve yapılmaması gereken bazılarına bakalım, tamam mı? Başlığı formunuza ekleyin: “Bize Ulaşın”, Kullanıcıların formun nasıl doldurulması gerektiğini anlamalarını sağlamak için yer tutucu kullanın,
Önce bazı bilgileriniz olduğunda birkaç alanı doldurun,
Otomatik tavsiye ile açılır menü kullanın. Örneğin, birisi ülkeyi yazmaya başladığında tavsiye verebilirsiniz.
Recaptcha’yı yalnızca birçok spam yanıtı aldığınızda kullanın, aksi takdirde bu şarj oranını etkileyebilir,
Sadece gerçekten gerekli olan alan için “zorunlu” kullanın,
Form alanının odak noktası aktif olduğundan emin olun,
Hata mesajını netleştirin: örneğin: “Parola en azından büyük harfler ve sayılar içermelidir”,
Gerçekten gerekli olmadıkça şifreyi karşılamayın. Yazdığınız şifre önceki şifreyle eşleşmediğinden kaç kez üzülmediniz? Ve hatalarını bulmanın bir yolu yok,
Davet metninin hareket ettiğinden ve düğmenin doğru kontrast olduğundan emin olun,
Gereksiz alanları silin, ne kadar çok alanınız varsa, o kadar az kişi formunuzu dolduracaktır. Daha fazla alanın doldurulmasını istediğiniz bazı durumlar vardır. Kılavuz veya diğer önemli kaynaklar gibi çok değerli bir şey sunarsanız, aldıkları değerlerin zamanlarıyla orantılı olduğunu varsayarlarsa, insanlar bilgilerinizi doldurabilirler. Ayrıca, B2B’de pazarlamacılar, hedef kitlelerini segmentlere ayırmak ve takip -up. Kaynak: büyüme kabileleri kişiselleştirmek için birkaç alan kullanır. Öte yandan, Clearbit gibi potansiyel beklentilerle ilgili verileri zenginleştirebilecek araçlar vardır. İsim ve e -postaya göre, şirket adı, pozisyon, ülke vb. Gibi verilere erişebilirsiniz. Ancak, bu pahalı olabilir. Ödeme formu durumunda, ortalama kasanın gerekli form biçiminin iki katı görüntülendiğini gösteren bir çalışma var! Ve bu satışlarda bir düşüşe neden oluyor. İnsanlar ödeme işlemini görmezden gelir. Ve bu, Bay ve Bayan, Hoşçakal Müşterisi anlamına gelir … Web Formu: Biraz İlham
Neil Patel
Neil Patel, orada en büyük çevrimiçi pazarlama etkileyicilerinden biri, bu yüzden gerçekten bir iletişim formu yapmalı. Formun başlığı “Nasıl yardımcı olabilirim?”. Bu “bize ulaşın” kadar soğuk değil. Tanıdık ve … yardımcı olur. Başlık altında, iletişim formunun amacını açıklayan başka bir metin daha var.
Belirli konuları takip etmeyi kolaylaştırmak için bir açılır menü kullandı. Segmentasyon için başka alanları kullanmaz.
Shopify. Sürtünme olmadan ücretsiz denemeler için kayıt.
Hava Düzeni – Pazarlama Otomasyon Platformu. Formların birkaç alanı vardır. Amaç, şirket büyüklüğüne, şirket adına ve pozisyonuna göre segmentasyondur. B2B’de bu ayrıntıyı bilmek satış sürecinde gerçekten yardımcı olabilir. Bu, potansiyel müşterilerin önceliklendirilmesine yardımcı olabilir. QAREA – Web Tasarım Şirketi
Sonraki adımların açıklanmasının yararlı olduğu bazı formlar vardır. Çoğu BT dış kaynak şirketi için, iletişim formları aracılığıyla proje tahminleri isteyen uygulamalar vardır. Qarea hakkında iyi olan şey, umut hazırlamalarıdır. Süreç 3 adımdan oluşur ve ayrıntıları bulabilirsiniz. Her şey açık, değil mi? Paperpillar – Web Tasarım Şirketi
Harekete geçirme davetini (CTA) tıkladıktan sonra görünen bir iletişim formu vardır. Cevabın yaklaşık 2 gün içinde geleceğini gönderen kişiye açıkladılar. Ayrıca, spam klasörünü de kontrol etmeye davetlisiniz.
İletişim formu tasarımı Dribbble: En Sevdiğim Tasarım İlham Platformu’nda görüntüleniyor! Bu formda öne çıkması için yanında bir görsel var. Görsel yönleri görmezden gelmeyin çocuklar! Kaynak: https://dribbble.com/shots/5299288-ilily-ii-28-contact-us aaand bir sargı! Şimdi, bu makaleyi beğendiyseniz ve bir WordPress web sitesi oluşturma hakkında daha fazla bilgi edinmek istiyorsanız, YouTube kanalımıza abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!
