#dev branch

Скриншот 1

Описание: Страница логина содержит 2 поля для ввода логина и пароля и 2 кнопки для входа и регистрации. (смотри Скриншот 1) При нажатии на кнопку регистрации открывается страница регистрации:

Скриншот 2

После успешного логина в систему, появится основная страница — Доска.

Скриншот 3

Доска содержит следующие элементы, отмеченные указателями на Скриншоте 3(номера указателей совпадают с порядком перечисления элементов) :

Описание: Карточка находится на доске, в колонке, который определен статусом. На карточке есть минимальная необходимая информация — Фамилия и Имя, заметка (на скриншоте отсутствует). Статус клиента можно определить по колонке, в которой находится карточка. Красный колокольчик — уведомление, что карточка новая и не открывалась(при открытии колокольчик исчезнет).В правом верхнем углу есть кнопка(ручка)

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

Скриншот 4

После выбора одного из шаблонов, откроется окно с способом отправки сообщения:

Скриншот 5

После открытия карточки, перед вами появится информация о клиенте:

Скриншот 6

Основные функции внутри карточки( отмечены на скриншоте 6 указателями, номера которых соответствуют перечеслению функций):

1. Добавить напоминание

Описание: При нажатии на кнопку добавить напоминание, динамически откроется область для добавления напоминания(смотри Скриншот 7 ниже):

Скриншот 7

2. Расширенная информация

Описание: При нажатии на данную кнопку, откроется страничка с информацией о клиенте:

Скриншот 8

Чтобы редактировать информацию, нужно нажать на кнопку редактировать(смотри Скриншот 8), за тем сохранить изменения. Так же в расширенной информации есть возможность просмотра Истории клиента, по нажатию на кнопку «Открыть историю»:

Скриншот 9

3. Взять себе карточку

Описание: При нажатии на кнопку «Взять себе карточку» карточка присваивается текущему залогиненному пользователю. После этого кнопка меняет цвет на желтый и появляется возможность открепить карточку.

Скриншот 10

4. Назначить беседу в Skype Описание: При нажатии на кнопку «Назначить беседу в Skype», в случае отсутствия информации о Skype в карточке, будет предложено добавить эту информацию:

Скриншот 11

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

Скриншот 12

5. Возможность позвонить клиенту прямо из CRM, нажав на кнопку телефона (смотри Скриншот 6, указатель 5). При звонке кнопка окрасится в зеленый цвет. Так же есть возможность просмотреть историю звонков, прослушать записанный разговор или просто скачать аудиозапись.

6. Отправить сообщение клиенту

Описание: При нажатии на кнопку «Конверт», (смотри скриншот 6, указатель 6) откроется окно:

Скриншот 13

При выборе любого из пунктов: После разговора, оплата за обучение и тд. откроется окно. В поле ввода можно добавить текст, а так же можно выбрать вид сообщения(sms, e-mail….). Так же присутствуют кнопки для выбора всех видов сообщения, а так же для очистки выбранных видов.

Так же есть возможность перейти в редактирование шаблонов по нажатию кнопки во 2 столбце.

7. Возможность открыть чат с пользователем в Вконтакте прямо из CRM (На момент написания описания. В перспективе с любой соц. Сетью) — кнопка общение в разделе соц.сети.

Скриншот 14

Назначение: задать какой либо шаблон рассылки для разных ситуаций (Оплата за обучение и тд). Шаблон можно редактировать , нажав на кнопку(1). Удалить шаблон можно нажав на кнопку (красный крест(2)) Пример редактирования шаблона:

Скриншот 15

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

Скриншот 16

Назначение: Рассылка предназначена для отправки сообщений клиенту тремя способами:

1. На электронную почту
2. SMS - сообщение
3. Сообщение Вконтакте. На скриншоте 16 указан вариант отправки на электронную почту, в поле 1 вводится текст сообщения, в поле 2 электронная почта (например: [email protected]).

Пример с SMS: Аналогично отправке по электронной почте. В поле 2 вводим номер телефона (+79116102542)

Скриншот 17

Описание: Статус позволяет визуально разбить клиентов на определенные колонки и видеть текущее положение клиента по статусу(например inLearning — в процессе обучения или New Cliens — новый клиент) — смотри скриншот 3, указатель 2-3.

Для редактирования статуса на доске существует кнопка(шестеренка):

Скриншот 18

При добавлении клиента — откроется форма добавления клиента:

Скриншот 19

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

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

Добавить статус возможно в специально отведенном для этого поле ввода (смотри скриншот 3, указатель 4)

Описание: Меню открывается по одноименной кнопке в верхнем правом углу доски (смотри скриншот 3, указатель 5)

Скриншот 20

Список функций раздела «Меню»:

1. Просмотр скрытых статусов

2. Редактирование/удаление/деактивация сотрудника.

Описание: в разделе «Список сотрудников» перечислены их имена и существуют 3 кнопки, 3 кнопка позволяет редактировать сотрудника, вторая его деактивирует с возможность активировать и 3 удаляет (нумерация в соответствии с номерами столбцов)

4. Возможность «принять» или «отклонить» сотрудника из списка «новые сотрудники».

