Умение производить благоприятное впечатление 7б. Как произвести хорошее впечатление: важные правила. Забота о клиенте

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

Приветствую моих читателей, набрался опыта и расскажу Вам о принципах работы формы обратной связи php. Покажу на наглядных примерах, чтобы вы понимали как все устроено и как происходит взаимодействие между самой формой ввода (ее полями input) и файлом-обработчиком, написанный на языке php. К тому же бесплатно сможете скачать исходники вместе с .

Конечно здорово будет, если вы хоть немного разбираетесь в HTML / CSS т.к. Вам придется уже по аналогии перетягивать код на свою страницу. PHP язык затрагивать не будем, все необходимые правки, которые нужно будет сделать под себя я покажу.

UPDATE :По откликам читателей, я понял, что нужно что-то более красивое и функциональное, встречайте , ознакомьтесь и посмотрите. Сами выбирайте какая больше понравится)

UPDATE2 : Version 3.0 Адаптивный Лендинг + форма ajax с передачей UTM-меток , ознакомьтесь и посмотрите. Вам понравится

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

Форма обратной связи php — структура

Разбор самой формы обратной связи будем изучать на примере посадочной страницы (Landing Page), кстати есть отдельная статья по . Посмотреть как это работает в действии можете по кнопкам расположенным ниже, прикладываю исходники этого одностраничника и главного файла обработчика-php (этот файл и будет обрабатывать и отправлять письмо на email)

После того как скачаете исходники и распакуете архив, вы увидите следующую структуру по файлам:

image — все изображения, которые используются для самого Landing Page, кнопки и т.д.
js — javascript скрипты, которые обеспечивают например всплывающее модальное окно на странице и другие визуальные эффекты
index.html — индексный файл нашего одностраничника
index1.php — файл обработчик, в который передаются значения из формы, далее формируется письмо из полученных переменных и отправляется на указанный email адрес. Так же index1.php случит в роли промежуточной страницы уведомления об успешной отправке данных с автоматическим перенаправлением обратно на index.html (т.е. наш одностраничник)

Важно, чтобы ваш хостинг, на котором располагаются файлы сайта, поддерживал 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 (смотрите контактные данные). Желаю легкой и продуктивной работы Вам.

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

Для чего нужна всплывающая форма обратной связи для wordpress Причины использования

Рассмотрим, для чего нужна такая форма

Экономия свободного места на сайте. Контактная форма может быть размещена где угодно: в подвале или шапке, в основном контенте страницы, в виде плавающей кнопки и т.д.

Эффективное появление. Анимация возникновения нового окна выглядит интересно и необычно

Доступность. Оставить записи в этой форме можно с любого места сайта, пользователям не нужно возвращаться на главную страницу.

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

Плагины для установки всплывающей формы

Рассмотрим инструменты, необходимые для разработки всплывающих окон в wordpress – специального приложения для разработки и создания сайтов.

Contact Form 7

Данный плагин используется непосредственно для конструирования формы. Для его установки выполните следующие действия:

Easy FancyBox

Данный плагин пригоден для разработки эффекта всплывающего окна. Последовательность установки Easy FancyBox аналогична установке предыдущего плагина.

Настройка плагинов

Настроить параметры дополнения Easy FancyBox можно через медиафайлы. Воспользуйтесь опциями меню «Настройки» -> «Медиафайлы».

В открывшемся блоке чуть ниже стандартных настроек будут расположены параметры самого плагина. Здесь обычно стоит галочка напротив пункта «Images», которая указывает на активирование выплывающего окна при клике по изображению. Желательно ее снять, так как при наличии других дополнительных инструментов создания всплывающей анимации будет происходить двойное открытие изображений.

Но это еще не все. Поставьте галочку напротив пункта «Inline content»

Все желающие могут дополнительно покопаться в настройках плагина и выставить их на свое усмотрение.

Совет: если вы хотите, чтобы форма всегда была открыта, тогда снимите в настройках Easy FancyBox галочку напротив опции «Close FancyBox when overlay is clicked», выполняющей функцию закрытия окна при клике мышкой за его пределами.

Пошаговая инструкция

Ну вот, со «скучной» предварительной подготовкой покончено, теперь перейдем к самой «вкусной» части – как, собственно, разрабатывается всплывающая форма обратной связи wordpress.

