Рассмотрим, изучим и переведем на русский язык одну из демонстрационных форм Контакта компонента Chronoforms 5.0.9.
В целях изучения и тренеровки Компонент, модуль и плагин устанавливаются в административной панели локального сайта в менеджере расширений во вкладке "Установка" обычным способом, как любое расширение.
Менеджер форм в административной панели, одна из демо-форм, поставляемая в компоненте Chronoforms 5.0.9 - форма demo-basic-contact-captcha - "Основная форма контакта, защищенная посредством captcha, с использованием простой темы GcoreUI".
Так на странице сайта выглядит форма (ссылка -> Просмотр формы)
Редактирование формы (ссылка -> Имя формы)
Опция меню Основное
Вносим русский перевод описания формы контакта в Описание формы
Нажать в правом верхнем углу экрана синюю кнопку Сохранить
Опция меню Дизайнер
Изучаем область дизайнера формы
Настройки элемента с меткой Name изменяем с помощью кнопки Изменить (Edit)
Вкладка Основное. Вместо метки Name пишем метку Ваше имя, остальное оставим без изменения.
Вкладка Проверка, для поля Обязательно выбираем Yes
Нажать зеленую кнопку
Теперь элемент с меткой Name выглядит так:
Чтобы все выглядело по-русски, нажать в правом верхнем углу экрана синюю кнопку Сохранить
Секунда ожидания, экран перезагрузится. Появится экран редактирования формы. Откройте опцию Дизайнер. (Name в скобках – можно удалить, это для иллюстрации внесенного изменения метки для Name)
Сделаем изменения для элемента с меткой Email. Нажать кнопку Изменить.
Вкладка Основное. Вместо метки Email введем метку Электронный адрес. Остальные поля оставить без изменения.
Вкладка Проверка, для поля Обязательно выбираем Yes. Для поля Электронная почта выбираем Yes.
Нажать зеленую кнопку
Теперь элемент с меткой Email выглядит так:
Чтобы все выглядело по-русски, нажать в правом верхнем углу экрана синюю кнопку Сохранить:
Секунда ожидания, экран перезагрузится. Появится экран редактирования формы. Откройте опцию Дизайнер.
(Email в скобках – можно удалить, это для иллюстрации внесенного изменения метки для Email)
Сделаем изменения для элемента с меткой Message. Нажать кнопку Изменить.
Вкладка Основное. Вместо метки Message введем метку Сообщение. Для Количество строк введем 8, для Количество столбцов введем 60.
Остальные поля оставить без изменения.
Вкладка Проверка, для поля Обязательно выбираем Yes.
Нажать зеленую кнопку
Теперь элемент с меткой Email выглядит так:
Чтобы все выглядело по-русски, нажать в правом верхнем углу экрана синюю кнопку Сохранить
Секунда ожидания, экран перезагрузится. Появится экран редактирования формы. Откройте опцию Дизайнер.
Настройки элемента с меткой Phone корректируем с помощью кнопки Изменить (Edit).
Вкладка Основное. Вместо метки Phone введем метку Телефон.
Вкладка Проверка, для поля Обязательно выбираем Yes. Для поля Телефон выбираем Yes.
Нажать зеленую кнопку
Теперь элемент с меткой Phone выглядит так:
Чтобы все выглядело по-русски, нажать в правом верхнем углу экрана синюю кнопку Сохранить
Секунда ожидания, экран перезагрузится. Появится экран редактирования формы. Откройте опцию Дизайнер.
Сделаем изменения для элемента с меткой Captcha. Нажать кнопку Изменить.
Вкладка Основное. Вместо метки Captcha введем метку Тест против ботов.
В Дополн. метке ввести новый текст Пожалуйста, введите код с картинки. Для Размер укажите 5.
Вкладка Проверка, для поля Обязательно выбираем Yes.
Нажать зеленую кнопку
Теперь элемент с меткой Captcha выглядит так:
Чтобы все выглядело по-русски, нажать в правом верхнем углу экрана синюю кнопку Сохранить.
Секунда ожидания, экран перезагрузится. Появится экран редактирования формы. Откройте опцию Дизайнер.
Сделаем изменения для элемента с меткой Submit. Нажать кнопку Изменить.
Вкладка Основное. Для Значение/Название вместо Submit введем Отправить. Для Тип выберем submit.
Нажать зеленую кнопку
Теперь элемент с меткой Submit выглядит так:
Чтобы все выглядело по-русски, нажать в правом верхнем углу экрана синюю кнопку Сохранить.
Секунда ожидания, экран перезагрузится. Появится экран редактирования формы. Откройте опцию Дизайнер.
Все элементы изучены и переведены на русский язык.
Все сохранено. Выходим в Менеджер форм, нажав на кнопку Закрыть.
Смотрим как выглядит форма на странице сайта:
Помним, что Форма сделана на локальном сайте, на DENWER, заполняем:
Нажать кнопку Отправить, появится сообщение.
Заполненная и отправленная форма попадает вот в эту папку:
Y:\tmp\!sendmail
Нажав на строку, просмотрим содержание электронного сообщения от администратора сайта на адрес, который мы указали:
Проверить работу формы и ее отправки можно в браузере здесь: /localhost/denwer/:
Кликнуть на последней ссылке - проверка отладочной заглушки sendmail: /localhost/Tests/sendmail/index.php :
Файл /tmp/!sendmail/2015-09-12_17-14-42.eml:
X-Sendmail-Cmdline: sendmail.pl -t -i Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
To: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
Subject: Thank you for contacting us
X-PHP-Originating-Script: 0:class.phpmailer.php
Date: Sat, 12 Sep 2015 14:14:41 +0000
From: Admin <Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.;
X-Sendmail-Cmdline: sendmail.pl -t -i Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
To: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
Subject: Thank you for contacting us
X-PHP-Originating-Script: 0:class.phpmailer.php
Date: Sat, 12 Sep 2015 14:14:41 +0000
From: Admin <Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.;
.....
Name Иван
Email Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
Phone 8-903-333-33-33
Message Это тестирование формы
Enter the code
Email Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.
Phone 8-903-333-33-33
Message Это тестирование формы
Enter the code
IP: 127.0.0.1
На реальном сайте письмо-ответ администратора придет на реальный почтовый адрес пользователя, заполнившего форму.