Dodawanie kalkulatora kredytu hipotecznego w WordPress

Niedawno jeden z naszych czytelników zapytał o dodanie kalkulatora kredytu hipotecznego w WordPressie.

Kalkulator hipoteczny jest przydatnym narzędziem dla stron internetowych o nieruchomościach, ponieważ pozwala odwiedzającym sprawdzić, czy stać ich na nieruchomość, na którą patrzą.

W tym artykule pokażemy, jak łatwo dodać kalkulator kredytu hipotecznego w WordPress.

Adding a Mortgage Calculator in WordPress

Co To jest kalkulator hipoteczny? Kto potrzebuje tego na swojej stronie internetowej?

Kalkulator hipoteczny To narzędzie, które pozwala użytkownikom uzyskać szacunki dotyczące spłaty kredytu hipotecznego, z oprocentowaniem i okresem amortyzacji.

Dzięki kalkulatorowi kredytu hipotecznego odwiedzający Twoją stronę mogą wybrać miesięczną płatność lub okres, a Formularz kalkulatora kredytu hipotecznego obliczy koszty na podstawie danej stopy procentowej.

Jeśli tworzysz prawdziwą stronę internetową z ofertami nieruchomości IDX, kalkulator hipoteczny pomoże ci uzyskać więcej potencjalnych klientów i zwiększyć zaangażowanie użytkowników na swojej stronie.

Mając to na uwadze, przyjrzyjmy się, jak łatwo utworzyć kalkulator hipoteczny w WordPress.

Tworzenie kalkulatora kredytu hipotecznego WordPress – (krok po kroku)

Dodanie kalkulatora kredytu hipotecznego w WordPressie było dość trudne. Albo trzeba było dodać kawałek kodu na swojej stronie lub zainstalować usługę kalkulatora kredytu hipotecznego innej firmy.

Teraz, dzięki potężnym Formularzom, możesz łatwo utworzyć kalkulator kredytu hipotecznego z interfejsem przeciągnij i upuść.

Formidable Forms Advanced WordPress form plugin

Formidable Forms to najbardziej zaawansowana wtyczka do tworzenia formularzy WordPress na rynku. Pozwala na tworzenie zaawansowanych formularzy, takich jak quiz online, katalog stron internetowych, oferty pracy, kalkulatory i wiele innych.

Formidable ułatwia tworzenie zaawansowanych formularzy bez pisania kodu. Możesz korzystać z takich funkcji, jak logika warunkowa, zaawansowane obliczenia, przesyłanie plików, pola powtarzania, dynamiczne wstępnie wypełnione pola i inne.

Zawiera bardzo przydatne gotowe szablony dla ponad 20 typów formularzy. Będziemy używać ich szablon kalkulator hipoteczny jako punkt wyjścia dla tego samouczka.

Zaczynajmy.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Formidable Forms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Będziesz potrzebował przynajmniej ich biznesplanu, aby korzystać z funkcji kalkulatora hipotecznego.

Po aktywacji musisz kliknąć opcję „Dodaj klucz licencyjny teraz”, aby wprowadzić szczegóły licencji.

Add Your Formidable Forms Pro License Key

Spowoduje to przejście do strony ustawień globalnych, na której musisz wprowadzić klucz licencyjny Formidable Forms.

Save Your Formidable Forms License key

Klucz licencyjny znajdziesz w obszarze swojego konta na stronie Formidable Forms.

Po zakończeniu zobaczysz komunikat o pomyślnej aktywacji licencji. Teraz możesz po prostu odświeżyć stronę, aby załadować funkcje premium.

Następnie przejdź do Formidable ” Formy aby dodać nowy formularz. Tam zobaczysz formularz kontaktowy już dodany domyślnie. Kliknij przycisk „Dodaj nowy”, aby utworzyć nowy formularz kalkulatora kredytu hipotecznego.

Add New Formidable Form

Na następnej stronie zobaczysz wiele gotowych szablonów, które pomogą Ci szybko zacząć. Musisz znaleźć szablon kalkulatora kredytu hipotecznego w sekcji Szablony Premium.

Zauważysz, że dostępne są dwa szablony kalkulatorów hipotecznych: prosty kalkulator hipoteczny i zaawansowany kalkulator hipoteczny.

Zacznijmy od prostego kalkulatora hipotecznego.

Umieść wskaźnik myszy nad szablonem,a następnie pokaże Ci dwa przyciski: Utwórz formularz i podgląd.

Choose Simple Mortgage Calculator Template

Musisz kliknąć przycisk „Utwórz formularz”. Spowoduje to wyświetlenie wyskakującego okna, w którym musisz dodać nazwę i opis, a następnie kliknij przycisk „Utwórz”.

Create New Simple Mortgage Calculator Form

Wtyczka załaduje teraz potężny interfejs edytora formularzy z wybranym szablonem kalkulatora prostych formularzy hipotecznych.

WordPress Simple Mortgage Calculator Form Builder

W tym miejscu możesz po prostu wskaż i kliknij, aby dostosować każde pole formularza w razie potrzeby.

Na przykład możesz zmienić etykietę pola i domyślną wartość pola kwota kredytu hipotecznego.

Customizing Simple Mortgage Calculator Field Options

