Как добавить ипотечный калькулятор в WordPress (шаг за шагом)

Недавно один из наших читателей спросил о добавлении ипотечного калькулятора в WordPress.

Ипотечный калькулятор является полезным инструментом для веб-сайтов по недвижимости, поскольку он позволяет посетителям увидеть, могут ли они позволить себе недвижимость, на которую они смотрят.

В этой статье мы покажем вам, как легко добавить ипотечный калькулятор в WordPress.

Что такое ипотечный калькулятор? Кому это нужно на их сайте?

Ипотечный калькулятор – это инструмент, который позволяет пользователям получать оценки по ипотечным платежам, с процентной ставкой и периодом амортизации.

С помощью ипотечного калькулятора посетители вашего веб-сайта могут выбрать ежемесячный платеж или период, а форма ипотечного калькулятора рассчитает расходы на основе заданной процентной ставки.

Если вы создаете реальный веб-сайт со списками недвижимости IDX, то ипотечный калькулятор поможет вам получить больше потенциальных клиентов и повысить активность пользователей на вашем сайте.

При этом давайте посмотрим, как легко создать ипотечный калькулятор в WordPress.

Создание ипотечного калькулятора WordPress – (шаг за шагом)

Добавить ипотечный калькулятор в WordPress раньше было довольно сложно. Либо вам нужно было добавить кусок кода на свой сайт, либо установить стороннюю услугу ипотечного калькулятора.

Теперь с помощью Formidable Forms вы можете легко создать ипотечный калькулятор с интерфейсом перетаскивания.

Formidable Forms – самый продвинутый плагин для создания форм WordPress на рынке. Это позволяет создавать расширенные формы, такие как онлайн-викторина, веб-каталог, списки вакансий, калькуляторы и многое другое.

Грозный позволяет легко создавать расширенные формы без написания кода. Вы можете использовать такие функции, как условная логика, расширенные вычисления, загрузка файлов, поля повторителя, динамические предварительно заполненные поля и многое другое.

Он поставляется с супер полезными готовыми шаблонами для более чем 20 типов форм. Мы будем использовать их шаблон ипотечного калькулятора в качестве отправной точки для этого урока.

Давайте начнем.

Первое, что вам нужно сделать, это установить и активировать плагин Formidable Forms. Для более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

Для использования функции ипотечного калькулятора вам потребуется, по крайней мере, их бизнес-план.

После активации вам нужно нажать на опцию «Добавить свой лицензионный ключ сейчас», чтобы ввести информацию о вашей лицензии.

Вы перейдете на страницу «Глобальные настройки», где вам нужно будет ввести лицензионный ключ для Грозных форм.

Вы можете найти лицензионный ключ в своей учетной записи на веб-сайте Formidable Forms.

После этого вы увидите сообщение об успешной активации лицензии. Теперь вы можете просто обновить страницу, чтобы загрузить дополнительные функции.

После этого перейдите к Грозный »Формы добавить новую форму. Там вы увидите контактную форму, уже добавленную по умолчанию. Нажмите кнопку «Добавить новый», чтобы создать новую форму калькулятора ипотеки.

На следующей странице вы увидите множество готовых шаблонов, которые помогут вам быстро начать работу. Вам нужно найти шаблон ипотечного калькулятора в разделе Премиум шаблоны.

Вы заметите, что доступны два шаблона ипотечного калькулятора: Простой ипотечный калькулятор и Расширенный ипотечный калькулятор.

Давайте начнем с простого ипотечного калькулятора в первую очередь.

Наведите указатель мыши на шаблон, и он покажет вам две кнопки: Создать форму и Предварительный просмотр.

Вам нужно нажать на кнопку «Создать форму». Появится всплывающее окно, в котором необходимо добавить имя и описание, а затем нажмите кнопку «Создать».

Плагин теперь будет загружать интерфейс редактора Formidable Forms с выбранным вами шаблоном калькулятора простой формы ипотеки.

Отсюда вы можете просто указать и щелкнуть, чтобы настроить каждое поле формы по мере необходимости.

