Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć kalkulator kredytu samochodowego / płatności za samochód w WordPress

Czy zastanawiałeś się kiedyś, dlaczego odwiedzający przeglądają twoją witrynę salonu samochodowego, ale nie podejmują żadnych działań? Dokładnie tak było w przypadku mojego znajomego – dopóki nie dodał prostego kalkulatora kredytu samochodowego.

Gdy tylko jego klienci mogli obliczyć miesięczne płatności bezpośrednio na witrynie, konwersje wzrosły o 25%. Okazuje się, że usuwanie finansowych domysłów pomaga ludziom czuć się pewniej przy podejmowaniu decyzji.

W tym przewodniku pokażemy ci dokładnie, jak dodać kalkulator kredytu samochodowego do twojej witryny WordPress. Po przetestowaniu kilku wtyczek i metod, zawęziliśmy je do najlepszych opcji, które są łatwe w konfiguracji – nie wymagają kodowania. 🙌

How to create an auto loan payment calculator in WordPress

Co to jest kalkulator spłaty kredytu samochodowego? 🧮

Kalkulator spłaty kredytu samochodowego pozwala użytkownikom uzyskać szacunki dotyczące miesięcznej spłaty kredytu, sprawdzić harmonogram amortyzacji i obliczyć całkowity koszt kredytu.

Włącza on odwiedzających do łatwego wykonania pełnej kalkulacji kredytu samochodowego z uwzględnieniem podatku od sprzedaży, opłat dealerskich, wartości wymiany, stopy procentowej, długości kredytu i innych.

Kalkulator spłaty kredytu samochodowego jest szczególnie przydatny dla witryn internetowych salonów samochodowych i firm zajmujących się finansowaniem kredytów samochodowych.

Dodanie kalkulatora pożyczek do Twojej witryny internetowej WordPress pomaga zarówno Tobie, jak i potencjalnym klientom. Odwiedzający mogą po prostu wpisać swoje dane i zobaczyć różne dostępne plany finansowania.

Oznacza to, że mogą znaleźć plan, który najlepiej pasuje do ich budżetu bez opuszczania twojej witryny internetowej, co zwiększy zaangażowanie i zmniejszy współczynnik odrzuceń. Za pomocą kalkulatora można również zbierać adresy e-mail użytkowników, co czyni go doskonałym narzędziem do generowania potencjalnych klientów.

Mając to na uwadze, zobaczmy, jak dodać kalkulator spłaty kredytu samochodowego do twojej witryny WordPress. Pokażemy ci 2 metody, więc możesz kliknąć poniższe odnośniki, aby przejść do dowolnej sekcji:

Zaczynajmy.

Metoda 1: Utwórz kalkulator płatności za samochód za pomocą WPForms

W przeszłości stworzenie kalkulatora spłaty kredytu samochodowego wymagało zaprogramowania skomplikowanych obliczeń matematycznych lub zatrudnienia programisty WordPress.

Na szczęście teraz możliwe jest zbudowanie kalkulatora kredytu samochodowego bez pisania jakiegokolwiek kodu za pomocą WPForms. Ta popularna wtyczka do formularzy kontaktowych WordPress oferuje wszechstronny kreator formularzy oraz ponad 2000 gotowych szablonów.

WPForms oferuje potężny dodatek Calculations, który pozwala tworzyć różne formularze kalkulatorów dla twojej witryny internetowej. Zawiera gotowe szablony kalkulatorów i kreator formularzy typu “przeciągnij i upuść”, dzięki czemu zyskujesz elastyczność i kontrolę nad wyglądem twojego formularza.

ℹ️ Od lat ufamy WPForms, jeśli chodzi o nasz formularz kontaktowy i coroczną ankietę czytelników WPBeginner. Dzięki potężnemu kreatorowi typu “przeciągnij i upuść” oraz nowym funkcjom AI, tworzenie formularzy jest szybkie i bezproblemowe.

Chcesz zobaczyć, dlaczego go polecamy? Przeczytaj naszą pełną recenzję WPForms!

Konfiguracja WPForms na twojej witrynie WordPress

W tym poradniku użyjemy wersji WPForms Pro, ponieważ zawiera ona dodatek Calculations. Istnieje również wersja WPForms Lite dostępna za darmo.

