Hesaplama Formlarından Gönder Düğmesi Nasıl Kaldırılır

Yayınlanan: 2023-11-15

Daha akıcı bir kullanıcı deneyimi için gönder düğmesini hesaplama formlarından nasıl kaldıracağınızı mı merak ediyorsunuz?

WPForms tarafından oluşturulan hesaplama formlarından gönder butonunu kaldırarak ziyaretçilerinize anlık hesaplama sağlayabilirsiniz.

Bu kılavuzda, form gönderme işlemine gerek kalmadan kusursuz, gerçek zamanlı hesaplamalar için formlarınızı değiştirmeye yönelik basit adımları öğreneceksiniz.

Hesaplama Formlarından Gönder Düğmesi Nasıl Kaldırılır

WPForms ile gönder düğmesini hesaplama formlarından kaldırmak inanılmaz derecede kolaydır. Tek yapmanız gereken aşağıdaki basit adımları takip etmektir:

Bu makalede

  • Önkoşullar
    • 1. WPForms Pro Lisansına Sahip Olmak
    • 2. Hesaplamalar Eklentisini Kullanmak
    • 3. Hesap Makinesi Form Şablonunun Seçilmesi
  • Gönder Düğmesini Kaldırma
    • 1. WPForms Parçacık Kitaplığına gidin
    • 2. WPCode'u Kurun ve Etkinleştirin
    • 3. Gizle Gönder Düğmesi Parçacığını kullanın
    • 4. Gönder Düğmesi CSS Sınıfı Ekle
  • Hesap Makinesi Formları Hakkında Daha Fazla Soru
    • Bir formdaki gönder düğmesini nasıl kapatabilirim?
    • Bir formda gönder düğmesi olamaz mı?

Önkoşullar

Gönder butonunu devre dışı bırakma adımlarına geçmeden önce birkaç önemli adımı tamamladığımızdan emin olalım.

Bu adımları zaten tamamladıysanız gönder düğmesinin kaldırılmasıyla ilgili bölüme atlamaktan çekinmeyin.

1. WPForms Pro Lisansına Sahip Olmak

WPForms, kullanıcıların çok çeşitli formlar oluşturmasına olanak tanıyan saygın bir form oluşturucu ve hesap makinesi eklentisidir.

The WPForms homepage

Pro lisansına erişimin yanı sıra WPForms'un en son sürümünün yüklü olması önemlidir.

Pro sürümü, premium entegrasyonlara, eklentilere ve koşullu mantık, form gönderim raporları vb. gibi birçok değerli özelliğe erişmenizi sağlar.

2. Hesaplamalar Eklentisini Kullanmak

WordPress'te özel hesap makineleri oluşturmak için muhtemelen WPForms Hesaplamalar Eklentisinin kurulu olması gerektiğini zaten biliyorsunuzdur.

calculations addon banner

Kişiselleştirilmiş teklifler oluşturmak veya akıllı hesap makineleri oluşturmak amacıyla mantıksal operatörler ve eğer-o halde ifadeler eklemek için bu eklentiyi kullanabilirsiniz.

Hatta sayıları yuvarlamak, zaman aralıklarını hesaplamak, ortalamaları bulmak ve daha fazlası için entegre matematik fonksiyonlarını kullanmanıza olanak tanır.

3. Hesap Makinesi Form Şablonunun Seçilmesi

Son olarak bir form hazırlamanız gerekiyor. Bir tane oluşturmanız gerekiyorsa WPForms, form oluşturmayı çocuk oyuncağı haline getiren 1.100'den fazla önceden tasarlanmış şablon sunar.

calculator form templates category page

Bunlar, aşağıdakiler gibi çeşitli kullanım senaryolarına ve sektörlere uyacak şekilde özelleştirilebilen, profesyonelce tasarlanmış hesap makinesi form şablonlarını içerir:

  • Mortgage Hesaplayıcı Form Şablonu — potansiyel alıcıların aylık ödemelerini zahmetsizce hesaplamalarına olanak tanıdığından emlak acenteleri için mükemmeldir.
  • Gönderi Maliyeti Hesaplayıcı Form Şablonu — müşterilere basit bir gönderi hesaplayıcı sağlayarak e-Ticaret sitelerinin zamandan ve emekten tasarruf etmesine yardımcı olur.
  • BMI Hesaplayıcı Form Şablonu — kullanıcıların mevcut sağlık durumlarını değerlendirmelerine yardımcı olan, fiziksel uygunluk veya sağlıkla ilgili web siteleri için idealdir.
  • Yatırım Getirisi Hesaplayıcı Form Şablonu —işletmelerin ve pazarlamacıların kampanyalarının veya projelerinin karlılığını verimli bir şekilde değerlendirmelerine yardımcı olur.

Hepsinin en iyi yanı: herhangi bir HTML, javascript veya karmaşık kodlama bilgisi olmadan özel hesap makineleri oluşturmak için hesaplama eklentisini kullanabilirsiniz.

Gönder Düğmesini Kaldırma

