WordPress Ajansınız için bir Müşteri Formu Oluşturun – Elementor ve İletişim Formu Eklentisini Kullanma

Yayınlanan: 2020-11-09

Bir WordPress geliştirme işletmeniz varsa ve şu anda gelen internet sorguları alıyorsanız, etkili bir müşteri formu kullanarak satış sürecinizi düzene sokabilir ve hizmetlerinizi geliştirebilirsiniz. Peki psikolojik açıdan iyi bir danışan formuna sahip olmak neden gereklidir? Ve bunu işinizde gelir miktarını 3 katına çıkarmak için nasıl uygulayabilirsiniz? Elementor ve bir iletişim formu eklentisi kullanarak WordPress ajansınız için bir müşteri formunun nasıl oluşturulacağına dair teknik bilgileri sizinle paylaşacağım.

İçindekiler gizle
  1. 1. Genel İletişim Formunuz ve Özel İletişim Formunuz
  2. 2. Adım 1: Eklentileri Kurun
  3. 3. Adım 2: Müşteri Formunuz için Elementor'da bir Sayfa oluşturun
    1. 3.1. Bir Tuval Sayfası Oluşturun
    2. 3.2. Sayfa için Başlık Oluşturun
    3. 3.3. Müşteri İletişim Formu için Başlık Oluşturun
    4. 3.4. Sayfa için Alt Bilgi Oluşturun
  4. 4. Adım 3: WPForms Eklentisini kullanarak İletişim Formunu oluşturun
  5. 5. Adım 4: Doğru Sütun Alıntısını Oluşturun ve Üzerine Resminizi Yapın
    1. 5.1. Blok Alıntıyı Oluşturun
    2. 5.2. Fotoğrafı ve İmzayı Oluşturun
  6. 6. Sonuç

Belirteceğim birkaç unsur var. Ama önce, neden özel bir müşteri formu oluşturmanız gerektiğini ve neden bu tür bir iletişim formuna ihtiyacınız olduğunu açıklamak istedim.

Genel İletişim Formunuz ve Özel İletişim Formunuz

İnsanlar bir web sitesine gelip aşağı kaydırdıklarında, muhtemelen daha önce birçok web sitesinde (yalnızca WordPress sitelerinde değil) milyonlarca kez görülen oldukça standart bir iletişim formu göreceklerdir.

Bir WordPress web sitesindeki müşteri iletişim formu.

Birisi web siteniz hakkında bir soruşturma yaptığında, bir sonraki adımınızın ne olacağını çok iyi düşünmelisiniz. Nasıl tepki verdiğinize bağlı olarak, ya 'sadece web adamı' olarak görüneceksiniz ya da internetin gücünü kullanarak müşterinin hedeflerini meyveye ulaştırabilecek biri olarak görüneceksiniz. Tahmin edebileceğiniz gibi, özel müşteri formu çok daha fazla kazanmanıza yardımcı olacak.

Ve bu gönderide oluşturacağımız özel müşteri formu:

Bir WordPress ajansı için özel müşteri formu

Müşteri formunun tam görüntüsü için lütfen burayı ziyaret edin.

Bir müşteri bu müşteri formunu kullanarak size e-posta gönderdiğinde, aşağıdakileri belirterek yanıt verirsiniz.

  • Müşterinin, Calendly uygulamanızı kullanarak sizinle randevu alması gerekiyordu
  • Müşterinin yukarıdaki müşteri formunu doldurması gerekiyordu

Bu formu nasıl oluşturacağımızı görelim ve bu formu bu kadar etkili hale getirmeye yardımcı olan unsurları da tartışalım.

Adım 1: Eklentileri Kurun

Tavsiye edeceğim harika (ve ücretsiz) bir iletişim formu eklentisi WPForms. Gösterge Tablosu > Eklenti > Yeni Ekle seçeneğine giderek eklentiyi yükleyebilir ve etkinleştirebilirsiniz.

WordPress web sitesine WPForms eklentisini yükleyin

Ardından, aynı yöntemle ücretsiz Elementor sayfa oluşturucuyu kurun ve etkinleştirin.

WordPress web sitesine ELEmentor sayfa oluşturucu eklentisini yükleyin

Gerekli tüm araçlara sahip olduktan sonra hemen başlayacağız!

Adım 2: Müşteri Formunuz için Elementor'da bir Sayfa oluşturun

Müşteri iletişim formunuzu içeren bir sayfa şablonu oluşturmamız gerekiyor. Bu sayfa yukarıdan aşağıya şu yapıya sahiptir: sayfa başlığı – iletişim formu başlığı – iletişim formu – sayfa alt bilgisi.

Not : İletişim formu daha sonra 3. Adımda yapılacaktır.

Bir Tuval Sayfası Oluşturun

Veri toplama istemci formuyla ilgili ilk fark edeceğiniz şey, üstbilgi ve hatta altbilgi olmamasıdır . Müşteriye bağlantıyı gönderdiğimde sayfanın tüm amacı, daha sonra ilk danışmanlığım için kullanacağım bilgileri müşteriden almaktır.

Bu nedenle yapmamız gereken ilk şey , sayfayı Elementor'da oluşturmak ve sayfa türünün Canvas olduğundan emin olmaktır.

Kanvas türüyle bir Elementor sayfası oluşturun

Sayfa için Başlık Oluşturun

Geleneksel bir üstbilgi ve altbilgi olmamasına rağmen, onlara bulundukları web sitesini anlatan küçük bir üstbilgi eklemek istedim. Ayrıca, üst başlıktaki bağlantının aslında Müşteri İncelemelerim bölümüne gittiğini de not edeceksiniz.

WordPress ajansının müşteri formuna küçük bir başlık ekleyin

