Свежие комментарии

    Архивы рубрики ‘Контактные формы’

    лучший компонент joomla для обратной связи

    лучший компонент joomla для обратной связи

    Здравствуйте уважаемые читатели моего блога.В данной статье хочу рассказать вам про FlexiContact,который является лучшим компонентом для обратной связи.Если вы хотите создать на Вашем joomla сайте красивую форму обратной связи то это статья для Вас.И так,начнем.

    1.Сначала надо скачать компонент(ссылка)

    2.Устанавливаем компонент на сайте через «Расширения->Установить/Удалить»

    лучший компонент joomla для обратной связи

    3.Далее мы должны настраивать компонент через «Компоненты->FlexiContact->Конфигурация«.Хочу отметить что компонент сразу настроен,Вы можете настроить его под себя задавать свои стили,любимые цвета и т.д.

    лучший компонент joomla для обратной связи

    Общие настройки — Настройка ведения журнала,формата адреса электронной почты , автоматического заполнение, требования соглашение, и т.д.

    Сообщение для Администратора — Настройка формата и деталей письма, отправленного Вам, администратор.

    Сообщение для Пользователя — Настройка формата и деталей сообщения, отправленные для пользователя, если он просит копию.

    Страница подтверждения — Настройка страницы или статьи, которая отобразится после того как пользователь успешно отправит сообщение.

    Поля формы — Настройка полей, которые отображаются в контактной форме.

    Текст в верху — Здесь можно ввести текст страницы используя WYSIWYG-редактор. Это может быть переопределено в пункте меню.

    Текст внизу — Здесь можно ввести текст страницы используя WYSIWYG-редактор. Это может быть переопределено в пункте меню.

    Стиль отображения — Редактирование стилей CSS, которые Flexicontact использует для контактной формы.(Именно тут Вы сможете настраивать отображения компонента под себя,задать любимые цвета,рамочку,шрифт)

    Изображения Captcha — Просмотр и удаление изображений капчи(Изображения находятся по http://vashsait.ru/components/com_flexicontact/images/002.gif)

    4.После чего настраивали компонент под себя нужно его объявить на сайте.Для этого надо выбрать меню во «Все меню» допустим выбрали «Главное меню(как на скрине) далее «Создать» потом «FlexiContact» и «Форма контакта».

    лучший компонент joomla для обратной связи

    5.После чего создали форму мы должны заполнить некоторые поля.

    Заголовок пусть будет «Обратная связь».

    Email To — указываем наш Email куда будут приходить сообщения от посетителей.

    Email Cc,Email Bcc — если у вас на сайте 3 администратора можно указать еще Емэилы.

    Количество изображений капчи — думаю 3 изображении самый подходящий вариант.Если указать 0 то капчи не будет.

    Волшебное слово — еще способ для защиты от спама.Лучше оставьте пустым,капча с изображениями хватит .

    Заголовок страницы — Как будет называться страница где находится наш компонент.

    Текст в верху — Написанный текст будет отображаться в верхушке компонента.

    Изображение — Изображение отображающееся в верхней части страницы.Должно быть расположена в папке images/stories

    Текст внизу — Написанный текст будет отображаться внизу компонента.Пример: «Администрация сайта постарается быстро ответить на все ваши вопросы».

    Вот как должно выглядеть:

    лучший компонент joomla для обратной связи

    6.Сохраняем всё и наслаждаемся результатом.

    лучший компонент joomla для обратной связи

    Давайте рассмотрим особенности компонента:

     — Настраиваемый заголовок страницы, изображения и текст.

     — Настраиваемый электронный адрес

     — Поле «Тема» не является обязательным и может иметь текст по умолчанию.

     — Все остальные поля могут быть необязательными, обязательными или скрытыми.

     — Простая система CAPTCHA (Нажмите на кот / собака / и т.д.)

     — Поле«волшебное слово« тоже анти-спам.

     — В лог-файл можно просмотреть IP-адрес отправителя.

     — Автоматическое заполнение имени пользователя и адрес электронной почты для зарегистрированных пользователей.

     — Встроенный редактор,можно с легкостью редактировать CSS стили.

     — Возможность не показывать «Отправить копию этого сообщения на ваш адрес«

     — Вариант для рассылки электронных писем как HTML или обычный текст.

    Если вам понравился этот продукт, то пожертвования всегда приветствуются — пожертвования помогают им делать больше!

    P.S. Компонент абсолютно бесплатен.Его применение на сайте легален.

    На этом заканчивается статья.Жду Ваших комментариев.

    Вот!Специальное видео:

    модуль joomla для создания контактной и заказной формы

    модуль joomla для создания контактной и заказной формы

    Здравствуйте дорогие читатели. Сегодня мы научимся как быстро сделать контактную форму и заказную форму. SimpleForm является простым и достаточно удобным модулем, с помощью которого вы сможете создавать любые формы любой сложности. Модуль работает на AJAX, отправка данных происходит без перезагрузки страницы. В параметрах модуля есть специальный параметр «Код формы» в которого можно вписывать HTML код, JavaScript код и CSS код. Модуль является очень функциональным, можно создать самые сложные формы заказа.

     Для начало нам нужно скачать модуль и установить его через админку joomla («Расширения->Установить/Удалить«), далее через «Расширения->Менеджер модулей->SimpleForm2» задаем параметры модулю.

    Скрин параметров модуля:

    модуль joomla для создания контактной и заказной формы

    Разрешить кэширование — Кэшировать ли содержимое модуля.

    Суффикс класса CSS модуляСуффикс для добавления к классу CSS модуля для индивидуальной настройки нашего SimpleForm.

    E-mail — ставьте email на который будут приходить письма от посетителей.

    Тема письма — ставьте тему всех писем

    JavaScript функция обработки формыназвание функции, которая будет вызываться перед отправкой данных на сервер.

    Код формыначинка всего модуля, можно использовать HTML, JavaScript и CSS-код.

    Текст после обработки формы — текст который будет показан посетителю после удачной обработки формы, можно использовать HTML-код.

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

    модуль joomla для создания контактной и заказной формы

    Довольно симпатичная форма обратной связи, использую на всех моих joomla проектов — работает идеально.

    Если вам нужно проверить валидность введенных емайлов, тогда вам необходимо регулярные выражения для проверки полей модуля:

    Для проверки URL:
    ~^((https?|ftp)://)?[a-z0-9]+[a-z0-9-.]*.[a-z]{2,4}$~
    Для проверки номера телефона в формате: +0(000)000-000 или +000(00)00-00-00 
    ~^+[0-9]+([0-9]{2,4})[0-9-]+$~
    Для проверки электронной почты:
    ~^[0-9a-z.-_]+@[a-z0-9]+[0-9a-z.-]*?.[a-z]{2,4}$~

    Вставляя в код формы такой HTML-код:

    {form}
    {element label="Ваше имя" type="text" required="required" error="Введите ваше имя" /}
    {element label="Ваше сообщение" type="textarea" required="required" error="Введите ваше сообщение" /}
    {element label="Какой сайт вам нужен:" type="select"}
          {option label="Сайт визитка" value="Сайт визитка" /}
          {option label="Корпоративный сайт" value="Корпоративный " /}
          {option label="Онлайн магазин" value="Онлайн магазин" /}
    {/element}
    
    {element label="Сроки выполнения сайта:" type="checkbox"}
          {option label="7 дней" value="7 дней" /}
          {option label="14 дней" value="14 дней" /}
          {option label="30 дней" value="30 дней" /}
    {/element}
    
    {element type="submit" value="Отправить ответ" /}
    {/form}

    Получаем такую форму:

    модуль joomla для создания контактной и заказной формы

    Как видите, через параметр код формы можно создать чудеса. Имея знания в HTML-код, можно сделать отличную анкету на сайте или заказную форму. Если не знаете HTML-код это не проблема, можете искать в интернете видеокурсы по HTML их там полно или пишите в комментариях что за форма вам надо.