Ищете, как легко добавить ползунок диапазона чисел к формам в WordPress?
Ну, вы находитесь в правильном месте! Ползунок диапазона номеров – это отличный инструмент, который поразит ваших посетителей современной формой, которая получает массу конверсий.
В этом уроке мы покажем вам, как создать форму с ползунком диапазона номеров в WordPress.
Вот оглавление, которое поможет вам ориентироваться в этом руководстве:
- Создать простую форму
- Добавить ползунок диапазона номеров
- Настройте параметры формы
- Настройте уведомления формы
- Настройте подтверждение формы
- Добавьте форму слайдера диапазона номеров на свой сайт
Зачем использовать слайдер диапазона номеров?
Хотите знать, почему поместите слайдер диапазона номеров на вашем сайте малого бизнеса. Ну, использование ползунка диапазона номеров в ваших формах WordPress включает в себя ряд преимуществ, таких как:
- Дополнительные детали – Получить дополнительную информацию от людей, которые заполняют вашу форму легко. Поскольку он имеет такой интерактивный вид, ваши посетители с большей вероятностью заполнят поле ползунка диапазона номеров, запрашивая более подробную информацию.
- Более высокое качество приводит – Благодаря дополнительным деталям о ваших отведениях с самого начала ваши отведения становятся еще лучше, что делает бегунок диапазона отличным инструментом для создания отведений. Если вы знаете разные детали, например, с каким типом лида вы работаете, вы можете делать такие вещи, как отправка лида другим людям на основе количества, введенного с условными подтверждениями.
- современный – Заменяет традиционные поля ввода текста с гладким, современным взглядом. Это делает ваш веб-сайт и формы похожими на профессионалов.
- чувствительный – Ползунок числового диапазона выглядит великолепно на всех устройствах. Добавив это поле, вы можете сделать свой сайт и тему WordPress отзывчиво выглядящими великолепно.
- Прост в использовании – После того, как ползунок номера добавлен в вашу форму, ваши клиенты и клиенты могут легко использовать его. Все, что им нужно сделать, это просто перетащить его вперед и назад, чтобы настроить количество.
- настраиваемый – Ползунок числового диапазона WPForms легко настраивается. Вы можете легко настроить параметры в генераторе перетаскивания в соответствии со спецификациями вашего веб-сайта, будь то маленькие или большие цифры (или где-то между ними)!
Теперь, когда вы знаете, почему использование ползунка диапазона номеров – отличная идея для форм вашего веб-сайта, давайте посмотрим, как именно это делается.
Как создать форму с ползунком диапазона номеров
Если вы хотите добавить крутой и эффективный инструмент скользящего диапазона в ваши формы WordPress, вот как это легко сделать:
Шаг 1: создайте простую форму
Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Для получения дополнительной информации см. Это пошаговое руководство о том, как установить плагин в WordPress.
Затем перейдите к WPForms »Добавить новый создать новую форму.
На этом экране дайте вашей форме имя и выберите шаблон простой контактной формы.
Далее для вас будет создан простой шаблон контактной формы. Очень хорошо, верно?
Шаг 2: добавить ползунок числового диапазона
Теперь давайте продолжим и добавим ползунок диапазона чисел к вашей форме.
Из параметров в стандартных полях на левой панели перетащите Слайдер чисел поле в вашей форме справа.
Нажмите на поле Number Slider, чтобы изменить его метку и значения.
Вы также можете изменить название вашей формы прямо сейчас на общий и Наименование формы,
Наконец, вы можете добавить любые дополнительные поля в форму ползунка диапазона номеров, перетаскивая их с левой стороны на правую сторону.
Когда вы закончите настройку формы ползунка диапазона, нажмите сохранить в правом верхнем углу
Шаг 3: настройте параметры формы
Если вы не находитесь на этой странице с момента последнего шага, перейдите к конфигурации »» общий,
Здесь вы можете настроить следующее:
- Описание формы Дайте вашей форме описание.
- Отправить текст кнопки – Персонализируйте копию на кнопке отправки.
- Предотвращение спама Включите функцию защиты от спама honeypot, чтобы предотвратить появление спам-запросов и обеспечить безопасность вашего сайта. Эта функция автоматически включается во всех формах WordPress. Если вы решили использовать другую форму предотвращения спама, снимите этот флажок. Вы также можете включить Google reCAPTCHA здесь.
- AJAX формы – Включите настройки AJAX без перезагрузки страницы.
- Улучшения GDPR – Вы можете отключить хранение ввода и данных пользователя, таких как IP-адреса и пользовательские агенты, чтобы соответствовать требованиям GDPR. Также ознакомьтесь с нашими пошаговыми инструкциями о том, как добавить поле соглашения GDPR в вашу простую контактную форму.
Когда вы закончите, нажмите сохранить,
Шаг 4: Настройте уведомления формы
Когда вы получаете представление своей формы на своем веб-сайте, важно, чтобы вы и ваша команда были немедленно уведомлены.
Уведомления – отличный способ отправить электронное письмо каждый раз, когда форма отправляется на ваш сайт.
Если вы используете смарт-теги, вы также можете отправить пользователю уведомление, когда они завершат его, сообщив им, что они получили ваш вклад. Это гарантирует людям, что их запрос был одобрен.
Для получения справки об этом шаге, смотрите нашу документацию о том, как настроить уведомления формы в WordPress.
И если вы хотите, чтобы брендинг на ваших электронных письмах был последовательным, вы можете проверить это руководство о том, как добавить пользовательский заголовок в ваш шаблон электронной почты.
Это отличный способ быстро получить формы для себя или своей команды, чтобы они быстро запрыгивали на вещи!
Шаг 5: Настройте подтверждение формы
Подтверждение формы – это сообщения, которые показываются посетителям сайта после того, как они отправили слайдер диапазона номеров на свой сайт. Они информируют людей о том, что их заявление было одобрено, и дают им возможность проинформировать их о следующих шагах.
WPForms имеет 3 типа подтверждения на выбор:
- Сообщение – Это тип подтверждения по умолчанию в WPForms. Когда посетитель сайта отправляет запрос, появляется простое подтверждающее сообщение, информирующее вас о том, что ваша форма обработана. Ознакомьтесь с некоторыми очень успешными сообщениями, которые помогут повысить удовлетворенность пользователей.
- Показать страницу – Этот тип подтверждения приведет посетителей сайта к определенной веб-странице на вашем сайте, поблагодарив их за предоставление своей информации. Чтобы получить помощь в этом, ознакомьтесь с нашим руководством по перенаправлению клиентов на страницу благодарности. Также обязательно прочитайте нашу статью о создании эффективных страниц благодарности.
- Перейти к URL (перенаправление) – Этот вариант предназначен для отправки посетителей сайта на другой сайт.
Давайте рассмотрим, как настроить простую фиксацию формы в WPForms, чтобы вы могли настроить сообщение, которое увидят посетители сайта после заполнения формы.
Чтобы начать, нажмите на подтверждение вкладка в редакторе форм в конфигурации,
Затем выберите тип подтверждения, которое вы хотите создать. Для этого примера мы выберем сообщение,
Затем настройте сообщение подтверждения по своему вкусу и нажмите сохранить,
Для получения справки по другим типам подтверждений см. Нашу документацию о том, как настроить подтверждения формы.
Шаг 6: Добавьте форму слайдера диапазона номеров на свой сайт
После создания формы вам необходимо добавить ее на свой веб-сайт WordPress. WPForms позволяет добавлять ваши формы во многие места на вашем сайте, в том числе в сообщения в блоге, на страницы и даже в боковые панели виджетов.
Давайте рассмотрим наиболее распространенный вариант размещения: встраивание страницы / поста.
Для начала создайте новую страницу или пост в WordPress или перейдите к обновлению настроек существующей.
После этого щелкните внутри первого блока (пустая область под заголовком вашей страницы) и щелкните значок «Дополнительно».
Из разных блоков найдите и выберите WPForms.
Теперь удобный виджет WPForms появится внутри вашего блока. Нажмите на раскрывающееся меню WPForms и выберите, какую из форм, которые вы уже создали, вы хотите вставить на свою страницу.
Выберите форму ползунка числового диапазона из выпадающего меню. Затем опубликуйте или обновите свой пост или страницу, чтобы ваша форма появилась на вашем веб-сайте.
Теперь вы сможете увидеть форму слайдера диапазона номеров на своем веб-сайте, и посетители могут сразу же начать ее использовать.
Чтобы просмотреть записи формы после их отправки, см. Это подробное руководство по созданию записей формы. Например, вы можете просматривать, искать, фильтровать, распечатывать и удалять любые записи формы.
В заключение
И вот оно! Теперь вы знаете, как создать форму с ползунком диапазона номеров в WordPress с помощью плагина WPForms, чтобы вы могли легко получать подробные презентации от посетителей вашего сайта!
Хотите знать, что думают посетители вашего сайта? Перейдите к этому сообщению с примерами опросов NPS, чтобы узнать, как просто разместить опрос на своем сайте и получить ценные отзывы.
Так чего же вы ждете? Начните с самого мощного плагина WordPress для форм сегодня. WPForms Pro поставляется с бесплатной формой слайдера диапазона номеров и имеет 14-дневную гарантию возврата денег.
И не забудьте, если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter,
