Jak dodać kalkulator kredytu hipotecznego w WordPress (krok po kroku)

Kalkulator kredytu hipotecznego odpowiada na pytanie, z którym odwiedzający faktycznie przyszli: ile kosztowałby ten dom miesięcznie? Bez niego opuszczają Twoją stronę, aby wykonać obliczenia na stronie banku.

Jest to również naturalny magnes na leady dla agentów nieruchomości, brokerów i pożyczkodawców. Poproś o imię i adres e-mail wraz ze szczegółami pożyczki, a każde obliczenie staje się kontaktem, z którym możesz się skontaktować.

W tym artykule pokażemy Ci trzy sposoby dodania kalkulatora kredytowego na WordPress: darmowy kod do osadzenia bez wtyczki, darmowa wtyczka działająca bezpośrednio w WordPress i kreator formularzy, który przechwytuje dane kontaktowe przy każdym obliczeniu.

Z której metody powinieneś skorzystać?

Wybierz	Najlepszy dla	Ceny
Osadzenie mortgagecalculator.org	Szybki kalkulator bez wtyczki	Darmowy
Responsywny kalkulator hipoteczny	Kalkulator działający bezpośrednio w WordPress i obsługujący Twoją walutę	Darmowy
WPForms	Przechwytywanie danych kontaktowych przy każdym obliczeniu	Plan Pro i wyższe

Metoda 1: Osadź darmowy kalkulator kredytu hipotecznego (bez pluginu)

Najprostszym sposobem na stworzenie kalkulatora kredytowego jest użycie darmowego, osadzalnego kalkulatora z mortgagecalculator.org. Na stronie możesz ustawić domyślne wartości dla ceny domu, oprocentowania, okresu kredytowania, podatku od nieruchomości, ubezpieczenia PMI i ubezpieczenia właściciela domu.

Narzędzie aktualizuje kod osadzania w miarę zmiany tych ustawień. Jeśli obsługujesz użytkowników spoza USA, możesz również dodać parametr języka do kodu. Na przykład &lang=en-GB używa ustawień brytyjskich, podczas gdy &lang=de-DE używa ustawień niemieckich.

Gdy będziesz zadowolony z ustawień, skopiuj wygenerowany kod.

Następnie otwórz wpis lub stronę w WordPress i dodaj blok Niestandardowy HTML. Kliknij „Edytuj HTML”, aby dodać wygenerowany kod.

W wyskakującym okienku, które się pojawi, wklej kod osadzania kalkulatora kredytowego. Zobaczysz podgląd po prawej stronie. Jeśli wszystko wygląda poprawnie, kliknij „Aktualizuj”, aby zachować zmiany.

Na koniec kliknij przycisk „Zapisz” lub „Aktualizuj”, aby opublikować zmiany.

Oto jak kalkulator wygląda na stronie front-end:

Pamiętaj, że kalkulator jest hostowany na serwerze zewnętrznym, więc nie możesz go stylizować, aby pasował do Twojej witryny. Nie obsługuje również przechwytywania danych kontaktowych.

Jeśli chcesz wyświetlić kalkulator w całej witrynie, na przykład w pasku bocznym lub stopce, możesz użyć WPCode do jego wstawienia.

Metoda 2: Dodaj prosty, responsywny kalkulator kredytu hipotecznego

Jeśli chcesz, aby kalkulator działał natywnie w WordPress, a nie w ramce iframe, Responsive Mortgage Calculator jest solidnym, darmowym wyborem. Ma ponad 7000 aktywnych instalacji i jest aktywnie utrzymywany.

Najpierw zainstalujmy i aktywujmy wtyczkę. Przejdź do Wtyczki » Dodaj wtyczkę w swoim panelu administracyjnym WordPress i kliknij „Zainstaluj teraz” w polu wtyczki Responsive Mortgage Calculator.

Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po zainstalowaniu wtyczki przejdź do Ustawienia » Resp Mortgage Calculator, aby ustawić walutę, okres kapitalizacji (jak często odsetki są dodawane do salda kredytu) i domyślne oprocentowanie.

Kliknij „Zapisz zmiany”, aby zachować ustawienia.

Następnie możesz dodać kalkulator do dowolnej strony lub wpisu za pomocą shortcode [mortgagecalculator] lub przeciągnąć go do obszaru widżetu.

Nie martw się, jeśli nie widzisz podglądu. Shortcode nadal będzie działać, więc możesz przejść dalej i kliknąć „Zapisz” lub „Aktualizuj”, aby go opublikować.

Teraz możesz odwiedzić swoją witrynę, aby zobaczyć go w akcji:

Ponadto należy pamiętać o kilku ograniczeniach. Na jednej stronie można umieścić tylko jeden kalkulator, opcje stylizacji są podstawowe i nie ma pól na podatek od nieruchomości ani ubezpieczenie. Nie przechwytuje również danych kontaktowych.

Metoda 3: Zbuduj kalkulator kredytu hipotecznego przechwytujący leady

Jeśli chcesz przechwytywać leady, gdy użytkownicy korzystają z Twojego kalkulatora, WPForms jest najlepszym wyborem. Pozwala on na zbieranie imienia i adresu e-mail wraz z ich obliczeniami. Będziesz potrzebować planu Pro lub wyższego, który zawiera dodatek Calculations, z którego korzystają te szablony.

W WPBeginner używamy WPForms do naszych własnych formularzy i polecamy go. Więcej informacji znajdziesz w naszej recenzji WPForms.

Utwórz formularz z szablonu

Najpierw zainstalujmy i aktywujmy WPForms oraz wprowadźmy klucz licencyjny. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Następnie przejdź do WPForms » Dodaj nowy formularz i nazwij swój kalkulator kredytowy. WPForms ma kilka szablonów kalkulatorów kredytowych:

• Prosty kalkulator kredytowy, który jest najlepszy, jeśli chcesz tylko szybkiego oszacowania miesięcznej raty.
• Kalkulator kredytowy, który pokazuje również całkowite odsetki i roczną kwotę raty.
• Generator leadów kredytowych, który zawiera już pola imienia i adresu e-mail. Jeśli go wybierzesz, możesz pominąć poniższy krok przechwytywania leadów.

Jeśli wolisz użyć innego szablonu, kliknij szablon, a następnie kliknij „Użyj szablonu”.

Pojawi się okno z prośbą o zainstalowanie i aktywowanie dodatku Calculations. Kliknij „Zainstaluj i aktywuj”.

WPForms przeniesie Cię następnie do edytora przeciągnij i upuść. Wszystkie opcje dostosowywania znajdziesz w lewym panelu, a podgląd po prawej stronie.

Ten szablon zawiera już skonfigurowane pola i formułę kalkulatora. Formułę można znaleźć, klikając pole „Miesięczna rata” i sprawdzając w sekcji Opcje pola » Zaawansowane » Formuła.

Możesz zostawić to tak, jak jest, jeśli chcesz tylko oszacowania miesięcznej raty.

Jednak żaden z szablonów nie zawiera pól podatku od nieruchomości ani PMI (ubezpieczenia od kredytu hipotecznego). Jeśli chcesz je dodać, najpierw musisz dodać pola dla tych wartości do swojego formularza.

Jeśli wolisz nie budować ich samodzielnie, szablon Zaawansowany kalkulator kredytowy Formidable Forms zawiera wbudowane pola podatkowe i ubezpieczeniowe.

Możesz użyć pola Liczby, które akceptuje tylko dane numeryczne, dzięki czemu formuła nie ulegnie awarii, jeśli ktoś wpisze tekst. Po prostu przeciągnij i upuść je z panelu Dodaj pola do panelu podglądu. Następnie zmień etykietę w zakładce „Opcje pola”.

Powtórz ten krok dla wszystkich dodatkowych pól, których potrzebujesz.

Po dodaniu pól kliknij pole „Miesięczna rata”, aby skonfigurować nową formułę. Następnie kliknij „Wygeneruj formułę” obok pola Formuła i opisz, jak chcesz, aby zostały uwzględnione w obliczeniach.

Na przykład: „Dodaj roczny podatek od nieruchomości i PMI do miesięcznej raty kredytu hipotecznego. Podziel roczny podatek od nieruchomości przez 12. Oblicz miesięczne PMI, mnożąc kwotę pożyczki przez stopę PMI i dzieląc przez 12.”

Gdy AI wygeneruje dla Ciebie formułę, kliknij „Wstaw formułę”.

Następnie kliknij link „Zweryfikuj formułę” w edytorze, aby upewnić się, że wszystko działa poprawnie.