Bu önkoşullar karşılandıktan sonra, daha akıcı bir kullanıcı deneyimi için formunuzu değiştirip gönder düğmesini kaldırabilirsiniz.

1. WPForms Parçacık Kitaplığına gidin

WordPress kontrol panelinizden WPForms »Araçlar'a gitmeniz yeterlidir. Ardından Kod Parçacıkları sekmesine gidin.

wpforms code snippets

Bu, "WPForms Parçacık Kitaplığını Kullanmak için Lütfen WPCode'u Yükleyin" yazan bir açılır mesaj görüntüleyecektir.

2. WPCode'u Kurun ve Etkinleştirin

Şimdi tek yapmanız gereken WPCode'u Kur + Etkinleştir düğmesine tıklamak. Eklentinin yüklenmesi artık birkaç saniye sürecektir.

install and activate wpcode

WPCode eklentisi yüklendikten sonra WPForms parçacıklarının tam listesine erişebileceksiniz.

all code snippets

3. Gizle Gönder Düğmesi Parçacığını kullanın

Şimdi, Arama Parçacıkları alanına adını yazarak gönder gizle düğmesi parçacığını arayın. Daha sonra Snippet'i Yükle düğmesine tıklayın.

Install hide submit button snippet

Bu sizi kodun otomatik olarak entegre edildiğini görebileceğiniz WPCode pasajı önizleme sayfasına yönlendirecektir.

Hide submit button code snippet preview

Şimdi tek yapmanız gereken snippet kodunu etkinleştirmek. Bunu yapmak için geçişi Etkin Değil'den Etkin'e getirin.

Activate hide submit button snippet

Kod pasajını site genelinde etkinleştirmek için bir sonraki adım, Etkin geçiş seçeneğinin hemen yanındaki Güncelle düğmesine basmaktır.

Update hide submit button snippet

Bu yaklaşımı takip ettiğinizde, pasajı WPForms snippet kitaplığı aracılığıyla yalnızca bir kez eklemeniz gerekecektir.

Daha sonra, kullanıcının bu pasajı kullanmak istediği her form için, oluşturucunun içine Gönder Düğmesi CSS Sınıfının adını eklemesi gerekecektir.

4. Gönder Düğmesi CSS Sınıfı Ekle

Artık tek yapmanız gereken, gönder düğmesini kaldırmak istediğiniz hesap makinesinin form oluşturucusuna CSS sınıfını eklemek.

Bunu yapmak için hesap makinesi formunuzu açın ve Genel sekmesine gidin, ardından Gelişmiş sekmesine gidin.

Bundan sonra, kod pasajını etkinleştirmek için wpf-calc-form CSS'sini Gönder Düğmesi CSS Sınıfına yapıştırın.

Add css class to submit button

Hesap makinenizdeki gönder düğmesinin başarıyla kaldırıldığını görmek için artık formunuzu önizleyebilirsiniz!

Mortgage calculator without submit button

Hesap Makinesi Formları Hakkında Daha Fazla Soru

Hesap makinesi formları okuyucularımız arasında popüler bir konudur. Bunlar hakkında sık sorulan bazı soruların yanıtlarını burada bulabilirsiniz.

Bir formdaki gönder düğmesini nasıl kapatabilirim?

Özellikle WPForms Pro kullanıyorsanız bir formdaki gönder düğmesini kapatmak için özel CSS uygulayabilirsiniz. WPForms »Araçlar'a gidin. Ardından Kod Parçacıkları sekmesine gidin ve formdaki gönder düğmesini kapatmaya yönelik bir çözüm içeren WPForms Parçacık kitaplığına erişin.

Bir formda gönder düğmesi olamaz mı?

Evet, bir form gönder düğmesi olmadan da çalışabilir. Bu, otomatik olarak gönderilen veya veri yakalamak için alternatif yöntemler kullanan formlarda yaygındır. WPForms Pro ile bu tür formları, gönder düğmesini gizlemek için CSS ile özelleştirerek, gerekli kodu sorunsuz bir şekilde eklemek için WPCode entegrasyonunu kullanarak oluşturabilirsiniz.

Sonra, Özel Çevrimiçi Hesap Makinesinin Nasıl Oluşturulacağını Öğrenin

Web sitenize bir hesap makinesi eklemek, ziyaretçilerin sitede kalmasını ve sorunlarının yanıtlanmasını teşvik ederek etkileşimi artırabilir. Web sitenizin benzersiz ihtiyaçları için WordPress'te nasıl özel bir hesap makinesi oluşturulacağına ilişkin bu kılavuza göz atın.

Özel Çevrimiçi Hesap Makinesi Oluşturun

Formunuzu oluşturmaya hazır mısınız? En kolay WordPress form oluşturucu eklentisiyle bugün başlayın. WPForms Pro çok sayıda ücretsiz şablon içerir ve 14 günlük para iade garantisi sunar.

Bu makale size yardımcı olduysa, daha fazla ücretsiz WordPress öğreticisi ve kılavuzu için lütfen bizi Facebook ve Twitter'da takip edin.