Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
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

Jeśli prowadzisz salon samochodowy lub blog poświęcony finansom osobistym, kalkulator spłaty kredytu może pomóc Ci zwiększyć sprzedaż i zapewnić wartość dodaną Twoim odbiorcom.

Odwiedzający mogą skorzystać z kalkulatora, aby oszacować miesięczne raty kredytu, porównać oferty i znaleźć najlepsze oferty na zakup samochodu.

Kalkulatory spłat pożyczek zachęcają również użytkowników do pozostania na twojej witrynie dłużej, badając różne opcje i scenariusze pożyczek. Może to prowadzić do wyższych współczynników konwersji, zwiększając twoje ogólne przychody.

W tym artykule pokażemy, jak łatwo stworzyć kalkulator płatności kredytu samochodowego dla twojej witryny internetowej WordPress.

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 na twojej witrynie 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 możesz dodać kalkulator spłaty kredytu samochodowego do twojego bloga lub witryny internetowej WordPress. Pokażemy ci 2 metody, więc możesz kliknąć poniższe odnośniki, aby przejść do dowolnej sekcji:

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 1300 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.

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.

Adding a license key to the WPForms form builder plugin

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ąć, musisz udać się do WPForms ” Add New z kokpitu WordPress.

Creating a new form using WPForms

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

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.

Na przykład zobaczysz pole „Cena samochodu”, w którym możesz wpisz całkowitą wartość samochodu. Następnie znajdują się pola do ustawienia początkowego depozytu i procentu zaliczki.

Szablon pozwala również dostosować czas trwania płatności, gdzie można użyć pokazu slajdów, aby zmienić liczbę lat. Oprócz tego szablon pozwala ustawić roczną stopę procentową twoich płatności.

Car payment calculator form

Szablon pyta również, czy handlujesz swoim samochodem. Dostępne są pola, w które można wpisz kwotę pożyczki, łączną kwotę zapłaconych odsetek i nie tylko.

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żesz na przykład dodać 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ć.

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ąć „Arkusz kalkulacyjny”, jeśli potrzebujesz dodatkowej pomocy.

Edit formula of calculator fields

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ń potwierdzeń dla twojego formularza kalkulatora kredytu samochodowego.

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 twojej 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 korzystać z funkcji płatności za samochód, należy wykupić plan Formidable Forms Business.

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 dostosowania rocznej stopy procentowej i długości pożyczki (w miesiącach). Oprócz tego dostępne są pola umożliwiające wybranie, czy handlujesz samochodem i 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. Możesz na przykład utworzyć własną stronę z podziękowaniem za pomocą kreatora stron WordPress typu „przeciągnij i upuść”, takiego jak 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 na twojej witrynie 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 przejdziesz na twoją witrynę, zobaczysz kalkulator płatności za samochód.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć kalkulator płatności kredytu samochodowego w WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat sprzedaży części samochodowych online oraz wyborem najlepszych usług e-mail marketingu dla małych firm.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

5 komentarzyZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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.

      Administrator

      • 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.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.