Dodaj przechwytywanie leadów i powiadomienia

Oba szablony zawierają już pole E-mail. Aby przechwycić leada, przeciągnij i upuść również pole „Imię” do formularza.

Następnie przejdźmy do zakładki „Powiadomienia” i upewnijmy się, że powiadomienia są włączone, aby otrzymywać e-mail za każdym razem, gdy ktoś wypełni formularz.

WPForms ma domyślnie włączoną ochronę antyspamową. A ponieważ te powiadomienia są ważne, zalecamy skorzystanie z usługi SMTP, aby nie trafiały do spamu. Zobacz nasz poradnik, jeśli WordPress nie wysyła wiadomości e-mail.

Osadź kalkulator

Teraz czas na osadzenie Twojego kalkulatora kredytowego pozyskującego leady.

Kliknij „Osadź” w górnym menu. Następnie możesz dodać formularz do istniejącej lub nowej strony, albo skopiować krótki kod. Jeśli wybierzesz „Istniejąca strona”, wybierz stronę, na której chcesz osadzić swój kalkulator w następującym wyskakującym okienku. Spowoduje to przejście do edytora strony.

W edytorze kliknij przycisk „+”, aby dodać blok WPForms. Następnie możesz wybrać swój kalkulator kredytowy pozyskujący leady z listy rozwijanej.

WordPress załaduje Twój kalkulator kredytowy w edytorze. Jeśli chcesz, możesz dostosować i stylizować swój formularz w prawym panelu. Kliknij „Zapisz” lub „Zaktualizuj”, gdy skończysz.

Zobacz nasz poradnik na temat dodawania krótkiego kodu w WordPress, jeśli wolisz używać krótkiego kodu.

To wszystko! Pomyślnie zbudowałeś kalkulator kredytowy pozyskujący leady:

Zanim udostępnisz stronę, samodzielnie przeprowadź testowe obliczenie i sprawdź, czy wpis pojawił się w sekcji WPForms » Wpisy oraz czy dotarł e-mail z powiadomieniem.

Jeśli chcesz mieć podatek od nieruchomości, ubezpieczenie i PMI wbudowane zamiast dodawanych za pomocą Generate Formula, szablon Formidable Forms Advanced Mortgage Calculator zawiera je. Szczegóły znajdziesz na naszej stronie Kalkulatory Formidable Forms.

FAQ: Dodaj kalkulator kredytów hipotecznych w WordPress

Jakie elementy są niezbędne do kalkulatora kredytu hipotecznego?

Podstawowy kalkulator kredytowy potrzebuje kwoty pożyczki (cena domu lub kwota kredytu), oprocentowania (roczna stopa procentowa), okresu kredytowania (na przykład 15 lub 30 lat) oraz sposobu obliczenia i wyświetlenia miesięcznej raty. Niektóre kalkulatory zawierają również pola na podatek od nieruchomości, ubezpieczenie lub opłaty HOA, ale są one opcjonalne.

Czy mogę zmienić walutę z dolarów?

Tak, wszystkie trzy metody mogą obsługiwać inne waluty, ale proces jest inny. W przypadku darmowego osadzania, dodaj kod języka, taki jak &lang=en-GB do kodu osadzania. W przypadku Responsive Mortgage Calculator możesz ustawić walutę w sekcji Ustawienia » Resp Mortgage Calculator.

W WPForms przejdź do WPForms » Ustawienia, otwórz zakładkę „Płatności” i wybierz swoją walutę z listy rozwijanej. Pola obliczeniowe używają tego ustawienia.

Czy to działa z Elementor lub innymi kreatorami stron?

Tak. Możesz wkleić kod skrótu lub kod osadzania do widżetu kodu skrótu lub HTML w kreatorze stron.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać kalkulator kredytowy w WordPress. Chcesz jeszcze bardziej ulepszyć swoją stronę o nieruchomościach? Te starannie dobrane zasoby mogą pomóc:

• Najlepsze wtyczki nieruchomości WordPress
• Najlepsze motywy WordPress dla nieruchomości dla agentów nieruchomości
• Jak stworzyć stronę internetową dla nieruchomości IDX przy użyciu WordPressa
• Kompleksowy przewodnik po lokalnym SEO w WordPress, który zwiększy Twoje rankingi

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.