Обработка окна формы

С чего начнем? Конечно же, с предварительной настройки самой формы. Выберите в правом меню пункт «Contact Form 7», а потом опцию «Добавить новую».

Придумайте новое имя формы, например, «Эксперимент», вбейте его в поле ввода открывшегося окна, где расположен текст «Заголовок», и нажмите на кнопку «Сохранить». Можно изменять и другие параметры, в том числе и сам шаблон формы, но мы его трогать не будем. Сейчас наша главная цель – просто научиться созданию всплывающих форм.

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

Выведение формы

Теперь займемся программированием. Новый программный код можно вставить в любом месте сайта, например, в «Контакты», и других. В нашем примере новая форма будет выведена в виджете. Выберите в меню последовательно «Внешний вид», потом кликните на «Виджеты», затем в открывшемся окне нажмите на опцию «Текст».

Теперь щелкните по кнопке «Добавить виджет»

Вставьте в поле ввода «Содержимое» следующий программный код:

Написать письмо Начальный текст Завершающий текст

Вот так будет выглядеть получившийся результат:

Учитывайте, что вместо указанного в примере шорткода вам надо будет указать тот, который образовался у вас в результате создания новой формы.

Дополнительно форму можно отредактировать: добавить или убрать поля ввода, ввести начальный и/или конечный текст до и после формы, преобразовать текст в заголовок или вывести его отдельным блоком, использовать различные стили, плэйсхолдеры и т.д. Были бы время и желание!

Стилизация ссылки

Рассмотрим также два способа преобразования ссылки в кнопку для улучшения ее визуального отображения.

1 способ – использование дополнительных стилей темы.

Приведенный ниже программный код можно вставить следующим образом:

Сам программный код выглядит так:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