5. Добавить сотрудника. Описание: При нажатии на кнопку добавить пользователя — откроется страница, в которой нужно заполнить данные сотрудника:

Скриншот 21

6. Отслеживаемые группы VK Описание:

Скриншот 22

Скриншот 23

Скриншот 24

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

При добавлении новой группы(Скриншот 23), нужно указать имя группы( не обязательно, чтоб совпадало с группой Вк), id группы, токен своей группы и clientId своего приложения вконтакте. Более подробное описание есть в подсказах формы добавления. Для отправки сообщений - нужно указать свой логин и пароль от ВК страницы в vk.properties.

Изменение данных об отслеживаемой группе (Скриншот 24)

5. Отслеживаемая трансляция YouTube Описание:

Скриншот 25

Отслеживание YouTube трансляции позволяет производить поиск потенциальных клиентов в группе Вк по чату во время трансляции на YouTube.

На скриншоте 25 можно наблюдать 4 поля:

1. Поле для ввода ссылки/id YouTube канала - канал, на котором будет "просматриваться" чат.
2. Поле для ввода ссылки/id для группы Вконтакте - группа, в которой будет вестись поиск клиентов.
3. Название YouTube канала
4. Описание канала

Кнопка «отправить» добавляет канал в отслеживаемые. По окончанию трансляции, можно скачать текстовый файл с id потенциальных клиентов, по нажатию кнопки «Скачать txt файл со всеми vk id потенциальных клиентов».

6. Отчёт Описание:

Скриншот 26

Для создания отчёта нужно выбрать дату, сделать сам отчёт (поле ввода растягивается на нужный для пользователя размер), за тем указать Email и отправить.

Так же присутствуют дополнительные настройки:

Скриншот 27

Описание: Круглая кнопка в правом верхнем углу, доступна из любой области в CRM. При нажатии на кнопку появляется выбор — Перейти в настройки, настроить профиль или выйти.

Скриншот 28

В настройках доступны такие функции, как:

1. Выключить оповещения Описание: При нажатии на кнопку включаются/отключаются все оповещения.

2. Не оповещать о новых клиентах Описание: При нажатии на кнопку отключаются/включаются оповещения о новых клиентах.

3. Изменить профиль Описание:

Скриншот 29

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

4. Настройка оформления Описание: При нажатии на кнопку «Настройка оформления» появляется окно с палитрой

Скриншот 30

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

6. Авторизация вконтакте Описание: Нажимаем кнопку получить токен, открывается окошко — копируем ссылку и вставляем в указанное поле.

Скриншот 31

7. Настроить форму заявки Описание: При нажатии на кнопку открывается страница настройки, которая представляет из себя таблицу с названием поля в заявке ВК и её типом (обязательная — вся информация о клиенте или не обязательная — например заметки) Порядок строк в таблице, должен соответствовать порядку заполнения полей в заявке ВК, изменить номер строки в таблице можно путём перетаскивания мышкой. Строки можно добавлять, изменять и удалять.

Скриншот 32

6. Авторизация Google Описание: Стандартная oauth авторизация в гугл.

7. Настроить автоответ Описание: Предлагает настроить автоответ ( сообщение, которое будет отправлено потенциальному клиенту)

Скриншот 33

8. Статусы по умолчанию Описание: смотри скриншот 33ниже

Скриншот 34

9. Оповещения об оплате Описание: Смотри скриншот 35 ниже

Скриншот 35

Описание:

Скриншот 36

1. По нажатию на уведомление о новом клиенте — оно пропадет с доски(красный колокольчик на карточке клиента).
2. При нажатии на корзинку — удалятся все оповещения о клиентах.

Описание: смотри скриншот 3, указатель 10. Предназначен для удобной навигации по CRM. Состоит из 6 ссылок и полем для поиска на доске(смотри скриншот 3, указатель 8 и 10) Некоторые из них уже рассматривались в описании.

Скриншот 37

При переходе на страницу «все клиенты», выводится таблица всех клиентов с информацией о них. На странице находится поле ввода для поиска клиента. Так же присутствует фильтр:

Скриншот 38

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

На скриншоте 38 можно наблюдать кнопку «Вернуть» в столбце «Скрыт?». Это означает, что клиент с данным статусом скрыт и не отображается на главное доске. Чтобы вернуть клиента на доску, нужно нажать на кнопку «Вернуть» и выбрать статус, в который вернется клиент.

По нажатию кнопки «Добавить клиента», откроется страничка создания клиента:

Скриншот 39

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

Скриншот 40

Таблица всех студентов содержит в себе информацию о студентах, которую можно редактировать (смотри скриншот выше).

Пример изменения студента с именем «Иван Федоров»:

Скриншот 41

Или удалить студента вообще, для этого нужно нажать на красный крестик. Над таблицей находится поле ввода для поиска студента. Так же есть возможность использовать фильтр, нажав на кнопку «Фильтр»:

Скриншот 42

Скриншот 43

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

Над таблицей так же находится кнопка «Создать», которая позволяет создать новый статус.

Примеры создания и изменения статусов соответственно:

Скриншот 44

Скриншот 45