Приветствую моих читателей, набрался опыта и расскажу Вам о принципах работы формы обратной связи php. Покажу на наглядных примерах, чтобы вы понимали как все устроено и как происходит взаимодействие между самой формой ввода (ее полями input) и файлом-обработчиком, написанный на языке php. К тому же бесплатно сможете скачать исходники вместе с .
Конечно здорово будет, если вы хоть немного разбираетесь в HTML / CSS т.к. Вам придется уже по аналогии перетягивать код на свою страницу. PHP язык затрагивать не будем, все необходимые правки, которые нужно будет сделать под себя я покажу.
UPDATE :По откликам читателей, я понял, что нужно что-то более красивое и функциональное, встречайте , ознакомьтесь и посмотрите. Сами выбирайте какая больше понравится)
UPDATE2 : Version 3.0 Адаптивный Лендинг + форма ajax с передачей UTM-меток , ознакомьтесь и посмотрите. Вам понравится
Вспомнил себя, когда я впервые пытался делать самостоятельно форму обратной связи на php, и честно признаться было трудоемко, т.к. не понимал что и как происходит. Терпение и упорство друзья и у вас все получится.
Форма обратной связи php — структура
Разбор самой формы обратной связи будем изучать на примере посадочной страницы (Landing Page), кстати есть отдельная статья по . Посмотреть как это работает в действии можете по кнопкам расположенным ниже, прикладываю исходники этого одностраничника и главного файла обработчика-php (этот файл и будет обрабатывать и отправлять письмо на email)
После того как скачаете исходники и распакуете архив, вы увидите следующую структуру по файлам:
Важно, чтобы ваш хостинг, на котором располагаются файлы сайта, поддерживал php обработку, иначе файл index1.php не выполнится и работать не будет. Чтобы уточнить этот нюанс обратитесь в кампанию, где зарегистрирован ваш хостинг или просто протестируйте — работает, значит есть поддержка. Если нет, то включите опцию поддержки языка php
Взгляните на схему работы взаимодействия всех элементов (страница, форма, обработчик)
Взглянем на работу одной из кнопок, которая вызывает модальное всплывающее окно, в котором находится форма обратной связи. Данный приведенный исходный код — это не раз, два вставил на страницу и заработает, Вам придется самим подгонять под свой дизайн и потребности.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | Заказать обратный звонок Заказажите обратный звонок |
Заказать обратный звонок Заказажите обратный звонок
Ниже полный исходный код обработчика index1.php, для того чтобы настроить отправку на свой почтовый ящик, поменяйте «[email protected]» на свой, остальное в принципе можно оставить без изменений
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | С вами свяжутся |
С вами свяжутся body { background: #22BFF7 url(img/zakaz.jpg) top -70% center no-repeat; } setTimeout("location.replace("/index.html")", 3000); /*Изменить текущий адрес страницы через 3 секунды (3000 миллисекунд)*/
Проверка работоспособности формыВызываем окно и вводим данные для тестовой проверки нашей формы
Еще раз напомню, ваш хостинг должен поддерживать обработку php файлов, иначе наш обработчик просто не выполнится и никакое письмо не отправится на указанный email-адрес. Результат успешно отработанной форма обратной связи
У меня на этом все, старался донести смысл и работу скрипта наилучшим образом. Возникнут вопросы, можете смело обращаться в комментарии или ко мне в VK (смотрите контактные данные). Желаю легкой и продуктивной работы Вам.
Как оформляется копия исходящего письма? Нужно ли убирать шапку документа?
ОтветПо определению ГОСТ Р 51141-98 «Делопроизводство и архивное дело. Термины и определения», копия документа должна полностью воспроизводить информацию подлинника документа и все или часть его внешних признаков. Если речь идет о копии исходящего документа, помещаемой в дело организации на хранение, то возможны два варианта ее изготовления:
Подробнее о разновидностях деловых писем
1. Исполнитель готовит ответ, печатает его на бланке организации, затем на копировальном автомате снимает копию с подготовленного на бланке документа и передает подлинник письма и копию на визирование, а затем - на подпись руководителю. В этом случае копия будет воспроизводить внешние особенности документа, в том числе, реквизиты бланка;
2. Исполнитель готовит ответ, печатает его на бланке, затем делает копию, распечатывая подготовленное письмо на обычном листе бумаги (не на бланке). В этом случае копия не будет воспроизводить бланк документа.
Подробнее о том, как выразить отказ в деловом письме, мы написали в материале по ссылке.
Второй вариант изготовления копии исходящего письма, как правило, используется в тех случаях, когда в организации используются бланки, изготовленные типографским способом.
Таким образом, можно сказать, что «шапка» документа, то есть реквизиты бланка, могут присутствовать на копии, а могут и отсутствовать. Все зависит от способа изготовления копии, но такого требования - убирать реквизиты бланка с копий, нет.
Если вы хотите, чтоб вопрос был обязательным для заполнения, не забывайте переключать соответствующий бегунок в нижней части окна редактирования вопроса - для обязательного вопроса он должен быть переключен вправо и гореть зеленым цветом.
Хитрость вторая: порядок вопросовВ режиме редактирования формы любой вопрос можно перетащить вверх-вниз, для этого надо потянуть за иконку из шести точечек в верхней части вопроса. Обычно курсор мышки реагирует на эту иконку, превращаясь в четырехстороннюю стрелку:
Но тут тоже есть хитрость. В гугловских формах так все устроено, что в итоговой таблице с ответами порядок вопросов будет соответствовать истории их создания, а не порядку, в котором вы их расположили после.
Хотя перетаскивать вопросы при создании формы довольно легко и удобно, не увлекайтесь перетаскиваниями - разобраться потом в таблице с ответами будет сложнее.
Google постоянно вносит разные улучшения в интерфейс своих сервисов, но вот эта особенность гугл форм пока что так ни разу и не менялась.
Чтобы посмотреть ответы, надо перейти на вкладку «Ответы» в самом начале формы:
Когда ваши участники заполнят несколько форм, то в этом экране появятся две опции: «Сводка» и «Отдельный пользователь». Там можно будет быстро пробежать глазами по всем ответам.
Я редко пользуюсь этим экраном, мне удобнее сразу перейти в таблицу, которая организована на манер MS Excel-файла. Для того, чтоб отобразить заполненные анкеты в виде сводной таблицы, нужно нажать на зеленую иконку и выбрать Создать таблицу >> Новая таблица >> Создать. В новой вкладке браузера откроется Google Таблица, названная так же, как и ваша форма, но с припиской в конце: (Ответы).
Эти два файла в гугл драйве будут отображаться как разные файлы, но между ними всегда будет неразрывная связь. Как только новый участник заполнит анкету, данные мгновенно появятся и в таблице.
Шаг 4. Наводим красоту: выбираем шаблон внешнего видаУ гугловских форм есть стандартный фиолетовый вид, но цвет можно легко заменить на любой другой из стандартного набора. Для этого нажмите на иконку палитры в верхнем правом углу:
Вы также можете выбрать один из нескольких бесплатных дизайнов. Некоторые из их вполне симпатичные, есть и тематические для разных праздников и типов событий. Чтобы выбрать особый шаблон, нужно кликнуть на иконку в правом нижнем углу палитры, и откроется отдельное окошко с выбором категорий:
Прежде чем отправлять форму участникам, убедитесь, что ваша форма выглядит на пять с плюсом. Откройте ее в отдельном окне и попробуйте заполнить сами. Чтобы открыть форму, нужно вновь пойти в правый верхний угол, нажать на иконку их трех вертикальных точек и выбрать «Открыть форму».
Если всё отображается корректно и вы ничего не забыли, то пора отправлять анкету участникам.
Второй способ выглядит более быстрым, но мне лично нравится первый. Рассылку по участникам можно сделать и более персонализированную, добавить в нее нужную ссылку на сайт, а уж на сайте сделать страничку с формой. В конце концов, каждый переход на ваш сайт - это измеримый результат, а на сайте кроме анкеты может быть еще много всего полезного.
Чтобы встроить форму в страницу вашего сайта или блога, нужно пойти в верхний правый угол и нажать на иконку бумажного самолетика. В открывшемся окошке есть три варианта, как отправить: письмо, ссылка и встроить в веб-страницу. Выбираем третью иконку:
Скопируйте HTML-код, вставьте его в исходный код страницы сайта, и вуаля - .
Второй способ - отправить участникам прямую ссылку на анкету. Выбираем в том же меню иконку с ссылкой, сочиняем текст письма, добавляем ссылку в письмо. Если вы пользуетесь такими сервисами рассылок как MailChimp или ему подобные, то этот способ может быть наиболее удобным.
Если вы все-таки решили отправлять гугл форму на email участникам вашего события прямо из интерфейса Google, не забывайте добавлять там сообщение. Рекомендую поставить галочку «отправить мне копию» и сделать пару тестовых писем, прежде чем посылать их всем. Так вы хотя бы увидите, как выглядело отправленное вами письмо.
Пара слов о разных настройках в Google ФормахЯ верю в метод познания интерфейсов «тыкнул - попробовал - понял». Поэтому считаю, что даже если бы мне объяснили, что делает каждая кнопка на панели инструментов, я бы все равно не запомнила.
Но у гугловских форм есть некоторые настройки, до которых редко можно добраться методом тыка, и мне они сильно помогают каждый раз, когда я создаю любого рода анкеты.
Важная настройка формы: сообщение о заполненной анкете для участникаКогда гость вашего события заполнил все вопросы и нажал «отправить», Google покажет ему страничку с сообщением об успешной отправке. По умолчанию у Google стоит бесчеловечное «Ответ записан». Ни один организатор события, который ценит своих гостей и дорожит их лояльностью, не может себе позволить оставить это без изменений!
Поэтому не ленимся и заходим в меню через правый верхний угол, выбираем «Настройки» и находим раздел «Страница подтверждения». В поле «Сообщение для респондентов» пишем что-нибудь личное и уникальное, например так:
Там же есть всякие разные настройки заполнения формы, на которые стоит обратить внимание: разрешение заполнять анкету несколько раз, разрешение на просмотр сводки ответов, индикатор прогресса заполнения (для длинных форм особенно важно) и разные другие.
Еще одна полезная галочка - уведомления о том, что пришла заполненная анкета. Если вы эти уведомления не настроите, то Google вас беспокоить вообще не будет, и вы узнаете, сколько человек заполнило анкету только если зайдете в таблицу с ответами. Иногда это жутко неудобно.
Я вот, например, всегда в обязательном порядке эти уведомлялки для себя настраиваю, этот пунктик даже есть в моем .
Настроить такие уведомления можно в интерфейсе таблицы ответов на форму: Инструменты >> Уведомления >> выбираем «Отправка формы» и способ уведомления - раз в день или мгновенно, сразу после того как участник заполнил. Не забываем нажать «Сохранить».
Итого: у нас есть анкета и привязанная к ней таблица с ответами. В них есть еще миллион интересных настроек и лайфхаков, но лучше всего их открывать для себя самостоятельно. Но если вы решили сделать первую в жизни анкету по сбору обратной связи после события, описанных здесь пяти шагов будет более чем достаточно для старта.
Надеюсь, эта небольшая инструкция поможет начинающим организаторам упростить сбор обратной связи и сохранить некоторое количество деревьев, исключив необходимость сбора бумажных анкет!
(Visited 6 167 times, 1 visits today)
Когда люди знакомятся офлайн, обращают внимание на такие атрибуты успешности, как обувь, часы и визитка.
Они по умолчанию уже многое могут сказать о человеке, его статусе, аккуратности, вкусу, внимании к деталям и т.д.
А когда первое общение происходит онлайн, этим атрибутом становится электронное письмо.
И в ситуации, когда деловые отношения только-только начинают завязываться, любая деталь может не просто повлиять на мнение о вас как о профессионале, но даже заставить потенциального клиента отказаться от дальнейшего общения.
Хорошо то, что на этом этапе коммуникации вы в состоянии напрямую воздействовать на конечный результат: быть сделке или нет.
Если же вы привыкли выглядеть и работать фирменно, с иголочки, то эта информация может оказаться для вас полезной.
Скелет классического делового e-mailЭлемент №1. Фирменный почтовый адрес
Если уже мы начали говорить о e-mail переписке, то давайте начнем с самого начала – с электронного адреса.
Во-первых, если у вас нет корпоративного адреса, регистрируйте свой почтовый ящик на серьезных сервисах.
Во-вторых, позаботьтесь о фирменном адресе. Забудьте про всякие «крошка[email protected]» или «супермен[email protected]».
Не удивляйтесь, что мы затронули такую очевидную тему. Нам периодически приходится открывать е-мейлы, адреса которых выглядят, мягко говоря, непрофессионально.
Элемент №2. Шаблон в корпоративном стиле
Внешний вид письма – то самое первое впечатление, о котором говорят «неизгладимое». Именно здесь начинается любовь или неприязнь с первого взгляда.
Оформить корпоративный шаблон не составит труда, даже если вы не знакомы с программированием. Вот всего несколько советов, которые помогут выделить ваш e-mail среди тонны других:
Элемент №3. Приветствие
Возможно, кому-то этот пункт покажется банальным и недостойным внимания. Но нам довелось видеть не один десяток писем, авторы которых не посчитали нужным поприветствовать получателей своих электронных опусов.
(Особенно это касается новичков-вебрайтеров)
Друзья, здороваться с человеком – это даже не первое правило этики, а то, без чего невозможно представить нормальный и уважительный диалог.
Кстати, приветствовать человека стоит не только в первом письме, но и при дальнейшей переписке. В этом случае можно не ограничиваться банальным «Здравствуйте» , а проявить более глубокий интерес к личности собеседника.
Например: «Приветствую, Иван Иванович! Как прошли выходные?» .
Элемент №4. Содержание (цель обращения)
В этой части описывается суть обращения. Желательно при этом текст разбивать на короткие абзацы, использовать маркированные списки.
Тем более что технические возможности почтовых сервисов позволяют превратить любой текст в «шоколадку».
Элемент №5. Предупреждение о вложенном файле
Мелочь, но важная. Согласитесь, что получатель письма не обязан высматривать символ скрепки, который обозначает вложенный файл.
Часто происходят ситуации, когда человек попросту не замечает важную презентацию или прайс-лист. Будет досадно, если сделка сорвется из-за такой ерунды.
Поэтому проявите внимание к своему собеседнику и напишите короткую фразу «к этому письму я прилагаю файл», ведь это совсем не сложно.
Элемент №6. Просьба об обратной связи
Это также важный блок в деловой переписке. Его можно сравнить с призывом к действию в продающем тексте. Скажите прямо получателю, каких действий вы от него ожидаете после прочтения письма.
«Позвоните по телефону 321-456, и я с радостью отвечу на все Ваши вопросы».
«Ждем Ваших комментариев».
«Подтвердите, пожалуйста, получение e-mail».
Последняя фраза крайне важна, когда в переписке обсуждаются принципиальные вопросы: согласовывается бюджет, календарный план или стратегия сотрудничества. Всегда стоит помнить о том, что иногда письма попадают в спам или удаляются в спешке.
Этой фразой вы застрахуете себя от подобных неприятностей.
Элемент №7. Прощание
И снова приходится говорить о банальностях. Все потому, что многие бизнесмены недооценивают важность обычного уважительного общения.
Написать электронное письмо без прощания – все равно что в разгар переговоров встать из-за стола и молча уйти.
Элемент №8. Личная подпись с указанием контактов
Здесь речь пойдет о той самой автоматической подписи, которую можно настроить в любом почтовом сервисе. Давайте подумаем, какую информацию стоит указывать в этой части письма:
Эта информация сделает вас доступней для заказчика. И если он присоединится к вам в соцсетях – это будет прекрасной возможностью продолжить ваши деловые отношения.
Майкл Хайятт в своей легендарной книге «Платформа» уделяет особое внимание подписи в е-мэйле. И кроме вышеперечисленных моментов он предлагает добавить еще такую фразу: «Данный электронный адрес конфиденциален, так же как адреса блога и страниц в соцсетях, если только мы специально не договоримся об обратном» .
Друзья, надеемся, что эти советы будут для вас полезными. Начинайте формировать свой бренд с малого, но такого важного элемента, – электронного письма.
Кстати, вам приходилось иметь дело с неопрятными е-mail? Как этот факт отразился на дальнейшей коммуникации с отправителем?