Najpierw należy zainstalować i włączyć wtyczkę WPForms. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu można przejść do WPForms ” Ustawienia z kokpitu WordPress i wpisz klucz licencyjny. Klucz licencyjny można znaleźć w obszarze Twojego konta WPForms.

Entering the WPForms license key

Następnie należy zainstalować i włączyć dodatek Calculations w WPForms.

Wystarczy przejść do WPForms ” Addons z obszaru administracyjnego WordPress, a następnie przejść do Calculations Addon.

Install calculations addon

W tym miejscu kliknij przycisk “Zainstaluj dodatek”, a dodatek zostanie automatycznie zainstalowany i włączany.

Następnie możesz utworzyć nowy formularz z kalkulatorem kredytu samochodowego/spłaty samochodu.

Tworzenie kredytu samochodowego / formularza kalkulatora płatności za samochód

Aby rozpocząć, należy przejść do WPForms ” Add New z obszaru administracyjnego WordPress.

The + Add New button on WPForms' Forms Overview

Na następnym ekranie zobaczysz różne szablony formularzy oferowane przez WPForms.

Aby rozpocząć, możesz skorzystać z funkcji wyszukiwania w WPForms i znaleźć szablon “Formularz kalkulatora płatności za samochód”.

Następnie kliknij przycisk “Użyj szablonu”, aby dostosować formularz do własnych potrzeb.

Select car payment calculator template

🧑‍💻 Pro Tip: Dzięki WPForms możesz użyć AI do wygenerowania twojego formularza. Wszystko, co musisz zrobić, to podać krótki opis tego, jakiego rodzaju formularza potrzebujesz, a następnie narzędzie AI utworzy formularz w ciągu zaledwie kilku sekund.

Następnie zobaczysz swój szablon formularza w kreatorze formularzy WPForms typu “przeciągnij i upuść”.

Domyślny szablon oferuje wielostronicowy formularz ze wszystkimi niezbędnymi polami do obliczania płatności za samochód:

  • Pole “Cena samochodu”, w którym można wpisz całkowitą wartość samochodu.
  • Pola do wskazania początkowej wpłaty i procentu zaliczki.
  • Regulowany czas trwania płatności za pomocą suwaka do zmiany liczby lat.
  • Możliwość ustawienia rocznej stopy procentowej dla twoich płatności.
Car payment calculator form

Szablon zawiera również pytanie, czy handlujesz swoim samochodem. Zawiera pola, w które można wpisz kwotę pożyczki, łączną kwotę zapłaconych odsetek i inne istotne szczegóły.

Za pomocą kreatora formularzy WPForms można edytować szablon formularza, usuwać istniejące pola i dodawać różne pola formularza. Wystarczy przeciągnąć nowe pole z menu po lewej stronie i upuścić je na szablonie.

Można na przykład dodawać standardowe pola, takie jak pola wyboru, menu rozwijane i liczby.

Możesz też użyć wymyślnych pól, takich jak numer telefonu, adres, przesyłanie plików i inne.

Add new form fields to the auto loan form

Każde pole w szablonie można dodatkowo dostosować do własnych potrzeb. Wystarczy wybrać pole, które chcesz edytować, aby otworzyć opcje własnego konfiguratora.

Na przykład, jeśli klikniesz pole “Cena samochodu” w szablonie, zobaczysz więcej opcji w menu po lewej stronie. Możesz zmienić nazwę pola formularza i dodać opis.

Change form field name

Więcej opcji dostępnych jest po przejściu na kartę “Zaawansowane”.

Możesz zmienić rozmiar pola, dodać tekst zastępczy, wpisz klasę CSS, włącz obliczenia i wiele więcej.

View advanced field options

WPForms pozwala również edytować formułę dla pól kalkulatora.

Wystarczy wybrać pole, a w menu po lewej stronie pojawi się opcja “Formuła”.

Tutaj możesz wprowadzić zmiany w obliczeniach i kliknąć “Cheatsheet”, jeśli potrzebujesz dodatkowej pomocy.

Edit formula of calculator fields