Например, вы можете изменить метку поля и значение по умолчанию для поля Сумма ипотеки.

Однако вам нужно быть осторожным с последним полем «Ежемесячный платеж», поскольку оно включает формулу расчета в качестве значения по умолчанию.

Если вы не являетесь экспертом по расчетам, вам нужно оставить его без изменений.

После просмотра всех полей формы нажмите кнопку «Обновить» в правом верхнем углу экрана. После этого вы можете нажать на значок Закрыть, чтобы выйти из редактора форм.

Ваш простой ипотечный калькулятор теперь готов. Следующим шагом является добавление его на страницу или пост, где вы хотите показать калькулятор.

Просто создайте новую страницу / запись или откройте существующую, чтобы добавить ипотечный калькулятор. В редакторе страниц щелкните значок «Добавить новый блок» и выберите «Формируемый бланк Гутенберга».

После этого вы можете увидеть блок Formidable Forms, добавленный в ваш редактор страниц.

Далее вам нужно выбрать форму «Простой ипотечный калькулятор» в раскрывающемся списке, и WordPress автоматически загрузит форму.

После этого вы можете опубликовать или обновить свою страницу, а затем просмотреть ее, чтобы увидеть, как работает простой ипотечный калькулятор.

Например, вот как это выглядит на нашем демо-сайте.

Создание расширенного ипотечного калькулятора в WordPress

Простой ипотечный калькулятор, показанный выше, хорош для базового расчета ипотеки. Однако, если вы хотите рассчитать налоги, страховые платежи, PMI, соотношение кредита к стоимости и т. Д., То вам понадобится расширенный ипотечный калькулятор для вашего сайта недвижимости.

С помощью Грозных форм создание расширенного ипотечного калькулятора также является быстрой и простой работой.

Во-первых, вам нужно посетить Грозный »Формы странице и нажмите кнопку «Создать новый», чтобы добавить новую форму.

После этого наведите курсор мыши на шаблон расширенного ипотечного калькулятора и нажмите кнопку «Создать форму».

Затем WordPress откроет всплывающее окно, в котором вы можете ввести имя и описание для вашей формы, а затем нажать кнопку «Создать».

Теперь вы можете настроить каждое поле формы, нажав на него.

Если щелкнуть поле, в левом столбце появятся Параметры поля. Оттуда вы можете изменить метку поля, значение по умолчанию и т. Д.

Вы можете просматривать и редактировать поля «Дополнительные параметры финансового анализа». Однако, если вы не знаете формулы расчета, лучше не трогать их.

По завершении нажмите кнопку «Обновить» в правом верхнем углу, а затем нажмите значок «Закрыть».

Ваша расширенная форма калькулятора ипотеки готова; Теперь вы можете добавить его в свои сообщения WordPress, страницы, боковые панели или страницы со списком свойств.

В редакторе страниц щелкните значок «Добавить новый блок», а затем выберите блок «Формируемые формы».

Просто отредактируйте сообщение, страницу или список и добавьте блок Formidable Forms в редактор контента.

В настройках блока выберите форму расширенного ипотечного калькулятора, которую вы создали ранее. После этого WordPress автоматически загрузит ипотечный калькулятор на странице редактора.

Теперь вы можете опубликовать или обновить свою страницу и просмотреть ее, чтобы увидеть, как выглядит ваш ипотечный калькулятор. Вот как выглядит расширенный ипотечный калькулятор Formidable Forms на нашем демо-сайте.

Как показано на скриншоте выше, Advanced Mortgage Calculator позволяет вашим пользователям вводить стоимость дома, информацию о кредите, включая сумму, процентную ставку, график амортизации, годовые налоги, страховку и PMI.

Затем плагин рассчитает данные и отобразит ежемесячные платежи, продолжительность и другую информацию.

Мы надеемся, что эта статья помогла вам узнать, как добавить ипотечный калькулятор в WordPress. Вы также можете ознакомиться с нашим списком лучших почтовых маркетинговых услуг и лучших телефонных услуг для малого бизнеса.

Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас на щебет и фейсбук.