Как сделать форму обратной связи с аттачем?
Приветствую всех посетителей сайта! Сегодня, так сказать, по многочисленным просьбам подписчиков будем рассматривать установку на страницу сайта формы обратной связи с возможностью прикрепления файлов.
Установку стандартной формы связи с простейшей каптчей мы уже рассматривали, но поскольку зачастую у посетителя возникает необходимость к сообщению прикрепить тот или иной файл (фотографию, скриншот, документ, архив, резюме и т.п) , то форма обратной связи с аттачем - идеальный вариант для этого.
Форма с аттачем (от англ. attach - прикреплять) позволяет легко реализовать пересылку любого файла с компьютера пользователя на ваш электронный адрес. Но без надобности устанавливать на сайте такую форму не нужно, так как благодарные посетители сайта могут отправить в прикрепленном файле не только фото любимой кошечки или новой шубки, но и вирусосодержащие файлы или видео такого размера, что ваш почтовый ящик очень быстро станет трещать по швам.
Сегодня существует множество готовых скриптов отправки файлов с сайта для тех, кто не дружит с программированием. Использовать такие скрипты очень удобно, так как для их установки не требуется особых знаний и времени. Обычно, вместе со скриптом в архиве идет инструкция, которую достаточно внимательно изучить и повторить все действия по порядку.
Я вам предлагаю самый простейший вариант формы обратной связи с аттачем, где весь код размещается на одной странице. Нет необходимости создавать отдельную страницу под обработчик, скрипт обработки сообщений размещен вместе с самой формой. Вариант для самых ленивых :))
Хочу сразу уточнить, я не являюсь автором данного скрипта, он скачан в свободном доступе на широчайших просторах Интернета, в архиве вы найдете сайт автора и в случае возникновения вопросов по установке скрипта, вы можете связаться с ним.
Установка данного скрипта протестирована мною и вопросов в процессе установке у меня не возникло абсолютно никаких, это самый простой метод размещения формы с аттачем на своем сайте, который когда-либо мне попадался...
Итак, что нужно сделать, чтобы на вашем сайте прописалась форма обратной связи с возможностью прикрепления и отправки файлов? Во-первых, скачать архив со скриптом и разархивировать. Внутри два файла - index.php и readme.txt.
Статьи по оптимизации сайта
Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.
Всем желаю удачи и смелых воплощений идей на вашем сайте !
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Проект для новичков
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla - русские версии.
Автор и администратор данного проекта - SvetLana_TSV. Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
В текстовом файле найдете координаты автора данного скрипта, а открыв для просмотра индексный файл, увидите необходимый код. Я для открытия файлов такого типа использую WordPad, у вас возможно другая программа.
Щелкнув по файлу index.php и выбрав Открыть, вы увидите php-скрипт, вернее его код, который вам и нужен.
От вас потребуется всего лишь скопировать весь код от первой до последней строчки. На скриншоте виден лишь небольшой участок кода...
Скопировав весь код, вставляете его на страницу Контактов на своем сайте в том месте, где хотите видеть форму обратной связи. В Пейдже это делается через Вставка →html-код.
В окне редактирования кода нужно в скопированный код внести две мелкие поправки: в пятой строке
$myemail="youremail@domain.ru" - вписать свой емэйл вместо "youremail@domain.ru"
и в конце кода перед закрывающимся тегом head в четвертой строке снизу
<html><head><meta http-equiv='Refresh' content='1; URL=index.php'></head></html> - вписать URL страницы, куда будет посетитель перенаправляться после отправки сообщения. В примере указана главная страница index.php, если ваш сайт на html, то следует написать index.html.
После внесения этих мини-поправок загружаете страницу с формой на хостинг и проверяете работоспособность.
Скачать архив со скриптом формы обратной связи можно совершенно бесплатно и без всяких файлообменников. Ниже размещен скриншот формы, чтобы вы увидели ее внешний вид перед тем, как скачивать архив.
Еще раз повторю, что это всего лишь скриншот формы, поэтому не надо пытаться ее заполнить:)) В стилях css можно прописать нужные цвета для фона формы и заголовка, поменять цвет шрифта, названия полей и т.д., то есть полностью подогнать внешний вид формы обратной связи под дизайн вашего сайта.
В заключение напомню, что скрипт данной формы размещается на одной странице вместе с самой формой, для него не нужно создавать отдельную страницу под обработчик, что значительно упрощает процесс установки данной формы, особенно для новичков.
Всем удачного изучения и применения! До новых встреч!
С ув. Светлана (SvetLana_TSV)
Не забудь заглянуть в свою почту и подтвердить подписку!
