Особенности редактирования шаблона формы обратной связи на сайтах uCoz

  • uCoz

В одной из прошлых статей я рассказывала как работать с модулем Почтовые формы на uCoz. Сегодня я хочу подробнее коснуться вопроса редактирования шаблона формы обратной связи в модуле Почтовые формы на uCoz. Именно с помощью более “глубокого” редактирования через шаблон HTML, вы можете создавать свой дизайн формы, а также интегрировать сторонние скрипты.

Структура шаблона Формы обратной связи

Все формы модуля Почтовые формы на сайтах uCoz имеют по своей структуре являются таблицами. В этой таблице две колонки, а количество строк соответствует количеству полей формы. Если рассматривать пример моей прошлой статьи – Модуль Почтовые формы на uCoz – визуально форма выглядит так:

шаблона формы обратной связи на сайтах uCoz

Что касается HTML кода, то структурно шаблон имеет следующий вид:

Каждое поле (строка формы)состоит из двух ячеек:

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

Как отредактировать шаблон формы обратной связи на uCoz

Прежде, чем приступить к редактированию шаблона формы, важно учитывать следующее:

  1. Всем полям обратной связи система uCoz самостоятельно присваивает имя.

    В этой строке имя – f2. Записано как name=”f2″. Вот эти имена должны остаться обязательно! Иначе форма будет работать некорректно, или не будет работать вообще.

  2. В любой форме обратной связи модуля Почтовые формы по умолчанию присутствуют уже два поля, которые нельзя удалить. Это e-mail (name=”f1″) и Тема письма (name=”f2″). Для этих двух полей прописаны специальные скрипты: для e-mail – скрипт проверки правильности написания электронной почты; “тема письма” всегда будет отображаться в теме письме, которое придет вам, как ответ о заполнении формы Пользователем.

Как лучше отредактировать шаблон формы обратной связи

  1. Создать Форму обратной связи со всеми необходимыми полями стандартным способом.
  2. Скопировать шаблон формы в сторонний html-редактор
  3. С сохранением всех присвоенных имен (name) полей внести необходимые изменения: стили, структуру, скрипты.
  4. Скопировать новый шаблон в поле шаблона формы и нажать “Сохранить”

Например, я могу перевести всю Форму в дивы и удалить таблицу. Получится у меня следующее:

К стати, лично мне форму в дивах редактировать намного проще.

Эта статья написана для того, чтобы было в дальнейшем легче объяснить, как в Форму обратной связи на uCoz добавлять скрипты. Добавлять можно любые javascript, но при этом обязательно нужно учитывать особенности строения Формы обратной связи на сайтах uCoz.

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

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