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

2 min


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

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

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

Добавление ипотечного калькулятора в WordPress

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

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

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

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

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

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

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

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

Грозный формы Расширенный плагин формы WordPress

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

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

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

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

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

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

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

Добавьте Ваш Грозный Лицензионный Ключ Forms Pro

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

Сохраните ваш лицензионный ключ

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

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

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

Добавить новую грозную форму

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

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

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

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

Выберите шаблон простого ипотечного калькулятора

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

Создать новую простую форму калькулятора ипотеки

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

WordPress Простой ипотечный калькулятор Form Builder

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

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

Настройка параметров поля «Простой ипотечный калькулятор»

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

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

Настройка параметров поля ежемесячного платежа Грозный ипотечный калькулятор

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

Простой Ипотечный Калькулятор Успешно Создан

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

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

Добавление грозного блока форм в редакторе страниц WordPress

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

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

Добавление простого ипотечного калькулятора WordPress в редактор страниц

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

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

Простой WordPress Ипотечный Калькулятор Предварительный просмотр

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

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

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

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

Добавить новую грозную форму

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

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

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

Расширенный редактор ипотечного калькулятора в огромных формах

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

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

Настройка параметров поля в расширенной форме калькулятора ипотеки

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

Поля расчета в формулярах расширенного ипотечного калькулятора

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

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

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

Добавление грозного блока форм в редакторе страниц WordPress

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

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

Добавить расширенный ипотечный калькулятор WordPress в редактор страниц

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

Расширенный WordPress Ипотечный Калькулятор Предварительный просмотр

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

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

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

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


0 Comments

Добавить комментарий