• Установка и настройка WordPress плагина Contact Form 7

    ПлагиныКомментариев нет

    Описание:

    Contact Form 7 –  плагин, позволяющий создать контактную форму для обратной связи на вашем сайте.

    Установка:

    Автоматическая:

    1. Перейдите на админ-панель и выберите Плагины -> Добавить новый.
    2. В поиске наберите»Contact Form 7″.
    3. Нажмите кнопку Установить.
    4. Нажмите кнопку Активировать.

    Ручная:

    1. Перейдите по ссылке http://wordpress.org/plugins/contact-form-7/
    2. Скачайте последнюю версию «Contact Form 7».
    3. Разархивируйте файл в папку плагинов WordPress.
    4. Активируйте плагин на сайте.

     

    Работа с плагином

    После установки плагина в админ панели появится новый пункт меню «Contact Form 7» (Рис. 1).

    Рис. 1. пункт меню «Contact Form 7»

    Рис. 1. пункт меню «Contact Form 7»

    В плагине 2 раздела: «Формы» и «Добавить новую».

    В  разделе «Формы» мы можем управлять созданными формами, а также, самое главное, просмотреть код вставки формы (рис. 2).

    Рис 2. Раздел "Формы" плагина Contact Form 7

    Рис 2. Раздел «Формы» плагина Contact Form 7

    В  разделе «Добавить новую» мы можем создать новую форму. Плагин предоставляет гибкую форму настройки того, как будет выглядеть наша форма (рис. 3). В поле сгенерировать тег мы можем дополнительно добавить всевозможные текстовые поля, радио-кнопки, дату и т.п. В плагине доходчиво объясняется что и куда вам надо добавить/изменить, чтобы ваша форма приобрела нужный вам вид.

    Рис. 3 Настройка доп. элементов формы плагина Contact Form 7

    Рис. 3 Настройка доп. элементов формы плагина Contact Form 7

    Также в пункте «Сообщения» вы можете подправить шаблоны сообщений, возникающих при том или ином событии, хотя они и так хорошо настроены (рис.4).

    Рис. 4. Настройка шаблона сообщений для событий плагина Contact Form 7

    Рис. 4. Настройка шаблона сообщений для событий плагина Contact Form 7

    После того как мы сохраним форму, мы получим код для её вставки. Остаётся только добавить его куда требуется и вуаля, форма готова (рис.5).

    Рис.5 Готовая форма

    Рис.5 Готовая форма


    Будь первым кто прокомментирует статью.

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

    Войти с помощью: