Ребрендинг и персонализация
Сервис поддерживает возможность полноценного ребрендинга по своим потребностям. Используя весь функционал, можно получить буквально свой сервис: со своими логотипами, цветами, пользовательским соглашением, формами авторизации на сайте и отдельной ссылкой для регистрации и доступа абонентов.
Основная работа по ребрендингу сервиса производится в Личном Кабинете партнера, в разделе "Настройки - Ребрендинг"
Информация, приведенная ниже, касается web-версии сервиса. Для ребрендирования мобильного приложения обратитесь к персональному менеджеру.
Форма авторизация на вашем сайте
Авторизация на вашем сайте может быть выполнена с двумя вариантами реализации:
- вывод брендированной формы авторизации нашего сервиса
- вывод кастомной формы авторизации, с вашим дизайном и лого
Вариант 1. Авторизация через форму сервиса DVOR24
Это наиболее простой способ авторизации, который реализуется следующим образом:
на сайт добавляется кнопка (ссылка), в атрибут «href» которой прописывается «https://cloud.dvor24.com/login».
Пример:
<a href="https://cloud.dvor24.com/login">Авторизация</a>
При нажатии на кнопку пользователь перенаправляется на брендированную страницу входа в систему сервиса.
Вариант 2. Авторизация через кастомную форму вашего бренда
При использовании этого способа, все взаимодействие с сервисом происходит по API. Конечный пользователь будет видеть исключительно ваши дизайн и лого, а авторизация в сервисе будет происходить «за кадром».
В данном случае на сайт добавляется html-форма с 3 элементами: 2 поля ввода (логин и пароль) и кнопка отправки формы. Данную форму вы можете разместитm по вашему усмотрению – скрыть ее в модальном окне и показывать по клику на другую кнопку (например, по клику на кнопку «личный кабинет» и т.п.), либо же вставить в любое место на сайте.
Для данной формы есть ряд требований:
- Атрибут
«action»тега«form»должен содержать«https://cloud.dvor24.com/login» - Форма должна отправляться методом POST (
method=”POST”) - В поле "логин" добавить атрибут
name=”login” - В поле "пароль" добавить атрибут
name=”password”
Пример простейшей формы:
<form action="https://cloud.dvor24.com/login" method="POST">
<input type="text" name="login" placeholder="Введите логин...">
<input type="password" name="password" placeholder="Введите пароль...">
<input type="submit" value="Войти">
</form>
Принцип работы: после клика на кнопку "Войти" запрос отправляется на API и обрабатывается; если логин и пароль введены верно, пользователь автоматически перенаправляется в личный кабинет. Если же логин или пароль введены ошибочно – запрос вернет текст ошибки (текст вам необходимо выводить на экран самостоятельно).
Смена логотипа и цветового оформления
Функционал ребрендинга позволит изменить логотипы, шрифты и цветовую схему личного кабинета пользователя в соответствии с вашими потребностями.
Все действия производятся в личном кабинете сервиса. Перейдите в пункт меню "Настройка-Ребрендинг", вкладка "Логотип" для изменения логотипов.
В пункте меню "Настройка-Ребрендинг", вкладка "Основное" настраивается цветовая гамма элементов и шрифтов. Для изменения цветовой гаммы вам нужно воспользоваться таблицей кодов цветов html или встроенным редактором.
Логотипы.
1. Логотип шапки сайта
Требования к файлу с логотипом шапки:
- Размер: по ширине не более 120px, по высоте - ограничений нет, но стоит учитывать сдвиг меню вниз при большой высоте логотипа;
- Формат: можно .jpeg, если цвет фона логотипа совпадает с фоном шапки, если нет - .png (с прозрачностью).
2. Логотип формы входа
Требования к файлу с логотипом формы входа:
- Размер: по ширине - не более контейнера формы (350px), высота – не более 105px;
- Формат: можно .jpeg, если цвет фона логотипа совпадает с фоном шапки, если нет - .png (с прозрачностью).
Изменение текста пользовательского соглашения
Пользовательское соглашение – это договор между вами и вашими клиентами, использующими сервис видеонаблюдения, в частности сайт и мобильное приложение. В нём предусматриваются все нюансы использования: права и обязанности пользователя и владельца ресурса, порядок использования функционала и контента ресурса, ограничение ответственности владельца ресурса, защита прав на интеллектуальную собственность и многое другое.
Пользовательское соглашение выводится абоненту при первой активации учетной записи на сайте.
Изменить типовой текст соглашения на соответствующий вашей компании вы можете в личном кабинете, в разделе «Настройки – Ребрендинг – Пользовательское соглашение».
Встроенный текстовый редактор позволит настроить шрифт и оформление согласно вашим предпочтениям.
Добавление персональной информации в мобильное приложение
В мобильном приложении есть раздел «Информация», содержащий в себе ту информацию, которую вы хотите предоставить абонентам. Например, контактные данные, время работы колл-центра и т.д. Информация общая для всех абонентов, показывается всем клиентам.
Информация в мобильном приложении отображается только в аккаунтах абонентов. При авторизации под учетной записью администратора раздел с информацией не отображается.
Добавить и отредактировать выводимый текст можно в настройках личного кабинета, в разделе «Настройки – Ребрендинг – Основное».
Пример информации в мобильном приложении:
Добавление контактной информации на сайт
Контакты – это раздел/блок на сайте, где будет выводиться информация о том, как связаться с Вашей компанией: номера телефонов, адрес электронной почты, адрес офиса, ИНН – любая информация, которую Вы готовы предоставить пользователям.
Добавить и отредактировать выводимый текст можно в настройках личного кабинета, в разделе «Настройки – Ребрендинг – Контакты».
Показ URL вашего сайта пользователю
Сервис позволяет показывать ваш домен в адресной строке браузера вместо нашего домена cloud.dvor24.com. Т.е. можно передать абонентам свою ссылку для авторизации. Например, lk.videokvartal.com - перейдя по ссылке, абонент увидит форму авторизации, которую, как уже было описано выше, также можно изменить на свою.
Для этого нужно:
- Создать DNS-запись (тип А), т.е. привязать ваш домен к IP-адресу 77.222.52.233 в личном кабинете регистратора доменных имён
- Указать ваш домен/субдомен для личного кабинета в форме по ребрендингу в личном кабинете
В течении суток ребрендинг домена ЛК вступит в силу и, при переходе по этому домену, будет находится страница авторизации
У вас уже есть собственный домен:
У вас еще нет своего домена:
Настройка уведомлений в Telegram-каналы и на E-mail
Для того чтобы получать уведомления об отказах камер и объектов, а так же об обращениях пользователей, Вы можете создать группу в Тelegram и бота, который, взаимодействуя с сервисом по API, будет присылать сообщения о событиях, на которые вы его настроите. Также можно настроить отправку уведомлений на E-mail.
В группу Telegram Вы можете добавить сотрудников техподдержки и прочих ответственных за отслеживание неисправностей и обращений.
Отправка уведомлений в Telegram
1. Создайте группу в Telegram и бота:
Подробнее о создании группы и Telegram-бота вы узнаете, посмотрев видео:
2. Добавьте бота в сервис:
Перейдите в раздел Личного Кабинета "Настройки - Справочники - Telegram боты" и нажмите "Добавить канал", чтобы добавить бота.
Заполните поля:
- Название – произвольное имя бота в сервисе
- Токен – API-key, который был выдан при создании бота
- Чат айди (со знаком минус) – ID чата, который был получен при создании группы
Также необходимо отметить все типы уведомлений, которые бот будет присылать в канал.
Отправка уведомлений на E-mail
Перейдите в раздел Личного Кабинета "Настройки - Справочники - Email для уведомлений", укажите адрес электронной почты и выберите тип уведомлений? о которых будет приходить оповещение.
Альтернативная карта камер
В сервисе по-умолчанию используется карта OpenSteetMap. Есть возможность использовать Яндекс.Карты. Для переключения карты перейдите в раздел «Настройки - Ребрендинг», вкладка «Карта». Здесь можно изменить карту.
Обратите внимание, что выбранная карта применяется глобально – для всего личного кабинета партнера и пользователей партнера.