Należy jednak uważać na ostatnie pole „płatność miesięczna”, ponieważ zawiera ono formułę obliczeniową jako wartość domyślną.

Jeśli nie jesteś ekspertem od obliczeń, musisz pozostawić to bez zmian.

Customizing Monthly Payment Field Options Formidable Mortgage Calculator

Po przejrzeniu wszystkich pól formularza kliknij przycisk Aktualizuj w prawym górnym rogu ekranu. Następnie możesz kliknąć ikonę Zamknij, aby wyjść z edytora formularzy.

Simple Mortgage Calculator Successfully Created

Twój prosty kalkulator hipoteczny jest już gotowy. Następnym krokiem jest dodanie go do strony lub posta, w którym chcesz pokazać Kalkulator.

Po prostu utwórz nową stronę / post lub otwórz istniejącą, aby dodać kalkulator kredytu hipotecznego. W edytorze stron kliknij ikonę „Dodaj nowy blok”, a następnie wybierz Formidable Forms Gutenberg block.

Add Formidable Forms Block in WordPress Page Editor

Następnie możesz zobaczyć potężny blok formularzy dodany do Edytora Stron.

Następnie musisz wybrać prosty formularz kalkulatora kredytu hipotecznego w rozwijanej opcji, a WordPress załaduje formularz automatycznie.

Adding Simple WordPress Mortgage Calculator to Page Editor

Następnie możesz opublikować lub zaktualizować swoją stronę, a następnie wyświetlić jej podgląd, aby zobaczyć, jak działa prosty kalkulator hipoteczny.

Na przykład, oto jak to wygląda na naszej stronie demo.

Simple WordPress Mortgage Calculator Preview

Tworzenie zaawansowanego kalkulatora kredytu hipotecznego w WordPress

Prosty kalkulator hipoteczny pokazany powyżej jest dobry do podstawowej kalkulacji hipoteki. Jeśli jednak chcesz obliczyć podatki, płatności ubezpieczeniowe, PMI, stosunek pożyczki do wartości itp., Będziesz potrzebować zaawansowanego kalkulatora hipotecznego dla swojej witryny nieruchomości.

Dzięki potężnym formom, zrobienie zaawansowanego kalkulatora hipotecznego jest również szybką i prostą pracą.

Po pierwsze, musisz odwiedzić Formidable ” Formy stronę i kliknij przycisk Utwórz nowy, aby dodać nowy formularz.

Add New Formidable Form

Następnie najedź kursorem na zaawansowany szablon kalkulatora kredytu hipotecznego i kliknij przycisk Utwórz formularz.

Select Advanced Mortgage Calculator Template Formidable Forms

Następnie WordPress otworzy wyskakujące okno, w którym możesz wprowadzić nazwę i opis formularza, a następnie kliknąć przycisk „Utwórz”.

Advanced Mortgage Calculator Editor in Formidable Forms

Teraz możesz dostosować każde pole formularza, klikając na nie.

Po kliknięciu pola w lewej kolumnie pojawią się opcje pola. Stamtąd możesz zmienić etykietę pola, wartość domyślną itp.

Customizing Field Options in Advanced Mortgage Calculator Form

Możesz przeglądać i edytować Zaawansowane opcje pól analizy finansowej. Jeśli jednak nie znasz formuł obliczeniowych, najlepiej pozostawić je nietknięte.

Calculation Fields in Advanced Mortgage Calculator Formidable Forms

Po zakończeniu kliknij przycisk Aktualizuj w prawym górnym rogu, a następnie kliknij ikonę Zamknij.

Twój zaawansowany formularz kalkulatora kredytu hipotecznego jest gotowy; możesz teraz dodać do niego swoje posty WordPress, strony, paski boczne lub strony z ofertą nieruchomości

W edytorze stron kliknij ikonę „Dodaj nowy blok”, a następnie wybierz potężny blok formularzy.

Add Formidable Forms Block in WordPress Page Editor

Po prostu Edytuj post, stronę lub ofertę i dodaj potężny blok formularzy do edytora treści.

Z ustawień bloku wybierz utworzony wcześniej formularz zaawansowanego kalkulatora kredytu hipotecznego. Następnie WordPress automatycznie załaduje kalkulator kredytu hipotecznego do Edytora Stron.

Add Advanced WordPress Mortgage Calculator to Page Editor

Teraz możesz opublikować lub zaktualizować swoją stronę i wyświetlić jej podgląd, aby zobaczyć, jak wygląda kalkulator kredytu hipotecznego. Oto jak wygląda Formidable Forms advanced mortgage calculator na naszej stronie demo.

Advanced WordPress Mortgage Calculator Preview

Jak pokazano na powyższym zrzucie ekranu, Zaawansowany kalkulator hipoteczny pozwala użytkownikom wprowadzić wartość domu, Informacje o pożyczce, w tym kwotę, stopę procentową, harmonogram amortyzacji, roczne podatki, ubezpieczenie i PMI.

Wtyczka obliczy Dane i wyświetli miesięczne płatności, czas trwania i inne informacje.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać kalkulator kredytu hipotecznego w WordPress. Możesz również zobaczyć naszą listę najlepszych usług e-mail marketingu i najlepszych usług telefonicznych dla małych firm.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…