/***Отображение ссылки в кнопочном виде****/ .contact-us a{ margin:auto; /*выстраивание блока в центре*/ display:block; width:199px; /*размер кнопки*/ padding:11px 22px; /*внутренние отступы*/ border:1px solid black; /*оттенок рамки*/ background:#3399ff; /*фоновый узор*/ text-decoration:none; /*преобразование надписи в неподчеркнутую*/ text-align:center; /*центрирование надписи*/ color:#ffffff; /*оттенок надписи*/ -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } /**Изменение цвета ссылки при подведении курсора**/ .contact-us a:hover{ -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

Получилась такая кнопка:

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

2 способ – использование изображения в виде кнопки. Сначала загрузите на сайт необходимую картинку (любую по вкусу, не обязательно в виде кнопки, — это не имеет особого значения). Для этого щелкните на «Медиафайлы» -> «Добавить новый» и выберите нужный рисунок. Справа от изображения появится постоянная ссылка на файл (в данном примере http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg), скопируйте ее и добавьте в код (кавычки не удалять):

Полученный код добавьте в основной код вывода формы вместо текста «Написать письмо».

На моем сайте отобразилась кнопка, приведенная на скриншоте ниже:

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

Добавление в меню

Чтобы всплывающая форма обратной связи для wordpress могла вызываться прямиком из меню, необходимо воспользоваться следующим кодом

1 2 3

Написать письмо

Сначала нужно разобраться, куда именно необходимо вставить этот код. Зайдите в «Редактор» через «Внешний вид» и среди шаблонов выберите «Заголовок (header.php)»

Теперь отыщите то место, где расположен код меню. Найдите следующую информацию:

1 2

Ниже вставьте ваш код как раз перед закрывающим тегом.

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

Приветствую вас, друзья. Сегодняшний урок поможет вашему wordpress сайту обзавестись симпатичной и функциональной формой обратной связи. Сделаем мы ее с помощью плагина Contact Form 7. В свое время я потратил немало времени на поиски нормальной контактной формы и достойной альтернативы данному плагину так и не нашел.

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

Главное достоинство контактной формы на Contact Form 7 в простоте ее настройки, почти неограниченной функциональности и автоматической подстройке дизайна под любые шаблоны WordPress . С ее помощью можно сделать не только форму для отправки сообщений с сайта. Плагин можно использовать для создания кнопки заказа, обратного звонка или сложной анкеты с чекбоксами и выпадающими списками. Также, есть возможность прикреплять для передачи файлы.

Одним словом, плагин мегафункциональный.

Если вас до сих пор волнует вопрос «делать или не делать форму связи?» (можно обойтись простым размещением контактных данных на нужных страницах), то я скажу однозначно – делать стоит.

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

Во-вторых, контактную форму можно настроить и это позволит вам получать письма стандартного образца – в них будет проще ориентироваться. Например, вы можете поставить стандартный заголовок для сообщения «Заказ» и все письма со страницы заказов будут приходить с таким заголовком.

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

В-четвертых, это просто стильно и современно.

Плагин есть в общей базе wordpress, поэтому нет необходимости искать где-то его файлы, скачивать их себе и потом закидывать на хостинг. Все делается проще – через админку wordpress входите в раздел плагины, набираете в поле для поиска «Contact form 7» и устанавливаете его. Если вы никогда плагины не ставили, то подробная инструкция как установить плагин .

Настройка плагина состоит из двух этапов.

Первый – это настройка конкретной формы. Разных форм может быть много, каждая из них может содержать свой набор полей. Одним словом, под каждую задачу и каждую страницу на сайте вы можете отдельно создать форму обратной связи, wordpress это позволяет – их список будет храниться в базе плагина.

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

Итак, поехали.

Для начала в левом меню панели администратора находим вкладку Contact form 7. Под ней всплывет меню с двумя пунктами – «Формы» и «Добавить новую».

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

Настройка формы разделена на отдельные блоки. Рассматривать их я буду по порядку.

Первый блок отвечает за название вашей формы – поставьте курсор на надпись «Без названия» и введите нужное вам имя. Это название будет отображаться только вам в списке контактных форм плагина, так что делайте его понятным для вас, чтобы в будущем не запутаться во всем многообразии.

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

Звездочками помечены поля обязательные для заполнения. Если такое поле оставить пустым, то сообщение не будет отправляться.

Расположение полей можно настраивать с помощью обычной html разметки.

Что касается настройки самих полей, то вы можете удалить ненужные и добавить те, которые вам потребуются. Если вы не хотите, чтобы тему письма вносили вручную – просто удалите соответствующий блок.

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

Выберите нужный элемент и настройте его параметры. Плагин на русском, поэтому все настройки интуитивно понятны.

Первый чекбокс указывает на обязательность или необязательность поля (он добавляет звездочку).

После настройки поля у вас появятся 2 шорткода:

«Скопируйте этот код и вставьте его в шаблон формы слева» – этот код вставляется в код формы аналогично со всеми остальными;
«И вставьте следующий код в шаблон письма ниже» – этот код понадобится нам для оформления письма в следующем блоке.

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

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

Наша задача включить в письмо всю информацию.

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

Вторым пунктом указывается электронный ящик, с которого письмо будет отправлено вам. Я бы ничего тут не менял, по умолчанию указан почтовый ящик вашего блога и к нему добавлен тег с именем человека, отправляющего сообщение.

Дальше мы указываем тему письма. Стандартно, тема берется из поля , которое заполняется в форме. Но можно из формы этот элемент удалить, а в поле вписать конкретную тему, задаваемую в каждом письме автоматически. Я так сделал для форм обратной связи со страниц об услугах и рекламе. Сообщения оттуда всегда приходят с одной и той же темой «Заказ услуг» или «Заказ рекламы» – просто и понятно.

Поле дополнительных заголовков содержит тег «Reply-To: » для того, чтобы при ответе на письмо, полученное с вашего блога вы отсылали сообщение на на блог, а на тот адрес, который указывал отправитель письма в поле формы . Менять это поле не стоит.

Поле «Шаблон письма» отвечает за внутреннее содержание полученного вами сообщения. По умолчанию оно содержит информацию об отправителе, теме и текст сообщения, введенный в поле .

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

Если вы вносили в форму какие-то дополнительные поля, не установленные по умолчанию, то в шаблоне письма не забудьте добавить соответствующий тег. Он был вам дан в блоке «Шаблон формы», там, где вы генерировали соответствующий тег (поле «И вставьте следующий код в шаблон письма ниже»).

Любую текстовую информацию этого блока (кроме тегов) можно менять по своему вкусу. Также вы можете добавить любые описания и менять теги местами, расставляя их в том порядке, который вам удобен.

Если вы хотите, чтобы отправленное вам сообщение получал кто-то еще, то можно поставить галочку в этом блоке.

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

Вы можете настроить отправку копии, например, своему менеджеру или бухгалтеру.

В этом блоке можно настроить сообщения, которые видит пользователь, после того, как он нажмет кнопку отправить сообщение. Хотите что-либо поменять – пожалуйста, я оставил все как есть.

После того, как вы заполнили все поля, вернитесь в начало к блоку «Название формы» и нажмите кнопку «сохранить», расположенную справа.

Плагин поместит созданную вами форму в список действующих и присвоит ей специальный код примерно такого вида:

[ contact - form - 7 id = "5464" title = "Проверка" ]

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

Спамеры доставляют немало хлопот владельцам сайтов, а каждая новая форма, позволяющая что-то писать, только добавляет количество спам ботов.

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

Избавиться от спамеров можно двумя способами:

Поставить обязательную капчу (это можно сделать дополнительным плагином – Really Simple CAPTCHA).
Воспользоваться антиспамерским плагином для wordpress – Akismet.

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

Использование плагина Akismet удобнее тем, что он самостоятельно анализирует вводимые данные (имена, email адреса, ссылки) и на основании наработанной базы делает выводы о спамности или неспамности сообщения.

Кроме того, akismet стоит на большинстве wordpress сайтов для защиты от спама в комментариях к статьям. Значит, при его использовании не потребуется устанавливать дополнительные плагины и создавать лишнюю нагрузку на сайт.

1. Устанавливаем плагин Akismet на ваш сайт и активируем его – .

2. Добавляем в теги контактной формы дополнительные данные:

в поле с именем автора дописываем akismet:author
в поле с email отправителя письма akismet:author_email
в поле для адреса сайта akismet:author_url

Должно получиться вот так:

После сохранения, контактная форма должна блокировать все сообщения, отправляемые спамерами. Проверить работу фильтра можно с помощью специального тестового имени “viagra-test-123? – при его вводе должно появляться сообщение об ошибке.

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

Если вы обнаружите, что Akismet вас не устраивает (пропускает много спама или блокирует нужные сообщения), то вы можете подключить капчу. Для этого установите плагин Really Simple CAPTCHA.

Открываем для редактирования нужную контактную форму

В списке тегов выбираем Captcha. В настройках тегов можно выбрать размер картинки с символами, в остальном ничего менять не стоит. В нижней части настроечного окна появятся 2 тега, один отвечает за вывод картинки, второй выводит поле для ввода данных с этой картинки.

Чтобы капча начала работать, необходимо скопировать и вставить оба этих тега в левое окно шаблона формы, после чего сохранить изменения.

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

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

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

Делается это с помощью еще одного плагина – Easy FancyBox.

Первым делом устанавливаем сам плагин, он есть в общей базе плагинов, поэтому, достаточно в админке вашего блога в поиске плагинов ввести его название. После установки плагина в разделе «настройки» появится вкладка «медиафайлы».

В этой вкладке нужно найти перечень типов контента, который должен отображаться во всплывающем окне. По умолчанию стоит только Images, нужно добавить Inline content.

На этом настройка плагина закончена, переходим к настройке кнопки обратной связи.

В принципе, можно использовать обычную текстовую ссылку, но кнопка-картинка будет выглядеть лучше.

На вашем сайте, там где вы хотите вывести кнопку для формы связи (в шапке, подвале или сайдбаре) вставьте следующий код:

< a href = "#contact_form_pop" class = "fancybox-inline" > < img title = "контактная форма" alt = " контактная форма " src = "http://ссылка на картинку" > < / a >

< div style = "display:none" class = "fancybox-hidden" >

< div id = "contact_form_pop" >

[ contact - form - 7 id = "id вашей формы" title = "название вашей формы" ]

< / div >

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

Этот пункт необходим, если вы хотите установить кнопку в сайдбаре. Не всегда сайдбар в вордпрессе позволяет выполнять шорткоды.

Чтобы эту функцию разрешить, требуется открыть для редактирования файл function.php (прямо из админки wordpress) и вставить перед закрывающей скобкой «?>» следующий код:

add_filter("widget_text", "do_shortcode");

add_filter ("widget_text" , "do_shortcode" ) ;

Он даст возможность выполнять все шорткоды в сайдбаре.

У меня получилась вот такая симпатичная всплывающая форма:

Иногда возникает необходимость разместить на сайте несколько форм с разными настройками и полями.

Например, одна кнопка у вас ведет на форму с именем и телефоном и служит для заказа обратного звонка с сайта, а вторая должна открывать другую форм где идет подробная заявка на заказ (с адресом, полем для описания, возможностью прикрепить файл и т.д.). В самом плагине Contact Form 7 вы можете сделать бесконечное количество вариантов форм, но как их впихнуть в разные кнопки одной страницы?

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

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

Первое, о чем должен помнить работник первого стола, - это об умении произвести благоприятное впечатление на посетители. Результат любой продажи можно предсказать уже после 10 секунд взаимодействия с покупателем.

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

Существуют три компонента первого впечатления:

1. 10% - вербальное воздействие (значение слов);

3. 60% - визуальное воздействие (движение, взгляд, одежда, мимика, жесты, манера поведения).

Способы установления личного контакта:

Зрительный контакт.

Обмен взглядами между работником и покупателем является одним из важных способов установления контакта. Визуальный контакт сближает людей, создает атмосферу доверия и взаимопонимания. Взгляд провизора (фармацевта) открытый, доброжелательный, внимательный, но не бегающий и не оценивающий покупателя. Психологи рекомендуют смотреть либо в глаза человеку, либо на его переносицу. Недопустим холодный, острый взгляд, под которым покупатель будет чувствовать себя, как под дулом пистолета или как на приеме у следователя.

Улыбка и выражение лица.

Первые секунды встречи должны оставить у потребителя ощущение комфорта и доброжелательности. Улыбка универсальное средство для установления контакта с людьми, которое служит безмолвным приглашением для общения.

Улыбка работника должна быть открытой и естественной. Наигранная, фальшивая улыбка чаще всего воспринимается покупателем равнодушно или с подозрением - «что-то ей от меня нужно».

Приветствие.

Первые слова чрезвычайно важны в установлении контакта, поскольку от них во многом зависит дальнейший разговор. Приветствие должно быть кратким, метким, понятным и простым. Главная его цель - быстро завязать разговор с посетителем, завладеть его вниманием и произвести благоприятное впечатление. «Добрый день (утро, вечер). Чем я могу вам помочь?». «Здравствуйте. Чем я могу быть вам полезна?»

Не рекомендуется начинать общение с таких фраз: «Что вы хотели?», «Что вас интересует?», «Какие у вас проблемы?» Такого рода приветствия могут привести к ответам типа: «Я нечего не хотел», «Меня ничего не интересует». Рассмотрим примеры диалогов, которые отлично подойдут для первого контакта:

Вариант 1

Сразу после того, как клиент зашел в магазин, подойдите к нему и произнесите одну из следующих фраз:

Добрый день! Меня зовут Юлия, если у Вас возникнут вопросы, обращайтесь, с удовольствием Вам отвечу.

Добрый день! Меня зовут Юлия, если Вас что-то заинтересует, можете обратиться ко мне.

Добрый день! Меня зовут Юлия, когда Вас что-то заинтересует, обращайтесь, я буду рядом.

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

Вариант 2

Добрый день! Меня зовут Юлия, Вы впервые у нас в магазине или уже бывали?

Добрый день! Меня зовут Юлия, Вы впервые у нас в магазине?

Добрый день! Меня зовут Юлия, Вы уже бывали в нашем магазине?

Если клиент впервые посетил магазин, проведите для него экскурсию:

Я могу провести для Вас экскурсию по магазину и рассказать о наших товарах. Обратите внимание, у нас новинки...

Если клиент уже был в магазине и пришел за конкретным товаром, проведите начальную презентацию, предварительно задав вопрос:

Что конкретно Вас интересует?.

Вы можете задать и такие вопросы:

Добрый день! Меня зовут Юлия, Вы уже определились с выбором или в раздумьях?

Добрый день! Меня зовут Юлия, Вы пришли к нам, чтобы сделать покупку или чтобы получить консультацию?

Добрый день! Меня зовут Юлия, Вы хотели бы что-либо приобрести для себя или в подарок?

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

Интонация.

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

Фраза «Чем я могу вам помочь?» может быть произнесена таким тоном, что у нее появится смысл: «Как вы мне все надоели» или «Как я устал(а)». Это, естественно, вызовет у покупателя возмущение, недовольство и нежелание общения.

Темп речи.

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

Комплимент.

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

Поза и жесты.

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

Недопустимо:

1. что-то крутить в руках;

2. щелкать ручкой;

3. постукивание пальцами или ручкой по прилавку;

4. собирать пылинки у себя на одежде;

5. поправлять прическу.

Все эти движения будут отвлекать, и мешать, покупателю настроиться на общение.

Присоединение к состоянию покупателя.

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

MENSBY

4.9

Способность производить на людей положительное впечатление с первой встречи дано не всем. Как нравится окружающим людям с первого взгляда? Это тебе обязательно пригодится!

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

1. Будьте дружелюбным и уверенным в себе. Когда люди видят эти качества, они считают, что с таким человеком гораздо проще общаться, и бывают более радушны. Рукопожатие - подходящий способ начать общение и показать свою открытость. В некоторых странах традиции не позволяют дотрагиваться до людей противоположного пола, так что вам стоит обратить на это внимание и выбрать другой способ поприветствовать человека. Но чаще всего вполне уместно пожать руку при знакомстве. Не бойтесь первым поздороваться с незнакомыми людьми и улыбайтесь.

2. Следите за осанкой. Ваша поза может много рассказать окружающим людям о вашем настроении и уверенности в себе. Старайтесь не сутулиться - так вы производите впечатление замкнутого и неуверенного неудачника. Держите спину прямо и стойте с высоко поднятой головой, держа руку на уровне бедра, так вы создадите впечатление сильной, открытой и уверенной в себе личности.

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

4. Расслабьтесь. Конечно, поза очень важна, но вы не должны выглядеть как робот. Сидите прямо, но не застывайте столбом. Говорят, что животные могут чувствовать страх, так и люди могут почувствовать вашу неуверенность. Просто будьте собой. Не нужно из кожи лезть, чтобы произвести впечатление на человека, пусть ваша личность говорит сама за себя.

5. Улыбайтесь. Особенно в том случае, когда вы впервые познакомились с человеком. Не обязательно демонстрировать голливудскую улыбку, достаточно будет вежливой, доброжелательной улыбки. Постарайтесь улыбаться естественно, если улыбка мгновенно сменяется каменным выражение лица, у людей создается впечатление неискренности и фальши. Постарайтесь дать своему собеседнику возможность рассказать что-нибудь, большинство людей раздражает, когда человек болтает непрерывно, не давая собеседнику вставить слова.

6. Смотрите в глаза собеседника. Старайтесь постоянно смотреть на человека, с которым вы разговариваете. Не отвлекайтесь и не отводите взгляд в сторону, иначе человек будет чувствовать, что он вам неинтересен. Иногда, если у человека есть какие-то проблемы, например, косоглазие, лучше не фокусировать свой взгляд на глазах человека. В этом случае будет естественнее перевести взгляд на рот или нос собеседника.

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

8. Проявляйте чувство юмора. Человек, который изо всех сил старается казаться весельчаком, обычно достигает прямо противоположной цели. Люди, обладающие хорошим чувством юмора, ведут себя естественно и искренне проявляют свое остроумие. Не стоит употреблять плоские шутки и двусмысленные фразы.

9. Заинтересуйте человека. Пользуйтесь здравым смыслом, когда выбираете тему для разговора. Вряд ли мужчина произведет впечатление на женщину, если начнет рассказывать, сколько пива он может выпить или описывать недавнюю драку в баре. Аналогично, большинство мужчин вряд ли захотят слушать рассказ девушки о том, какой милый щенок живет у нее в доме, или как она любит покупать новые туфли. Помните, вы пытаетесь привлечь внимание человека. Заинтригуйте его, вызовите интерес к себе. Вот некоторые хорошие темы для разговора:

Интересные факты или советы.

Музыка и кино.

Вопросы.

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

10. Дайте возможность собеседнику говорить о себе. "Расскажите, чем вы любите заниматься в свободное время?" В разговоре с женщиной будет уместен комплимент ее внешности, например: "Вам так идет этот цвет". Если вы не знаете, что именно сказать человеку, никогда не говорить комплимент только для того, чтобы сказать что-нибудь. Люди легко распознают вашу неискренность, и это обидит их.

11. Найдите общую тему для разговора. Если вы на вечеринке, то можете спросить собеседника, знаком ли он с другими гостями, и поговорить на эту тему.

12. Если вы пришли на собеседование, то лучше заранее найти информацию об этой компании. Фактически, чем больше вы узнаете о предприятии, тем лучше. Постарайтесь скрыть татуировки, если они у вас имеются. Они редко производят хорошее впечатление на начальство и клиентов компании. Однако не стоит вести себя так. будто вы знаете все на свете.

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

14. С большой осторожностью используйте парфюм. Это многое может сказать о вас. Тут важно не переборщить. Вам может очень нравится аромат духов, но парфюмерный запах может быть неприятен другим людям или даже вызвать у них аллергию. Принимая во внимание эти соображения, возможно, будет лучше, вообще, не использовать. Если же вы все же хотите нанести парфюм, лучше распылить его в воздухе и, подождав несколько секунд, пройти сквозь ароматное облако.

15. Позаботьтесь о гигиене. Это очень важно. Эти советы могут показаться очевидными, но принимайте душ ежедневно и всегда носите чистую, опрятную одежду. Не забывайте чистить зубы два раза в день и всегда используйте дезодорант-антиперспирант, особенно, если вы планируете важную встречу, которая заставляет вас нервничать.

16. Закончите общение на правильной ноте. Пусть человек захочет его проложить. Дайте понять. что вы хорошо провели время и надеетесь, что встретитесь с человеком снова. Вы можете даже отправить короткое сообщение, когда вернетесь домой. Даже если люди составили о вас хорошее впечатление. им важно убедиться, что и вам понравилось общение с ними. Им важно получить подтверждение этого. Однако не будьте слишком навязчивы!

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

18. Запоминайте имена новых знакомых. Когда вас представили человеку, постарайтесь повторить вслух его имя: "Рад познакомиться с вами, ИМЯ!". Если имя необычное, и вы раньше его не слышали, можно попросить показать, как оно пишется: "Это поможет мне запомнить ваше имя!"

19. Выбирайте тему для разговора сообразно обстановке. Если вы первый день работаете на новом месте, то можете спросить коллегу, как давно он работает в компании. На автобусной остановке можно поговорить о погоде. Помните, когда люди рассказывают вам что-то, вы можете задавать им вопросы об интересном им предмете разговора (например: "Вы работаете здесь уже год? А до этого вы чем занимались?" или "А где вы жили раньше?")

20. Никогда не хвастайтесь. В том числе, не нужно хвалиться знакомством с известными и влиятельными людьми.

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

22. Будьте позитивным. Если вы плохо отзываетесь о ком-то, вас собеседник может подумать, что в следующий раз вы нелицеприятно охарактеризуете его. Не обсуждайте прошлые отношения на первом свидании. Это слишком личная тема для разговора. Если ваш собеседник сам спрашивает об этом, лучше ответить: "Я бы хотел лучше поговорить о тебе и твоих увлечениях."

Советы

Обращайте внимание на позу вашего собеседника. Это много расскажет вам о нем.

Постарайтесь представить себя в лучшем свете, но оставайтесь собой.

Не нужно хмуриться, сутулиться и смотреть по сторонам, даже если вы просто беседуете с другом.

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

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

Не переусердствуйте с разговорами, вы можете наскучить человеку.

Будьте собой - если ваши попытки завязать разговор потерпели неудачу, просто скажите, что вы сейчас чувствуете.

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

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

Гигиена очень важна. Самое благоприятное первое впечатление может быть мгновенно уничтожено, если у вас несвежее дыхание или запах пота.

Наденьте красивую одежду, это поможет вам увереннее чувствовать себя. Уверенность в себе - это самое главное! Убедитесь, что у вас чистая обувь - люди часто обращают на это внимание, когда оценивают характер человека.

Не вываливайте на нового знакомого кучу сведений о своей бывшей. Человек может подумать, что вы до сих пор скучаете.

Если вы почувствовали беспричинную неприязнь к человеку, с которым только что познакомились, вам лучше прекратить общение и уйти. Возможно, интуиция предостерегает вас об опасности.