Jak usunąć przycisk Prześlij z formularzy obliczeniowych

Opublikowany: 2023-11-15

Zastanawiasz się, jak usunąć przycisk przesyłania z formularzy obliczeniowych, aby usprawnić obsługę?

Usuwając przycisk przesyłania z formularzy obliczeniowych utworzonych przez WPForms, możesz udostępnić odwiedzającym natychmiastowe obliczenia.

W tym przewodniku poznasz proste kroki umożliwiające modyfikowanie formularzy w celu zapewnienia płynnych obliczeń w czasie rzeczywistym bez konieczności przesyłania formularza.

Jak usunąć przycisk Prześlij z formularzy obliczeniowych

Usunięcie przycisku przesyłania z formularzy obliczeń za pomocą WPForms jest niezwykle łatwe. Wszystko, co musisz zrobić, to wykonać poniższe proste kroki:

W tym artykule

  • Warunki wstępne
    • 1. Posiadanie licencji WPForms Pro
    • 2. Korzystanie z dodatku Obliczenia
    • 3. Wybór szablonu formularza kalkulatora
  • Usuwanie przycisku przesyłania
    • 1. Przejdź do biblioteki fragmentów WPForms
    • 2. Zainstaluj + aktywuj WPCode
    • 3. Użyj opcji Ukryj fragment przycisku przesyłania
    • 4. Dodaj klasę CSS przycisku Wyślij
  • Więcej pytań dotyczących formularzy kalkulatora
    • Jak wyłączyć przycisk przesyłania w formularzu?
    • Czy formularz nie może mieć przycisku przesyłania?

Warunki wstępne

Zanim przejdziemy do kroków wyłączających przycisk przesyłania, upewnijmy się, że wykonaliśmy kilka ważnych kroków.

Jeśli te kroki zostały już wykonane, możesz przejść do sekcji dotyczącej usuwania przycisku przesyłania.

1. Posiadanie licencji WPForms Pro

WPForms to renomowany narzędzie do tworzenia formularzy i wtyczka kalkulatora, która umożliwia użytkownikom tworzenie szerokiej gamy formularzy.

The WPForms homepage

Ważne, abyś miał zainstalowaną najnowszą wersję WPForms wraz z dostępem do licencji Pro.

Wersja Pro zapewnia dostęp do integracji premium, dodatków i wielu cennych funkcji, takich jak logika warunkowa, raporty przesyłania formularzy itp.

2. Korzystanie z dodatku Obliczenia

Aby tworzyć niestandardowe kalkulatory w WordPress, prawdopodobnie już wiesz, że musisz mieć zainstalowany dodatek do obliczeń WPForms.

calculations addon banner

Możesz użyć tego dodatku do wstawiania operatorów logicznych i instrukcji „jeśli-to” w celu tworzenia spersonalizowanych ofert lub tworzenia inteligentnych kalkulatorów.

Umożliwia nawet wykorzystanie zintegrowanych funkcji matematycznych do zaokrąglania liczb, obliczania zakresów czasowych, znajdowania średnich i nie tylko.

3. Wybór szablonu formularza kalkulatora

Na koniec musisz mieć gotowy formularz. Jeśli chcesz go zbudować, WPForms oferuje ponad 1100 wstępnie zaprojektowanych szablonów, dzięki którym tworzenie formularzy jest proste.

calculator form templates category page

Należą do nich profesjonalnie zaprojektowane szablony formularzy kalkulatorów, które można dostosować do różnych zastosowań i branż, takich jak:

  • Szablon formularza kalkulatora kredytu hipotecznego — idealny dla agencji nieruchomości, ponieważ umożliwia potencjalnym nabywcom łatwe obliczenie miesięcznych rat.
  • Szablon formularza kalkulatora kosztów wysyłki — pomaga witrynom handlu elektronicznego zaoszczędzić czas i wysiłek, udostępniając klientom prosty kalkulator kosztów wysyłki.
  • Szablon formularza kalkulatora BMI — idealny dla stron internetowych poświęconych sprawności fizycznej lub zdrowiu, które pomagają użytkownikom ocenić ich aktualny stan zdrowia.
  • Szablon formularza kalkulatora ROI — pomaga firmom i marketerom w skutecznej ocenie rentowności ich kampanii lub projektów.

Najlepsze w tym wszystkim jest to, że możesz używać dodatku do obliczeń do tworzenia niestandardowych kalkulatorów bez znajomości HTML, JavaScript lub skomplikowanego kodowania.

Usuwanie przycisku przesyłania

