Создание и настройка формы обратной связи и подписки на рассылку в Joomla

Logo
Создание и настройка формы обратной связи и подписки на рассылку в Joomla

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

Создание и настройка формы обратной связи и пункта «Контакты» в Joomla

Первым делом заходим в Административную панель – Компоненты – Контакты – Категории и жмем «Создать». В открывшемся окне в поле «Заголовок» вводим название категории и жмем «Сохранить».  Затем переходим в Административную панель – Компоненты – Контакты – Контакты и снова жмем «Создать». Далее заполняем следующие поля:

  • Имя – вводим произвольное имя, например, «Обратная связь».
  • Опубликовано – «Да».
  • Категория – выбираем созданную нами категорию.
  • Связать с пользователем – «administrator».
  • Уровень доступа – «Все».

Данные в полях «Информация» заполняем по желанию. Это зависит от того, выберите ли вы отображение этих полей в блоке «Параметры контакта». Думаю здесь объяснять нечего ведь и так все понятно. Если хотите отображать какое-то поле, то заполняете его и в «Параметры контакта» напротив нужного поля ставите значение «Показать».

Вкладку «Расширенные параметры» и «Параметры E-Mail-а» можно оставить по умолчанию. При сильном желании можно изменить иконки для некоторых полей во вкладке «Расширенные параметры». Для этого переходим в эту вкладку и напротив нужного поля выбираем нужную вам картинку. Для того, чтобы добавить свое изображение, вам нужно скопировать его в папку, которая находится по адресу:

/images/M_images

После добавления изображения, оно станет доступным во вкладке «Расширенные параметры» при настройке формы обратной связи.

Проделав все эти действия, жмем «Сохранить» и переходим к созданию пункта меню для формы обратной связи. Для этого заходим в Административную панель – Все меню и выбираем то меню, в которое вы хотите добавить пункт «Контакты», после чего жмем на кнопку «Создать». В открывшемся окне выбираем «Контакт» — «Стандартный шаблон контакта».

В открывшемся окне заполняем следующие поля:

  • Заголовок – вводим название, которое будет отображаться в меню для формы обратной связи. Обычно это «Контакты».
  • Показать в – выбираем меню, в котором будет отображаться пункт «Контакты».
  • Родительский элемент – оставляем без изменений, но при необходимости можете выбрать свой, если это необходимо.
  • Опубликовано – ну тут все понятно. Ставим «Да», если хотим чтобы пункт «Контакты» начал отображаться на сайте после сохранения настроек.
  • Доступ – «Все».
  • Открывать в – выбираем, как будет открываться окно обратной связи после нажатия по пункту «Контакты».

Теперь переходим к блоку «Параметры – Основные» и выбираем нужный нам контакт в поле «Выберите контакт». Остальные настройки в этой вкладке можно оставить без изменений. Также хочу заметить, что во вкладке «Параметры – Компонент» можно отдельно настроить форму обратной связи и внести настройки отличные от глобальных.

Создание формы подписки на рассылку в Joomla

Для того, чтобы создать форму подписки на сайте Joomla существует множество способов. Мы рассмотрим один из них. Реализоваться он будет за счет кода подписки, который будет выводиться при помощи специального модуля. В конечном счете, у вас должна получиться примерно такая форма подписки на новости:

Для корректного создания формы подписки лучше всего использовать специальное расширение Jumi, которое позволяет выводить любой код на вашем сайте при помощи модуля. Данный способ очень простой и быстрый. Для его реализации первым делом скачайте и установите расширение Jumi. Для установки зайдите в Административную панель – Установить/удалить и укажите путь к архиву с необходимым расширением. Сразу хочу заметить, что после установки Jumi у вас может появиться в главном меню дополнительный пункт меню «Hello Jumi!», который нужно будет сразу удалить.

Для удаления лишнего пункта меню зайдите в Административную панель – Все меню – Главное меню и выделите ненужный пункт меню, поставив галочку рядом с номером. После этого нажмите кнопку «В корзину». Теперь ненужный пункт меню перемещен в корзину, но он еще не удален полностью и его в любой момент можно будет восстановить. Для того чтобы удалить его окончательно, зайдите во вкладку Все меню – Корзина меню, выделите нужный элемент и нажмите «Удалить». После подтверждения удаления, пункт меню будет удален окончательно и его уже невозможно будет восстановить.

