Урок PHP #9 – Личный кабинет
Привет! Сегодня мы сделаем личный кабинет для нашего юзера. И ещё, важное объявление. Это будет предпоследняя статья которая будет создаваться без дизайна. Это не значит что, всё, конец статьям, нет. Это начало. Но для красоты и лучшего восприятия, я буду подключать дизайн HTML, всякие бутстрапы, CSS, скрипты и.т.д. Вам же проще будет, думаю, заменить элементы кода на свои. 🙂
Что нужно делать?
Для начала, успокоится и глубоко вдохнуть. Далее перейдем к подготовке. Как всё это будет выглядеть:
После авторизации, пользователь увидит кнопку «Личный Кабинет». После нажатия которой, откроется короткая информация из базы данных. Так как она у нас очень большая маленькая, мы покажем нашему пользователю, какую информацию мы храним о нём. Но мы же знаем что мы храним его порядковый номер (ID) в базе, его логин с паролем и уровнем доступа. Вот мы и покажем ему это в красивом виде. Но пока без дизайна. Его подключим позднее.
Шаг 1: Подготовка
Вы уже взрослые, скрины где создавать директории и файлы вам не нужны.
0. Откроем самый главный index.php. Это тот который с анекдотом был. Создадим кнопку, по нажатию на которую откроется /profile . Сами решайте куда вставлять 🙂
- В корне, создадим директорию profile
- Внутри как всегда index.php и content.php
- Открываем auth или reg, копируем содержимое index.php и вставляем в наш новый index.php
- В content.php напишите что нибудь, сохраните изменения чтобы файл отправился на сервер. Открываем сайт.beget.tech/profile – Наш текст есть. Супер!
- Стираем текст который нажмакали в content и переходим к шагу №2
Шаг 2: Выводим данные для нашего юзера
По сути, у нас уже всё готово. Да, опять! Не опять а снова.
Пишем внутри content.php что-то вроде такого:
— это HTML тег. Означает, текст с новой строки. То есть, то, что после этого текста, начнёт отображение с новой строки. Молоды. Вы сделали это.
Открываем наш главный и святой index.php. Для тех, кто не вкурил какой из них, ведь их много. запоминайте, phpLess это корневой каталог, и всё что внутри, это корневые файлы, .gitgnore, .htaccess, index.php и LICENSE.
Продолжаем. Копируйте выделенную часть кода . Закрываем файл. Больше он нам не нужен. Мы вернулись к логину паролю и правам.
После двоеточий я установил двойной пробел и написал
.
После первого пробела напишем и вставим скопированный код htmlspecialchars($user[‘Login’]) сразу попрошу не забыть поставить точку с запятой ; и закрыть выполнение кода php ?> Должно получиться вот так:
Скопируем этот отрезок кода и вставим его ниже под пароль и ещё ниже под права.
Мы вставили и сохранили изменения, бежим на радостях в браузер и видим что. во всех 3-х строках наш логин. Подстава! Прежде чем продолжим, я должен вам объяснить что это за строка то такая, почему она наши мысли не читает и почему логин везде 🙂
htmlspecialchars – Это функция, которая преобразует специальные символы для HTML. Те кто работают в HTML знают, что ранее для того чтобы ставить пробел или другой спец символов, необходимо было пользоваться спец.символами. Сейчас же времена не те, а код остался, в инструкциях, ну и в просторах сети. Если хотите увидеть эти спец.символы: Нажми сюда , а мы продолжим. А я просто и настоятельно рекомендую фильтровать весь текст через htmlspecialchars !
Внутри фильтра, есть $user . То есть, если пользователь авторизован, то делает вывод используя $echo. Вывод того, что мы задали внутри квадратных скобок. А задали вывод Login из базы. То есть в БД есть Название строк: ID, Login, Password, access . Да. Магия!
Возвращаемся и заменяем в остальных функциях Login на Password и ещё ниже на access .
Источник статьи: http://zen.yandex.ru/media/id/5e430229abb5074fff3a5705/urok-php-9—lichnyi-kabinet-5e7dfd16baf04c76714b82c6
Как создать личный кабинет на сайте
Репутация для любой компании имеет огромное значение. А для того, чтобы о вас держалось хорошее мнение необходимо обеспечить все удобства для ваших клиентов. Если у вас имеется свой сайт, то вы будете ответственны за его функционал. Особенно привлекательно для любого пользователя будет наличие личного кабинета. Он присутствует сейчас, практически на любом интернет-ресурсе.Сайт, который поддерживает наличие личного кабинета, вызывает у людей больше доверия, ведь это показывает его отличную организацию. Также, при его грамотной разработке, вы заявляете о себе, как о компании с большими перспективами.Что собой представляет личный кабинет? Это страница, для которого есть доступ только у одного человека, или у его близких знающих логин и пароль, чтобы на неё войти.Важным плюсом в наличии личного кабинета, это возможность просмотра статистики. Т.е. можно узнать за что платил клиент, сколько, и в какое время. Помимо всего, вы всегда можете изменить пароль, а также выполнять подключение дополнительных услуг.Главное, что стоит отметить – это факт экономии времени, как вашего, так и клиентов. Ведь пользователю достаточно зарегистрироваться на сайте, войти на сайт и выполнить оформление заказа.Разработка личного кабинета для сайта, требует ответственной и долгой работы. Именно поэтому, советуем обратиться к опытным специалистам, которые смогут сделать всё быстро и качественно.
Разновидности личного кабинета
Личный кабинет должен быть разработан соответственно тематике сайта, а также исходят из потребностей ЦА. Поэтому, существуют разные виды ЛК, для конкретных требований. К ним относятся такие типы, как: · Стандартный личный кабинет для интернет-магазина· Личный кабинет с расширенным функционалом для интернет-магазина· Личный кабинет для интернета магазина, с уровнями – опт и розница· Личный кабинет для интернет магазина с реферальной системой· Личный кабинет для блога· Личный кабинет для сайта – доска объявлений· Личный кабинет для строительной биржи
Для какого сайта нужен личный кабинет
На сегодняшний день, уже сложно представить себе, какой-либо сайт без личного кабинета. Это очень удобная функция, которая даёт много уникальных возможностей для пользователей.
Личный кабинет просто необходим для определённых типов сайта:
- Интернет магазин
- Сайт с каталогом
- Сайт на готовом
- Корпоративный сайт
- Сайт портал
Источник статьи: http://zen.yandex.ru/media/id/5bb1db85a94f3f00aee2c65f/kak-sozdat-lichnyi-kabinet-na-saite-5c3876929175d500aabd8883
Досье на клиента, или как создать личный кабинет, который помогает бизнесу
Как показывает практика, созданием личного кабинета занимаются в последнюю очередь, поэтому если вы только начали планировать структуру сайта, то рекомендуем начать со статьи «Проектирование удобной навигации по сайту» или «Юзабилити Главной страницы, или как не ударить в грязь лицом».
В первую очередь стоит понять, нужен ли личный кабинет на сайте. Это отличный инструмент, способный облегчить работу с пользователями, если:
- вы продаете доступ к каким-либо услугам или контенту.
- есть бонусная система, основанная на количестве заказов и общей сумме покупок.
- на сайте можно сохранять подборки товаров, статей, аудиозаписей и т.д. для быстрого доступа к ним.
- для оформления заявки или заказа нужно заполнять много данных о пользователе или организации.
- предлагаете отслеживать статус какого-либо объекта или процесса выполнения заказа.
Если хотя бы на один из пунктов вы ответили «да», то стоит потратить время и средства на проектирование удобного раздела для ваших клиентов.
Основные разделы личного кабинета
О том, какой должна быть форма регистрации/авторизации, мы уже рассказывали здесь, поэтому давайте рассмотрим, какая информация пригодится в личном кабинете.
Данные о клиенте. В этом разделе главное не переборщить, поэтому при регистрации и в дальнейшем запрашиваем только ключевую информацию для вашего типа товаров/услуг:
- ФИО или название организации.
- Никнейм (для информационных ресурсов).
- Номер телефона.
- Email.
- Адрес сайта (для B2B-сегмента).
- Документы клиента (если вы предоставляете юридические, банковские услуги).
Страну проживания, пол клиента, дату рождения и прочее запрашиваем у клиента, только если используем данную информацию для персональных акций, рассылок или других писем клиенту:
Спорный момент предлагать клиенту загрузить свой аватар или логотип компании. Чаще всего пользователи этого не делают. Если все-таки используете аватары и не хотите их убирать, то можно по умолчанию создавать аватар на основе инициалов клиента:
Оплата и доставка. Сюда можно отнести адрес доставки, реквизиты компании или номер карты клиента и другую информацию для формирования заказа. Лучше расположить данные на отдельной странице с возможностью указать несколько адресов доставки (плюс список получателей) и способов оплаты.
Пример отображения информацию об адресах доставки:
Настройки. В данном разделе можно предложить пользователю настроить уведомления, сменить пароль, список подписок, часовой пояс и другие персональные настройки.
Для тех, кто только планирует заняться email-маркетингом, рекомендуем прочитать данную статью – в ней мы рассказали, как собрать базу подписчиков, о чем писать письма и как часто отправлять рассылки.
Витрина товаров/услуг. Для компаний, предоставляющих услуги, в данном разделе стоит указать выбранный тариф или статус клиента, состояние лицевого счета и список доступных услуг.
Для интернет-магазина стоит добавить такой раздел только в случае, если у вас есть специальные товары для членов клуба, недоступные без регистрации.
Информация о заказах. Собираем историю заказов или других оплат клиента и отображаем в виде таблицы:
Обязательно добавляем ссылку на форму оплаты или пополнения счета.
И пример отображения выбранных курсов для тех бизнесов, кто предоставляет бесплатные услуги:
Для заказов товаров нужно отображать названия, изображения, стоимость товаров, ссылки на товары, а также статус заказа и способ доставки. Дополнительно из заказанных товаров рекомендуем формировать списки покупок для упрощения процесса повторных заказов:
Если на сайте предусмотрена система отзывов, то стоит добавить ссылку на форму отзыва:
То же самое касается отслеживания посылок, доставок.
Избранное. В интернет-магазине стоит предоставить пользователю возможность «отложить» товары в отдельный список. Для пользователя это быстрый доступ к желаемым товарам, а для вас – дополнительная возможность изучить поведение клиентов.
Акции на такой список лучше работают, так как клиент сам выбрал товары.
Бонусы и спецпредложения. На данной странице размещаем всю информацию о доступных скидках, бонусах и спецпредложениях.
Для бонусной или партнерской программы отображаем условия участия, доступные баллы, реферальные ссылки и другую необходимую статистику.
Действия на сайте. Отзывы, достижения или любые другие активности клиента. Можно использовать как элемент геймификации на сайте:
Обратная связь. Все обращения клиента в службу поддержки лучше объединить в отдельный раздел, а также добавить контакты и/или чат для связи с личным менеджером (если он есть). Данные по возвратам товаров/услуг также стоит отнести в данный раздел.
С помощью такого раздела можно автоматически передавать данные клиента специалисту и быстрее решать возникшие проблемы.
Дополнительные разделы личного кабинета
Обсудим несколько необязательных разделов для личного кабинета.
Вопросы и ответы. Не совсем понятно, зачем всю информацию по условиям заказа прятать в личном кабинете. Если это не инструкция по работе личного кабинета, то лучше показать раздел в открытом доступе для всех пользователей.
Аккаунты в соцсетях. Здесь следует обосновать пользователю, для чего их необходимо добавить:
Просмотренные товары или история поиска. Такая информация редко пригождается, но нагружает личный кабинет. Достаточно на сайте внизу страницы добавить блок «Вы недавно смотрели»:
Рекомендации по навигации
При проектировании личного кабинета стоит помнить о следующих моментах.
Чем больше разделов, тем легче запутаться. В среднем 5-7 разделов достаточно, чтобы лаконично показать основную информацию. Показать их можно в виде вкладок:
Если без подразделов никак не обойтись, то в дополнение к вкладкам формируем из них боковое меню:
Возможность редактирования сокращает количество ошибок. Рядом с личными данными обязательно добавляем возможность изменить введенную информацию.
Также для сокращения количества ошибок используем проверки ввода, например, для номера телефона и email.
Не стоит прерывать работу пользователя. Например, если на этапе оформления заказа пользователю необходимо было зарегистрироваться, то после авторизации нужно автоматически вернуться на страницу с формой заказа. Так пользователь не потеряется и сможет продолжить покупки.
Частый антипример, когда после регистрации пользователю показывается пустая страница или сообщение об ошибке. Такого быть не должно:
Вместо такой станицы возвращаем пользователя на ту страницу, с которой он решил зарегистрироваться, или отображаем раздел личных данных.
Пустые страницы отталкивают. В продолжение предыдущего пункта не оставляем страницы без контента. Например, если у пользователя еще нет оформленных заказов, то на странице стоит сказать об этом и предложить перейти в каталог.
Личный кабинет не должен нагружать навигацию сайта. Рекомендуем вынести личный кабинет в отдельный раздел и показывать его подразделы только авторизированным пользователям. Например, в данном случае боковое меню только нагружает страницу корзины:
Выводы
Важно понять, что личный кабинет должен помогать клиентам оформлять заказы, решать технические проблемы и сокращать количество обращений в службу поддержки. Создавать раздел просто из-за того, что он есть у конкурентов – не нужно.
Надеемся, что с данными рекомендациями разработка личного кабинета пройдет быстрее и принесет пользу вашему бизнесу. А если нужна помощь в проектировании или анализе работы личного кабинета, то наши специалисты уже тут как тут. =)
© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.
Специалист по юзабилити сервиса 1PS.RU
Понравилась статья?
Кстати, вы подписаны на нашу рассылку? Если нет, то самое время познакомиться с Катей.
Сожалеем, что не оправдали ваши ожидания ((
Возможно, вам понравятся другие статьи блога.
Чек-лист «Малобюджетные способы продвижения в Интернете»
Проверьте себя: все ли малобюджетные возможности продвижения в Интернете вы использовали? Чек-лист для предпринимателя, директора, маркетолога.
Источник статьи: http://1ps.ru/blog/ctr/2020/dose-na-klienta-ili-kak-sozdat-lichnyij-kabinet-kotoryij-pomogaet-biznesu/