Пятница, 01 Марта 2013 15:44

Мануал по aiContactSafe

Создание форм с использованием компонента aiContactSafe.

В данной статье рассматривается способ создания форм с использованием компонента aiContactSafe и последующим выводом формы в статье joomla.

Установка

Скачиваем и устанавливаем компонент aiContactSafe (для скачивания понадобится зарегистрироваться)

Описание

  1. Включаем возможность отображения компонента в статье joomla: Компоненты → Форма обратной связи → Панель управления → нажимаем кнопочку «Установить» напротив: aiContactSafeModule , aiContactSafeForm и aiContactSafeLink (для возможности использования компонента через модуль, в статье и через ссылку)

  2. Настраиваем необходимые поля: Компоненты → Форма обратной связи → Поля → по умолчанию для создания форм уже есть созданы по умолчанию поля:
    1. aics_name (ввод имени)
    2. aics_email (ввод e-mail)
    3. ics_phone (ввот телефона)
    4. aics_subject (ввод темы вопроса)
    5. aics_message (воле ввода вопроса)
    6. aics_send_to_sender (чекбокс для выбора отправлять или не отправлять копию письма автору)

    Здесь можно добавлять новые поля со своими типами (Textbox, Email, Editbox, Checkbox и т.п.)

    Для нашего задания было достаточно использовать уже имеющиеся поля. Мы их только немного подредактировали:

    1. aics_name → переименовали с «Name» на «Введите имя:»
    2. aics_email → переименовали с «Email» на «E-mail:»
    3. aics_phone → переименовали с «Phone» на «Телефон:» и сделали поле обязательным для заполнения с помощью галочки в настройках «Field required (необходимое поле):» (соответственно если поле не будет заполнено выведется ошибка о том чтобы заполнить данное поле)
    4. aics_subject → без изменений (мы его использовать не будем)
    5. aics_message → переименовали с «Message» на «Ваш вопрос:» и сняли галочку с обязательности заполнения поля
    6. aics_send_to_sender → без изменений (мы его использовать не будем)

     

  3. Настраиваем профайл(форма содержащая в себе набор полей) который будем отображать: Компоненты → Форма обратной связи → Профайлы → в данном меню есть уже созданные 2 профайла - Default form и Module form (тоесть уже созданы 2-е формы которые мы можем выводить, а так же в этом окне мы можем создавать новые профайли (кнопка «Добавить»), но мы не будем создавать нового профайла, а просто подредактируем профайл «Default form»(ID=1) который позже выведем в статье.

    Выводим и редактируем профайл «Default form»(ID=1):

    1. Выводим через статью с помощью вставки {aicontactsafeform pf=1} (с подключаемым стилем - {aicontactsafeform pf=1|use_css=1}) , где pf=1 отвечает за вывод профайла с ID=1 то есть нашего профайла «Default form» (также можно вывести и через модуль который уже есть в Менеджере модулей)

       

      На странице с материалом где прописан вывод формы (профайла «Default form») увидим приблизительно следующее:

    2. Отключаем ненужный блок контактной информации справа: Компоненты → Форма обратной связи → Профайлы → Default form → Edit contact → Формат отображения: Без контактной информации.

       

      Возможности:

      Кнопка «Edit contact» - редактирование контактной информации.

      Кнопка «Edit CSS» - редактирования стиля отображения профайла (включается в статье через {aicontactsafeform pf=1|use_css=1})

      Кнопка «Edit emai» - редактирования шаблон электронного письма

       

    3. Присвоение полям формы значения имеющихся полей (для указаний, какое поле будет обязательно выводится на странице и какие оно будет брать при этом значения из имеющихся полей): Компоненты → Форма обратной связи → Профайлы → Default form →
      1. Поле для использования в качестве имени: без изменений
      2. Поле для использования в качестве email: без изменений
      3. Поле для использования в качестве темы: Default
      4. Поле для использования в качестве послать отправителю: -нет-
    4. Прописываем E-mail на который будут отправляться сообщения : Компоненты → Форма обратной связи → Профайлы → Default form → Электронный адрес: info@sklad-kamen.ru (если оставить пустым , то будет использоваться E-mail по умолчанию прописанный в Joomla)

    5. Обозначение необходимых полей символами (*) и редактирование текста о уведомлении об обязательных полях: Компоненты → Форма обратной связи → Профайлы → Default form →
      1. Обозначить необходимые поля символом(ами): * (кроме указания самого символа к нему применяется стилизация от ображения его красным цветом)
      2. Уведомление об обязательных полях: Поля, отмеченные %mark% обязательны для заполнения. (переменная %mark% выводит то что прописано в строке «Обозначить необходимые поля символом(ами):»)
    6. Сообщение для пользователя после отправки запроса: Компоненты → Форма обратной связи → Профайлы → Default form → Сообщение благодарности: Запрос на обратный звонок отправлен. Ожидайте от нас звонка.

    7. Указываем какие поля и в какой последовательности отображать: Компоненты → Форма обратной связи → Профайлы → Default form → Поля

    8. Увеличиваем расстояние между полями на выводимой странице формы (для лучшего отображения формы): Компоненты → Форма обратной связи → Профайлы → Default form → Пустое место после строки: 10

       

    9. Для сохранения изменений в профайле нажимаем «Применить(сохранит изменения)» либо «Сохранить (сохранит изменения и выйдет из отредактированного профайла)»

       

       

    После сохранения настроек отредактированного профайла «Default form» увидим следующее:

     

  4. Для просмотра и редактирования отправленных сообщений пользователями заходим в: Компоненты → Форма обратной связи → Сообщения

Дополнительная информация

Последнее изменение Пятница, 01 Марта 2013 19:37
Бесплатные консультации по созданию и продвижению
сайтов, тем кто зарегистрируется в хостинге www.timeweb.ru указав партнерский ID 4496

10 лет опыта в создании и продвижении сайтов.

Подробнее информация по телефону:

8 (905) 778-52-44

(Билайн Москва)

и в скайпе nportalru

В закладки

Мы в социальных сетях

button_play_red sna_twitter sna_vkontakte sna_facebook
©2010-2012 Документация Joomla CMS: компоненты joomla, шаблоны joomla, joomla 2.5, обучение joomla