Особенности редактирования шаблона формы обратной связи на сайтах 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.


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

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

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