Bu şekilde müşteri nerede olduklarını bilir. Müşteri tereddüt etmeli mi, bağlantıya tıklamak onlara ilerlemek için güven verecek mi?

Bu, marka renginiz için bir arka plan ve ardından bir metin alanı içeren basit bir bölüm aracılığıyla yapılır. Oldukça basit şeyler!

Müşteri İletişim Formu için Başlık Oluşturun

Bir sonraki adım, istemci formu başlığıdır. Burada düzenleme yaparken 60px'de Lato yazı tipini kullandım.

WordPress ajansının müşteri formu başlığını oluşturun

Alt başlık, yalnızca 24 pikselde aynı yazı tipiydi. Ayrıca, alt başlığın ağırlığı 300'dür. Alt başlıkların ortalamadan daha düşük bir ağırlığa sahip olmasını manuel olarak sağlayabilirsiniz, böylece üst başlık daha fazla öne çıkar.

WordPress ajansının müşteri formunun alt başlıklarının ortalamadan daha düşük bir ağırlığa sahip olmasını sağlayın

Sayfa için Alt Bilgi Oluşturun

Ardından, yalnızca üstbilgiyle aynı arka plana sahip bir bölüm olan bir altbilgi ekleyin. Bu durumda 2 sütunum var. Sadece güven kazanmak için incelemelere bir kez daha bağlantı vermiyorum, aynı zamanda kendimden daha fazla bahsettiğim Hakkında sayfasına da bağlantı veriyorum.

Müşteri formu alt bilgisindeki incelemeye ve Hakkında sayfasına bağlantı

Adım 3: WPForms Eklentisini kullanarak İletişim Formunu oluşturun

Bir sonraki adım, iletişim formunu oluşturmaktır. Bir iletişim formu oluşturucu oldukça basit olduğu için buna çok fazla girmeyeceğim. Bu iletişim formu eklentisinin nasıl kullanılacağı hakkında daha fazla ayrıntı için burada zaten bir eğitimimiz var.

Burada sadece iletişim formu alanlarını sürükleyip bırakma meselesi var.

WPForms'a yeni bir iletişim formu ekleyin

Neyse ki, iletişim formunu kendiniz oluşturmak zorunda değilsiniz - aşağıdaki bağlantıda yüklediğim JSON dosyasını içe aktarabilir ve WPForms > Araçlar > İçe aktar ve formlarınızı doldurarak içe aktarabilirsiniz.

İşte JSON dosyasının bağlantısı.

İçe aktarmak için buraya yüklemeniz yeterlidir:

İletişim formunu eklemek için json dosyasını yükleyin

Unutulmaması gereken bir şey var: İletişim formunu içe aktardıktan sonra kısa kodu almanız gerekecek. Eğer iletişim formunu düzenlemeyi bitirdikten sonra, basit bir shortcode seçeneği yerleştir ve ardından Kullanım tıklayın.

WPForms'da müşteri formunun kısa kodunu alın

Ardından, bu kısa kodu sayfanıza kopyalayın/yapıştırın.

Adım 4: Doğru Sütun Alıntısını Oluşturun ve Üzerine Resminizi Yapın

Müşteri formu ile yapmak istediğiniz bir şey de konumunuzu korumak, müşteri formunuza karakter ve hayat katmaktır.

Elementor kullanarak müşteri formunuz için Doğru Sütun Teklifini oluşturun

Blok Alıntıyı Oluşturun

İlk kısım blok alıntıdır. Bu standart bir Elementor öğesidir. Ancak bu konuda birkaç nokta var.

Alıntının kendisini kırmızı ve büyük yaptığımı fark edeceksiniz. Alıntıyı Alıntı Olarak Düzenle bölümünü ayarlayabilir ve rengi kırmızı ve boyutu 1 olarak ayarlayabilirsiniz.

Metin kutusunun kendisine gelince, müşteriye müşteri formunu neden doldurduğunu ve bunun onlara nasıl yardımcı olacağını hatırlatmak istersiniz. Ayrıca, e-postadaki bağlantıdan sayfaya tıkladığı için kullanıcıya teşekkür ettiğimi fark edeceksiniz.

Fotoğrafı ve İmzayı Oluşturun

Bir sonraki öğe, yalnızca bir fotoğrafınız ve müşteri formundaki bir imzadır. Bir imza, sınıfa bir dokunuş katar ve bölümün daha resmi görünmesini sağlar. Aptalca görünebilir, ancak sadece marka adınızı yazmaktan daha iyi görünüyor ve yine bu aşamada marka adınızı olabildiğince güçlü hale getirmek istiyorsunuz.

Bu imzayı yapmak için DocSketch çevrimiçi imza oluşturucuyu kullandım.

Ve bu, bir müşteri formu yaratmanın son adımıdır. Müşteri formunuzu kaydetmeyi ve yayınlamayı unutmayın.

Çözüm

Bu müşteri formu tamamlandığında, onu uygulamaya koymaya hazırsınız. Şimdi tek yapmanız gereken bir sonraki çevrimiçi sorgunuzu beklemek. Bu olduğunda, müşteriye müşteri formunu doldurmasını isteyen bir e-posta göndermeniz gerekir.

Umarım bu müşteri formu işinize yarar ve toplantınızdan önce kendinizi tartışmasız uzman olarak konumlandırmanıza yardımcı olur! İyi şanlar!

Yazar Biyografisi

Kosta, Sidney WordPress geliştirme konusunda uzmandır ve hızlı, istikrarlı, güvenilir ancak en önemlisi, müşterilerin sizin yapmanız gerekeni yapmasını sağlayan WordPress özel web siteleri sağlama konusunda uzmandır ve bu, harekete geçmektir.