Назад к курсу

Создание сайта на WordPress для начинающих

0% завершено
0/0 шагов
  1. МОДУЛЬ 1: ВВЕДЕНИЕ
    4Темы
  2. МОДУЛЬ 2: ЗНАКОМСТВО И НАСТРОЙКА
    5Темы
  3. МОДУЛЬ 3: СОЗДАНИЕ КОНТЕНТА
    5Темы
  4. МОДУЛЬ 4: ВНЕШНИЙ ВИД САЙТА
    5Темы
  5. МОДУЛЬ 5: РАСШИРЯЕМ ФУНУЦИОНАЛ WORDPRESS
    5Темы
  • Подпишись, чтобы первым получать уведомления о новых статьях и бесплатных курсах!

    Обещаем не спамить!

Прогресс модуля
0% завершено

Контактная форма также называется формой обратной связи – это форма, заполнив которую, посетители сайта могут отправить сообщение администратору. Такую форму обычно располагают на странице “Контакты”.

WordPress не поддерживает формы “из коробки”, поэтому для их создания мы будем использовать сторонний плагин, который называется Contact Form 7 и который мы уже установили ранее.

Contact Form 7 (для краткости будем называть CF7) – это один из самых популярных плагинов контактных форм для Вордпресс, который к тому же совершенно бесплатный. Одним из преимуществ данного плагина является поддержка Akismet – плагина для защиты от спама от создателей WordPress.

Итак, перейди в Contact Form 7 > Контактные формы, и здесь ты уже найдешь готовую форму обратной связи, поэтому давай нажмем “Изменить”, чтобы настроить ее под себя.

Как видишь все поля формы записаны на английском, поэтому давай сначала их переведем. Также переведем текст на кнопке отправки формы и вместо “Submit” запишем “Отправить”.

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

Остальные вкладки можно оставить без изменений. Разве что ты можешь захотеть отредактировать текст письма, который ты будешь получать после отправки формы. Это можно сделать на вкладке “Письмо”.

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

Шорткод (shortcode) в WordPress – это текст в квадратных скобках, который может динамически отображать информацию в любой части страницы, куда он был скопирован. Разные плагины могут использовать свои шорткоды.

Итак, остается только добавить блок Contact Form 7 в визуальный редактор и выбрать ранее созданную формы.

Вот как это будет выглядеть для пользователя

После отправки сообщения, оно будет доставлено на твой админский email. Кроме этого, рекомендуем установить дополнение к CF7 – плагин Flamingo, который позволяет сохранять отправленные через контактную форму сообщения в админке WordPress.

Комментарии

Ваш адрес email не будет опубликован. Обязательные поля помечены *