Po spełnieniu tych wymagań wstępnych możesz przystąpić do modyfikowania formularza w celu usunięcia przycisku przesyłania w celu usprawnienia obsługi.

1. Przejdź do biblioteki fragmentów WPForms

Z pulpitu nawigacyjnego WordPress po prostu przejdź do WPForms »Narzędzia. Następnie przejdź do zakładki Fragmenty kodu .

wpforms code snippets

Spowoduje to wyświetlenie wyskakującego komunikatu z informacją: „Zainstaluj WPCode, aby korzystać z biblioteki fragmentów WPForms”.

2. Zainstaluj + aktywuj WPCode

Wszystko, co musisz teraz zrobić, to kliknąć przycisk Zainstaluj + Aktywuj WPCode . Instalacja wtyczki zajmie teraz kilka sekund.

install and activate wpcode

Po zainstalowaniu wtyczki WPCode będziesz mieć dostęp do pełnej listy fragmentów WPForms.

all code snippets

3. Użyj opcji Ukryj fragment przycisku przesyłania

Teraz wyszukaj fragment przycisku ukrywania przesyłania, wpisując jego nazwę w polu Fragmenty wyszukiwania . Następnie kliknij przycisk Zainstaluj fragment .

Install hide submit button snippet

Spowoduje to przekierowanie do strony podglądu fragmentu kodu WPCode, gdzie możesz zobaczyć, jak kod jest automatycznie zintegrowany.

Hide submit button code snippet preview

Teraz wszystko, co musisz zrobić, to włączyć fragment kodu. Aby to zrobić, przesuń przełącznik z Nieaktywny na Aktywny .

Activate hide submit button snippet

Następnym krokiem, aby aktywować fragment kodu w całej witrynie, jest naciśnięcie przycisku Aktualizuj , tuż obok opcji przełączania Aktywny .

Update hide submit button snippet

Stosując to podejście, wystarczy dodać fragment tylko raz za pośrednictwem biblioteki fragmentów WPForms.

Następnie dla każdego formularza, w którym użytkownik chce użyć tego fragmentu, będzie musiał dodać nazwę klasy CSS przycisku przesyłania w kreatorze.

4. Dodaj klasę CSS przycisku Wyślij

Teraz pozostało tylko dodać klasę CSS w kreatorze formularzy kalkulatora, z którego chcesz usunąć przycisk przesyłania.

Aby to zrobić, otwórz formularz kalkulatora i przejdź do karty Ogólne , a następnie przewiń w dół do karty Zaawansowane .

Następnie wklej kod CSS wpf-calc-form do klasy CSS przycisku przesyłania, aby aktywować fragment kodu.

Add css class to submit button

Możesz teraz wyświetlić podgląd formularza i sprawdzić, czy przycisk przesyłania z kalkulatora został pomyślnie usunięty!

Mortgage calculator without submit button

Więcej pytań dotyczących formularzy kalkulatora

Formularze kalkulatorów są popularnym tematem wśród naszych czytelników. Oto odpowiedzi na niektóre często zadawane pytania na ich temat.

Jak wyłączyć przycisk przesyłania w formularzu?

Aby wyłączyć przycisk przesyłania w formularzu, szczególnie jeśli używasz WPForms Pro, możesz zastosować niestandardowy CSS. Przejdź do WPForms »Narzędzia. Następnie przejdź do karty Fragmenty kodu i uzyskaj dostęp do biblioteki fragmentów kodu WPForms, która zawiera rozwiązanie umożliwiające wyłączenie przycisku przesyłania w formularzu.

Czy formularz może nie mieć przycisku przesyłania?

Tak, formularz może działać bez przycisku wysyłania. Jest to powszechne w przypadku formularzy, które przesyłają się automatycznie lub korzystają z alternatywnych metod przechwytywania danych. Dzięki WPForms Pro możesz tworzyć takie formularze, dostosowując je za pomocą CSS, aby ukryć przycisk przesyłania, korzystając z integracji z WPCode, aby płynnie dodać niezbędny kod.

Następnie dowiedz się, jak utworzyć niestandardowy kalkulator online

Dodanie kalkulatora do witryny może zwiększyć zaangażowanie, zachęcając odwiedzających do pozostania i uzyskania odpowiedzi na ich problemy. Sprawdź ten przewodnik, jak utworzyć niestandardowy kalkulator w WordPressie pod kątem unikalnych potrzeb Twojej witryny.

Utwórz niestandardowy kalkulator online

Gotowy do zbudowania formularza? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele bezpłatnych szablonów i oferuje 14-dniową gwarancję zwrotu pieniędzy.

Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.