Форма заказа звонка сделать самому бесплатно на сайт wordpress

заказ звонка Полезное для сайта

 Сегодня вы узнаете как можно очень просто сделать форму заказа звонка на своём сайте wordpress. Принцип работы формы заказа звонка: “Пользователь оставляет свои данные в форме заказа звонка (например, имя и номер телефона), жмёт на кнопку Отправить. После отправки появится уведомление – Спасибо ! Ваш заказ отправлен, мы с вами свяжемся !” На вашу электронную почту придёт письмо, где будет указано имя и номер телефона человека, который заказал звонок на вашем сайте. Вам только останется перезвонить данному человеку.

 Что нам понадобится ? Нам понадобится плагин – Contact Form 7 и всё. Установите и активируйте плагин Contact Form 7. Установить плагин можно прямо из админ-панели, по адресу: Плагины – Добавить новый. Введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

contact form 7

 

 Далее, после установки и активации плагина, перейдите на страницу “Contact Form 7”. Здесь у вас уже будет созданная по умолчанию контактная форма. Нажмите под названием формы на вкладку – Изменить.

 

изменить контактную форму

 

 Далее, на странице редактирования формы, удалите коды и шорткоды полей – Email, Тема и Сообщение.

 

редактор формы

 

 Далее, вместо полей email, тема и сообщение, добавьте поле “Телефон”. Вверху нажмите на кнопку – “Тел.”

 

добавить телефон

 

 В открывшемся окне просто нажмите на кнопку – “Вставить тег”. Скопируйте код с названием поля и вставьте его над шорткодом “Телефона”. В коде измените название поля на “Ваш телефон”. Сохраните сделанные изменения.

 

вставить тег

 

 Далее, перейдите на страницу “Письмо”, чтобы настроить письмо которое будет приходить на вашу электронную почту. В поле “Кому” должен быть указан ваш email. В поле “Тема” укажите к примеру – “Заказ звонка” ! В поле “Тело письма” удалите всё и добавьте два специальных тега, вместо которых в письме будет отображаться имя и телефон. Теги можно скопировать вверху страницы, под заголовком “Письмо”. Перед тегами можно поставить обозначения Имя и Телефон. Сохраните сделанные изменения.

 

настройка письма

 

 Далее, перейдите на страницу “Уведомления при отправке формы”. Здесь вы можете (в первом поле) изменить уведомление, которое будет отображаться пользователю после нажатия на кнопку Отправить.

 

уведомления при отправке

 

 Далее, сохраните все сделанные изменения, перейдите на страницу “Формы”. Скопируйте шорткод формы, которую вы изменили только что.

 

шорткод формы

 

 Далее, откройте или создайте страницу, в которой будет отображаться “Форма заказа звонка”. Добавьте в содержание страницы шорткод формы. Опубликуйте или обновите страницу.

 

страница форма заказа

 

 Перейдите на сайт, у вас будет отображаться готовая форма заказа звонка. Протестируйте форму, укажите любое имя и номер телефона. Нажмите на кнопку – Отправить.

 

форма заказа звонка

 

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

 

info-effect.ru
Добавить комментарий

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

  1. Леонид

    КРАСАФФЧИКИ!!!!”! :-))) ВООБЩЕ!!! Сколько я перебрал материала касаемо этой темы… хлам полный… и забрёл сюда ;)))
    ТАК ПРОСТО И КОРОТКО СРАЗУ ПО СУТИ ДЕЛА!!!
    ДОСТУПНО!!!
    ПОНЯТНО!!!
    НЕ ВИДЕЛ ОПИСАНИЯ ПО МОЕМУ БОЛЬНОМУ ВОПРОСУ “ФОРМА ЗАКАЗА ОБРАТНОГО ЗВОНКА” НИИИГДЕ…
    ОГРОМНОЕ СПАСИБИЩЕ ВАШЕМУ САЙТУ))) И ПЕРСОНАЛЬНО ТОМУ ЧЕЛОВЕКУ КТО НАПИСАЛ ДАННУЮ СТАТЬЮ)))
    С УВАЖЕНИЕМ ЛЕОНИД! ЕЩЁ РАЗ ОТ ДУШИ СПАСИБО ВАМ!!!

    Ответить
    1. Admin автор

      Пожалуйста! Вот вам ещё пару полезных плагинов, как раз для формы заказа звонка:

      Contact Form 7 Skins готовые стили для формы!
      WordPress Popup можно сделать открытие формы при нажатии на кнопку!

      Ответить
  2. Алексей

    Здравствуйте, Илья. Вопрос немного не по теме, но близкий. На своем сайте недвижимости хочу предлагать услуги по размещению объявлений на досках. Клиенту нужно заполнить форму и оплатить. Например, как на 100-dosok/com. Существуют ли бесплатные плагины для этого? Подойдет ли плагин WooCommerce? Если нет бесплатных, то какой из платных лучше справиться? Заранее спасибо.

    Ответить
    1. Admin автор

      Добрый день. Такую форму заказа можно сделать с помощью плагина Contact Form 7. В любом случае одним только плагином здесь не обойдёшься. Там сразу видно, на заказ делали. Woocommerce тоже можно использовать, понадобится плагин для создания полей – WooCommerce Checkout Manager.

      Также рекомендую: Контактная форма от WPForms — генератор динамических форм для WordPress.

      Ответить