Jeśli matematyka nie jest twoją najmocniejszą stroną, możesz skorzystać z potężnej funkcji obliczeń AI WPForms, aby natychmiast wygenerować złożone formuły.

W karcie “Zaawansowane” kliknij przycisk “Generuj formułę” obok pola formuły. Spowoduje to otwarcie okna czatu z asystentem AI.

Click the Generate Formula button

Z tego miejsca można po prostu opisać rodzaj potrzebnych obliczeń w prostym języku angielskim.

Na przykład, możesz napisać coś w stylu: “Utwórz kalkulator płatności za samochód, który pobiera cenę pojazdu, kwotę zaliczki, stopę procentową i okres kredytowania w latach. Chcę, aby pokazywał miesięczną kwotę płatności”.

WPForms AI Calculations

Po naciśnięciu klawisza wpisz, sztuczna inteligencja natychmiast utworzy odpowiednią formułę, którą można dodać do twojego formularza jednym kliknięciem.

Następnie możesz przejść do karty “Ustawienia” z menu po lewej stronie.

W ustawieniach “Ogólne” zobaczysz opcje zmiany nazwy formularza, dodania opisu formularza, edycji tekstu przycisku przesyłania i nie tylko.

Edit general form settings for auto loan form

Następnie można zobaczyć ustawienia “Ochrony przed spamem i zabezpieczeń”.

Tutaj WPForms pozwala włączyć ochronę antyspamową, przechowywać wpisy spamu w bazie danych, włączyć filtry krajów i słów kluczowych, skonfigurować CAPTCHA i wiele więcej.

Edit spam and protection settings

Następnie można przejść do karty ustawień “Powiadomienia”.

Tutaj będziesz mógł edytować ustawienia powiadomień e-mail, które ty i twoi użytkownicy będą otrzymywać po przesłaniu formularza.

Edit form notification settings

Na koniec możesz przejść do ustawień “Potwierdzenia” dla twojego formularza kalkulatora pożyczki samochodowej.

WPForms pozwala wyświetlić komunikat, pokazać stronę lub przekierować użytkownika na adres URL po przesłaniu formularza.

Auto loan form confirmation settings

Po wprowadzeniu tych zmian nie zapomnij zapisać swoich ustawień.

Dodaj kalkulator kredytu samochodowego / płatności za samochód do WordPress

Następnie możesz dodać formularz kalkulatora kredytu samochodowego / płatności za samochód do twojego bloga lub witryny WordPress.

Wystarczy kliknąć przycisk “Osadzanie” w górnej części kreatora formularzy.

Embed your auto loan form

Zobaczysz teraz wyskakujące okienko, w którym możesz osadzać formularz na istniejącej stronie lub utworzyć nową.

W tym poradniku wybierzemy opcję “Utwórz nową stronę”.

Create a new page

Następnie wpisz nazwę nowej strony.

Gdy to zrobisz, po prostu kliknij przycisk “Let’s Go!”.

Enter name for form embed page

Alternatywnie można również dodać blok WPForms w edytorze treści.

W tym miejscu wystarczy wybrać twój formularz kalkulatora kredytu samochodowego z rozwijanego menu.

Add the WPForms block

Następnie powinieneś zobaczyć podgląd twojego formularza kalkulatora płatności za samochód w edytorze treści.

Gdy będziesz zadowolony z wyglądu, po prostu opublikuj lub zaktualizuj twoją stronę. Następnie użytkownik może przejść na twoją witrynę internetową, aby zobaczyć kalkulator kredytu samochodowego w działaniu.

View auto loan calculator form preview

Metoda 2: Utwórz kalkulator kredytu samochodowego przy użyciu Formidable Forms

Innym sposobem tworzenia kalkulatorów kredytu samochodowego / płatności za samochód dla twojej witryny WordPress jest użycie Formidable Forms. Jest to najlepsze rozwiązanie, jeśli chcesz stworzyć bardziej zaawansowany i złożony kalkulator dla twojej witryny internetowej.

Formidable Forms zawiera potężny szablon kalkulatora płatności za samochód, który pozwala zbudować kalkulator kredytu samochodowego za pomocą zaledwie kilku kliknięć.

Szablon płatności za samochód ma już ustawioną formułę obliczania kredytu, więc nie trzeba programować żadnych skomplikowanych równań matematycznych ani używać dodatkowych wtyczek WordPress.

Uwaga: Aby uzyskać dostęp do funkcji kalkulatora płatności za samochód, potrzebny jest plan biznesowy Formidable Forms. Sami dokładnie przetestowaliśmy to narzędzie – zobacz, co znaleźliśmy w naszej obszernej recenzji Formidable Forms.

Zainstaluj Formidable Forms na twojej witrynie WordPress

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie zarówno wtyczki Formidable Forms Lite, jak i Formidable Forms Premium. Darmowa wtyczka ma ograniczone funkcje, ale Formidable Forms Pro wykorzystuje ją jako bazę dla swoich bardziej zaawansowanych funkcji.

Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu można przejść do Formidable ” Ustawienia globalne w kokpicie WordPress.

Tutaj możesz kliknąć “Połącz konto” i postępować zgodnie z instrukcjami, aby połączyć WordPress z twoim kontem Formidable Forms.

The Formidable Forms license page

Można również wybrać opcję “Kliknij, aby ręcznie wpisz klucz licencyjny”, a następnie wkleić twój klucz licencyjny w polu.

Klucz licencyjny znajdziesz logując się na swoje konto w witrynie internetowej Formidable Forms.

Enter the Formidable Forms license key

Po wpiszeniu informacji kliknij przycisk “Zapisz licencję”.

Zbuduj kalkulator kredytu samochodowego i płatności za samochód w WordPress

Teraz, gdy pomyślnie skonfigurowałeś Formidable Forms, jesteś gotowy do zbudowania formularza kalkulatora płatności za samochód.

Aby rozpocząć, wystarczy przejść do Formidable ” Formularze, a następnie kliknąć przycisk “Utwórz nowy”.

Create a new form

Następnie należy wybrać szablon formularza.

Szablon kalkulatora płatności za samochód można znaleźć, klikając sekcję “Kalkulator”.

Select auto loan calculator template

Spowoduje to otwarcie szablonu w edytorze Formidable Forms.

Domyślny szablon oferuje pola takie jak “Cena samochodu” i “Podatek od sprzedaży”. Dostępne są pokazy slajdów do regulacji rocznej stopy procentowej i długości pożyczki (w miesiącach).

Oprócz tego dostępne są pola do wyboru, czy handlujesz samochodem i do wpisz wartość wymiany.

W tym momencie możesz dostosować formularz do własnych potrzeb.

Edit car loan calculator form

Aby zmienić etykietę pola, wartość domyślną lub tekst zastępczy, wystarczy kliknąć to pole.

Następnie można użyć ustawień “Opcje pola” w menu po lewej stronie.

Customizing a car payment form

Jeśli chcesz dostosować pola “Loan Calculation” lub “Monthly Payment”, uważaj, aby nie zmienić ustawień w sekcji “Advanced”, ponieważ zawierają one formułę obliczeniową.

Zmiana tych ustawień może spowodować uszkodzenie całego formularza.

Changing the settings on an auto loan form in WordPress

Po zakończeniu konfiguratora pól można przejrzeć ustawienia formularza, klikając kartę “Ustawienia”.

Po pierwsze, można zmienić tytuł i opis formularza na karcie “Ogólne”.

Change general form settings

Możesz również zmienić, co się stanie, gdy odwiedzający prześle formularz, wybierając “Działania i powiadomienia” w menu po lewej stronie.

Jeśli klikniesz, aby rozwinąć sekcję “Potwierdzenie”, zobaczysz wiadomość, którą Formidable Forms domyślnie wyświetla odwiedzającym.

Change confirmation settings

Aby to zmienić, wystarczy wpisać twój rodzaj wiadomości w edytorze tekstu.

Jeśli wolisz, możesz przekierować odwiedzających na stronę po przesłaniu formularza. Na przykład, możesz utworzyć własną stronę z podziękowaniem za pomocą kreatora stron WordPress typu “przeciągnij i upuść”, takiego jak SeedProd.

ℹ️ Niektórzy z naszych partnerów biznesowych używają SeedProd do tworzenia swoich witryn internetowych i przekonaliśmy się na własnej skórze, że działa on wyjątkowo dobrze. Dowiedz się więcej o tym, dlaczego go polecamy w naszej dogłębnej recenzji SeedProd.

Aby skonfigurować przekierowanie, kliknij kartę “Przekieruj na adres URL”. Następnie możesz wpisać lub wkleić odnośnik w polu “Adres URL przekierowania”.

Redirect following a form submission in WordPress

Inną opcją jest pokazanie treści z innej strony WordPressa poprzez wybranie karty “Pokaż treść strony”.

Następnie można otworzyć menu rozwijane “Wybierz stronę” i wybrać stronę z listy.

Redirecting to a WordPress page or post after a form submission

Następnie kliknij, aby rozwinąć sekcję “Powiadomienia e-mail”.

Tutaj możesz zobaczyć wiadomość, którą Formidable Forms wyśle do twojego administratora WordPress.

Sending an email upon successful form submission

Możesz dodać więcej adresów e-mail, zmienić treść, dodać temat e-maila i wiele więcej.

Następnie możesz dodać więcej działań, które Formidable Forms wykona, gdy odwiedzający prześle formularz. Aby to zrobić, wystarczy przewinąć do góry strony i kliknąć dowolne działanie.

Na przykład, możesz automatycznie dodać odwiedzającego do twojej listy mailingowej Constant Contact lub ActiveCampaign.

Adding actions to a car payment form

W ten sposób Formidable Forms może pomóc rozwinąć twoją listę mailingową.

W menu po lewej stronie znajduje się więcej kart i ustawień, które można przejrzeć, ale to wystarczy, aby utworzyć kalkulator płatności za samochód.

Gdy będziesz zadowolony z konfiguracji formularza, kliknij przycisk “Aktualizuj”. Po kilku chwilach pojawi się komunikat o pomyślnej aktualizacji.

Publishing the car loan payment calculator

Dodanie kalkulatora płatności za samochód do twojej witryny WordPress

Po utworzeniu kalkulatora płatności za samochód nadszedł czas, aby dodać go do twojego sklepu internetowego lub witryny internetowej WordPress. Po prostu utwórz nową stronę lub otwórz istniejącą stronę, na której chcesz wyświetlić kalkulator.

Następnie kliknij ikonkę “+” i wpisz “Formidable Forms”. Gdy pojawi się odpowiedni blok, kliknij go, aby dodać go do strony.

The Formidable Forms WordPress block

Następnie wystarczy otworzyć menu rozwijane “Wybierz formularz” i wybrać utworzony wcześniej kalkulator płatności.

WordPress będzie teraz automatycznie wczytywał formularz.

Adding car loan calculator to wordpress

Aby uruchomić kalkulator, wystarczy kliknąć przycisk “Aktualizuj” lub “Opublikuj”. Teraz, jeśli użytkownik przejdzie na twoją witrynę, zobaczy kalkulator płatności za samochód.

Zasoby bonusowe 🔗: Rozwijaj witrynę internetową Twojego salonu samochodowego

Aby pomóc ci jeszcze lepiej wykorzystać twoją witrynę WordPress z samochodami, wybraliśmy kilka powiązanych poradników i narzędzi:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak stworzyć kalkulator płatności kredytu samochodowego w WordPress. Możesz również zapoznać się z naszym przewodnikiem po korzystaniu z formularzy WordPress i naszą opinią na temat WPForms vs Gravity Forms vs Fomidable Forms.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

4 komentarzeLeave a Reply

  1. Dennis Muthomi

    Quick question on how these calculators work – do the calculations happen in the user’s browser or does it ping the server which then returns the calculated results back to the browser??

    just curious about the tech behind it for performance and user experience considerations

    • WPBeginner Support

      If you have the form send an email notification then it will use server resources to send the confirmation.

      Admin

      • Dennis Muthomi

        hi, thanks for your reply, WPBeginner Support.
        I apologize if my original question was unclear. I’m specifically wondering if the loan/payment calculations happen client-side (in the user’s browser) or server-side. Could you please clarify where these calculations take place when using form plugins like WPForms or Formidable Forms? Thanks for your help!

        • WPBeginner Support

          For the moment the calculations are server side.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.