Итак, возвращаемся к созданию формы подписки. Первым делом для начала вам будет нужно зарегистрироваться на сайте feedburner и создать фид для своего сайта. В этой статье я не буду приводить инструкцию по регистрации и настройке фида на feedburner, так как для этого потребуется еще одна статья, которую я собираюсь написать в ближайшее время. В принципе в регистрации и создании фида на feedburner нет ничего сложного, но если у вас возникнут какие-то трудности, вы всегда сможете задать свой вопрос в комментариях.

После регистрации переходим в «Мои фиды» — «Фид вашего сайта» — Вкладка «Публикуй» — «Подписки по электронной почте». В открывшемся окне выбираем русский язык и копируем код формы подписки. Затем заходим в Административную панель – Расширения – Менеджер модулей и выбираем mod_jumi. В открывшемся окне в поле «Записанный код» добавляем скопированный код формы подписки.

Сразу хочу заметить что код, полученный на сайте, вам придется редактировать и менять под себя. Для того чтобы уменьшить вам работы, я привожу пример уже отредактированного кода формы подписки. Единственное, что вам останется сделать, это заменить адрес фида на свой. То есть вместо «dmitriydenisov» вам нужно будет ввести название своего фида, которое вы можете узнать зайдя в «Мои фиды» — «Фид вашего сайта» — «Edit Feed Details…». В поле «Feed Address» вы найдете адрес своего фида. Итак, код подписки:

Получать обновления сайта на E-mail

Если у вас есть хоть какие-то познания в HTML и CSS, то вам не составит труда подогнать форму подписки под дизайн сайта. Если же это вызывает у вас трудности, рекомендую вам поискать ответа в категории HTML, PHP, CSS и MySQL или задать вопрос в комментариях.

После добавления кода, продолжаем настраивать сам модуль Jumi. Для этого вам потребуется заполнить следующие поля:

  • Заголовок – вводим произвольное название.
  • Показать заголовок – ставим «Нет», так как мы будем выводить название при помощи кода в форме подписки.
  • Позиция – выбираем позицию для формы подписки. Для просмотра доступных позиций добавьте в адресную строку «?tp=1» сразу после названия сайта. На практике адрес примет такой вид: dmitriydenisov.com/?tp=1
  • Порядок – выставляем, в каком порядке будут выводиться модули в позиции, если их там несколько.
  • Доступ – «Все».

Теперь переходим в Расширенные параметры. Здесь мы можем изменить внешний вид модуля подписки на рассылку при помощи добавления суффикса класса модуля, который можно узнать на сайте производителя шаблона, а также включить кэширование и настроить время кэширования. На мой взгляд, для формы подписки лучше кэширование не включать.

На этом статья о настройке формы обратной связи и формы подписки в Joomla подошла к концу. Если у вас остались какие-то вопросы, вы всегда можете задать их в комментариях.

На этом все. Удачи вам и до скорых встреч на страницах блога.

Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter

Комментарии 30

  • Елена

    Мне понравилась идея: » Спасибо Вам за добавление этой статьи в «. Здорово.

  • Дима

    Здравствуйте. Я сделал e-mail подписку по инструкции как в этой статье, но на почту письмо для подтверждения подписки приходит на англ-м языке. Как это исправить на русский?

  • Дмитрий

    Нужно посмотреть в настройках feedburner. В каком именно пункте точно не помню, но там вроде есть настройки для перевода все на русский.
    Посмотрите, а если не найдете, то пишите и будем вместе пробовать разобраться.

  • Дима

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

  • Дмитрий

    Если вы имеете ввиду часть сообщения «This message was sent to you by FeedBurner (feedburner.google.com)…», то эта часть скорее всего не переводится и добавляется автоматически. У меня такая же ситуация, правда я не особо на это обращал внимание.
    Нужно найти время и еще раз пересмотреть настройки feedburner, так как делал я это очень давно и с того момента могло что-то измениться.

  • Дима

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

  • Дмитрий

    Зайдите в свой аккаунт, выберите свою ленту, затем перейдите во складку «Publicize», пункт «Email Subscriptions» — «Communication Preferences». В поле «Confirmation Email Body» вы сможете изменить содержимое писем, которые высылаются для подтверждения подписки.

  • Дима

    Так и сделал. Все получилось! Спасибо Дмитрий!

  • Дмитрий

    Всегда пожалуйста. Будут еще какие-то вопросы — обращайтесь!

  • SKIF

    Cпс. очень полезная статья о рассылке..

  • RaVeN

    Все сделал по инструкции но почта не приходит (((
    MedicFeed & feed validator сообщают что все правильно но ничего не работает

  • Дмитрий

    Возможно есть какие-то проблемы со стороны сервера. Также рекомендую пересмотреть настройки почты в «Общих настройках Joomla«.

  • -=AssA=-

    А есть ли настройка feedburn, чтобы письма приходили не ежедневно, а по мере появления новостей на сайте. Не хочется заваливать спамом. Новости появляются не ежедневно.

  • Дмитрий

    Насколько я знаю, по умолчанию сервис feedburner отправляет уведомления только после публикации нового материала и то не сразу, а через несколько часов.
    Исходя из этого, вам не о чем беспокоиться.

  • Алексей

    Скажите а как вставить форму подписки от Смартреспондера.?
    Просто через html-код не получается почему то…

  • Дмитрий

    Попробуйте выводить форму через модуль Jumi о котором я уже писал в рубрике «Создание сайтов на Joomla».

  • Ирина

    Спасибо! Воспользовалась вашей информацией и установила на своем сайте форму подписки на обновления. Все получилось. только не могу найти адреса подписчиков. и еще хочу спросить, как удалить лишний фид? Нечаянно создала, когда тыкалась вслепую.

  • Дмитрий

    Насколько я помню, там нельзя посмотреть адреса подписчиков. Сказать по правде, я особо никогда и не искал их. Как создал однажды подписку в самом начале ведения блога, так ни разу туда особо и не заходил. Только как статью эту писал:) Что касается удаления фида, то лучше вам поискать соответствующую функцию самостоятельно. Как раз разберетесь, что и как в FeedBurner. На первый взгляд там немного все запутано, но разобраться все же можно.

  • Сергей

    Дмитрий, подскажите пожалуйста, есть ли какие ещё настройки формы обратной связи? Хочу внести на форму данные фирмы, кроме е-мэйла, телефона и сайта, например ник в Скайпе, ник в Твиттере, хочется разместить карту — схему проезда. Междустрочный интервал, где его можно изменить? Может в сети есть ещё какой-нибудь компонент, более настраиваемый. У меня Joomla v.1.5

  • Дмитрий

    На мой взгляд, наиболее эффективным в данном случае будет использование сторонних скриптов. В интернете очень много готовых решений и можно без особого труда найти именно то, что Вам нужно. В любом случае, если функционала скрипта будет недостаточно, его можно в любой момент доработать. Для этого достаточно базовых знаний в области html и php.

  • илья

    Здравствуйте я тут совсем недавно, экспериментрую пытаюсь создать свой сайт из шаблона джумла. прочитал про форму подписки и про создания формы обратной связи. подскажите ( не пойму) при использовании посетителем формы обратной связи, куда будет приходить письмо . на какой ящик, как это настраивается. спасибо

  • Людмила

    У меня не кнопке не появилась надпись "Подписаться", почему? Подскажите, что делать. Все остальное — в порядке.

  • Людмила

    Извините, еще один момент. Я хотела поменять серый цвет кнопки "Подписаться". Помогите, как это сделать.

  • Дмитрий

    Здравствуйте, Илья! При создании формы обратной связи письмо будет приходить на тот почтовый ящик, который указан в настройках в поле E-mail. При использовании формы подписки на рассылку, письма будут отправляться на ящик, который будет указан в соответствующем поле в форме подписки. Людмила, причиной отсутствия надписи на кнопке может быть отсутствие значения для атрибута value. Для изменения цвета текста используйте стили CSS, например, style="color: #cc0000;". В примере прописаны стили для некоторых элементов. Сделайте все по аналогии. Думаю, у Вас получится.

  • Людмила

    Дмитрий, большое спасибо!!! На кнопке появилась надпись, все в порядке.

  • Сергей

    Господа. Нашёл и скачал в Интернете компонент contactEnhanced. Установил и всё появилось. Удобный компонент, много простых настроек. Есть карта, причём она настраивается ещё проще. Просто находите визуально свой адрес с помощью увеличения/уменьшения масштаба карты. Есть всё: Скайп, google+, фейсбук, твиттер и проч. Отличная альтернатива стандартным  встроенным контактам, о которых велась речь выше. РЕКОМЕНДУЮ. Сам установил и не жалею.

  • Людмила

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

  • Дмитрий

    Используйте модуль Jumi для вывода формы подписки. О том, как это сделать можно прочитать здесь — dmitriydenisov.com/joomla/kak-vstavit-proizvolniy-kod-v-joomla.html

  • Динара

    Дмитрий, доброе время суток! статья супер, но у меня возникла проблема! я пока работаю на локальном сервере, и не могу прописать адрес своего блога. Есть ли решение этой проблемы? заранее благодарю вас.

  • Дмитрий

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

Оставить комментарий

отменить ответ