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

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

Вы хотите добавить ипотечный калькулятор в WordPress?

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

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

Зачем добавлять ипотечный калькулятор в WordPress?

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

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

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

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

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

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

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

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

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

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

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

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

Примечание: Чтобы воспользоваться функциями ипотечного калькулятора, вам необходимо приобрести бизнес-план Formidable Forms Business.

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

После активации вы увидите уведомление с просьбой ввести лицензионный ключ. Вы можете идти вперед и нажать на «Добавить лицензионный ключ сейчас.’

Добавить лицензионный ключ Formidable Forms Pro

Это приведет вас на страницу глобальных настроек.

Здесь вы можете нажать на ‘Connect an Account’ и следовать информации на экране для подключения WordPress к вашему аккаунту Formidable Forms.

Подключение WordPress к вашей учетной записи Formidable Forms

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

Вы можете найти лицензионный ключ, войдя в свой аккаунт на сайте Formidable Forms.

Добавление лицензионного ключа к плагину Formidable Forms

После того, как вы ввели его данные, нажмите на «Сохранить лицензию.’ Через несколько мгновений вы увидите сообщение об успешной активации лицензии.

Теперь вы можете просто обновить страницу, чтобы загрузить премиум-функции.

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

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

Появится всплывающее окно, показывающее все готовые шаблоны, которые вы можете использовать на своем сайте WordPress.

Чтобы найти шаблон ипотечного калькулятора, откройте раздел «Калькулятор».

Formidable Forms

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

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

Чтобы просмотреть, как форма будет выглядеть на вашем сайте, просто наведите курсор мыши на шаблон ‘Simple Mortgage Calculator’, а затем нажмите на маленький значок, похожий на глаз.

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

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

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

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

Далее введите название в поле ‘Form Name’. Это просто для справки, поэтому вы можете использовать все, что захотите.

Затем нажмите на кнопку «Создать», чтобы открыть конструктор форм.

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

На данном этапе вы можете настроить поля шаблона в соответствии с вашими потребностями.

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

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

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

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

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

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

Когда вы будете довольны тем, как выглядит форма, нажмите на кнопку «Обновить» в правом верхнем углу экрана.

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

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

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

Затем вы можете просто ввести ‘Formidable Forms’ и нажать на правый блок, когда он появится.

Блок Formidable Forms

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

Теперь WordPress будет загружать форму автоматически.

Когда вы будете довольны тем, как выглядит страница, вы можете нажать на кнопку «Обновить» или «Опубликовать», чтобы запустить ее в работу.

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

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

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

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

Хорошей новостью является то, что Formidable Forms также имеет продвинутый ипотечный калькулятор, который позволяет посетителям вводить стоимость дома, а также информацию о кредите, включая сумму, процентную ставку, график амортизации, ежегодные налоги, страхование и PMI.

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

Чтобы создать расширенный калькулятор, перейдите по ссылке Formidable » Формы и нажмите на кнопку ‘Add New’, чтобы создать новую форму.

Добавление новой формы

После этого просто откройте категорию «Калькуляторы», а затем найдите шаблон «Расширенный ипотечный калькулятор».

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

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

Откроется интерактивный предварительный просмотр.

Если вы хотите использовать этот шаблон, то просто нажмите на кнопку «Использовать этот шаблон».

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

После этого введите заголовок в поле ‘Form Name’. Это просто для справки, так что вы можете использовать все, что поможет вам определить форму в вашей приборной панели WordPress.

После этого нажмите на кнопку ‘Создать’.

Создание новой формы с помощью расширенного шаблона ипотеки

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

На данном этапе вы, возможно, захотите настроить форму в соответствии с вашими потребностями.

Редактор расширенного ипотечного калькулятора в Formidable Forms

Для начала нажмите на поле, которое вы хотите настроить, и в левой колонке появятся Опции поля.

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

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

Если вы нажмете на любое из полей в разделе ‘Финансовый анализ’, то постарайтесь не изменять ни одного из ‘Дополнительных параметров’ в левой колонке.

Эта область содержит формулы расчета, поэтому их изменение может полностью сломать ипотечный калькулятор.

Поля расчета в продвинутом ипотечном калькуляторе Formidable Forms

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

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

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

Чтобы начать, перейдите по ссылке Страницы » Добавить новую а затем нажмите на кнопку ‘+’.

В появившемся всплывающем окне введите ‘Formidable Forms’, чтобы найти нужный блок, а затем добавьте блок в свой пост.

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

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

Теперь WordPress будет загружать форму автоматически.

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

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий