Личный кабинет (ЛК) это закрытый раздел сайта, куда человек попадает после входа по логину и паролю или по коду из СМС. Там лежит всё, что касается только его: профиль, заказы, документы, подписки, переписка с поддержкой.
Владельцу сайта не обязательно заказывать кабинет у разработчика. В конструкторе он подключается модулем, на WordPress регистрация включается одной галочкой в «Настройки → Общие», а кабинет покупателя добавляет плагин WooCommerce. Ниже разберём все три пути и покажем каждый шаг на кадрах. Если сайта ещё нет, начните с инструкции как создать сайт самому без программирования.
Рекомендуем курсы по веб-разработке
НетологияПрофессия «Веб-разработчик с нуля»127 264 ₽13 месяцев
Академия СинергияВеб-разработчик141 036 ₽6 месяцев
SkillboxВеб-разработчик с нуля до PRO76 233 ₽9 месяцев
GeekBrainsВеб-разработчик Мастер264 780 ₽8 месяцев
SkillFactoryPython для веб-разработки114 840 ₽9 месяцев- Университет СинергияВеб-разработка (Второе высшее)20 000 ₽ /семестр4 года
Что такое личный кабинет простыми словами
Представьте ячейку в камере хранения. Здание общее, а ключ от ячейки есть только у вас. Сайт открыт всем, а кабинет открывается тому, кто доказал, что он это он.
Вы пользуетесь кабинетами каждый день, даже если не называете их так:
- Госуслуги: заявления, штрафы, записи к врачу;
- интернет-банк: счета, карты, выписки;
- интернет-магазин: история заказов, адреса доставки, бонусы;
- онлайн-школа: уроки, домашние задания, сертификаты.
Слова «аккаунт», «профиль» и «личный кабинет» в быту путают, и это нормально. Аккаунт это сама учётная запись, логин с паролем. Профиль это страница с вашими данными. Личный кабинет шире: в нём профиль, а вокруг всё, чем вы управляете на этом сайте.
Какие разделы бывают внутри
Набор разделов зависит от того, чем занимается сайт. Базовая часть у всех одинаковая: вход, смена пароля, редактирование своих данных. Дальше начинается специфика.
| Тип сайта | Что обычно есть в кабинете | Без чего кабинет бесполезен |
|---|---|---|
| Интернет-магазин | Заказы, статусы доставки, адреса, избранное, бонусы | Повтор заказа в один клик |
| Онлайн-школа | Курсы, прогресс, домашние задания, сертификаты | Видно, где остановились в прошлый раз |
| Сервис по подписке | Тариф, история оплат, счета, отмена подписки | Отменить подписку можно без звонка |
| Поставщик для бизнеса | Договоры, акты, сверки, заявки менеджеру | Закрывающие документы скачиваются сами |
| Запись к специалисту | Расписание, записи, перенос и отмена | Напоминание перед визитом |
Правая колонка важнее средней. Человек приходит в кабинет решить одну конкретную задачу, и если она не решается за пару кликов, он звонит в поддержку или уходит совсем. Что ещё влияет на это решение, мы разбирали в статье как удержать пользователя на сайте.
Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединитьсяКогда кабинет окупается и когда мешает
Кабинет окупается там, где клиент возвращается. Для бизнеса это повторные продажи и данные о покупателе, для клиента это экономия времени.
- Повторные заказы. Адрес и состав прошлой покупки уже сохранены, второй заказ оформляется быстрее первого.
- Меньше звонков в поддержку. Вопросы «где мой заказ» и «пришлите акт» человек закрывает сам.
- Данные для рассылок. Вы знаете, кто что покупал, и можете писать по делу, а не всем одно и то же.
А вот сайту-визитке, лендингу под одну услугу или блогу кабинет чаще мешает: регистрация ради регистрации отпугивает. Если вы ещё выбираете формат, сравните лендинг, сайт-визитку и многостраничный сайт.
CheckroiПодборка курсов по веб-разработке214 курсов • 42 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Как создать личный кабинет на сайте: три способа
Способ выбирают по движку сайта и по тому, насколько нестандартные функции нужны.
| Способ | Кому подходит | Ограничения |
|---|---|---|
| Модуль конструктора | Магазин или школа на конструкторе | Только те разделы, что заложил конструктор |
| CMS и плагин | Сайт на WordPress, Битриксе и других CMS | Плагины нужно обновлять и проверять на совместимость |
| Разработка с нуля | Сервисы со своей логикой: расчёты, роли, интеграции с 1С | Дольше и дороже всего |
В конструкторе сайтов
В конструкторах кабинет обычно включается в настройках, код писать не нужно. Разберём на примере Tilda. По справке Tilda, путь такой:
- Откройте «Настройки сайта → Подключаемые модули».
- В модуле «Личный кабинет для интернет-магазина» нажмите «Подключить».
- Проверьте, что на страницах магазина стоит блок ST100 (Корзина): модуль работает только с ним.
После входа покупателю доступны разделы «Мои заказы», «Купленные товары» и «Профиль», а «Мои адреса» появляются, если в корзине включены продвинутые варианты доставки. Подключить модуль можно только на платных тарифах. Подробнее о входе и о кабинете для клиентов на этой платформе мы писали в статье Тильда: вход в личный кабинет и кабинет для клиентов.
CheckroiПодборка курсов по Tilda155 курсов • 38 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
На WordPress: включить регистрацию
В самом WordPress простой кабинет уже есть: это страница «Профиль», которую видит каждый зарегистрированный пользователь. Её нужно лишь открыть для посетителей.
- В админке зайдите в «Настройки → Общие».
- В строке «Членство» отметьте «Любой может зарегистрироваться».
- В поле «Роль нового пользователя» оставьте «Подписчик».
- Нажмите «Сохранить изменения» внизу страницы.
Теперь у сайта появилась форма регистрации по адресу /wp-login.php?action=register. Посетитель вводит имя пользователя и email, а ссылку, по которой задаёт пароль, получает письмом.
Зарегистрированный подписчик после входа попадает в свой профиль. Записей, плагинов и настроек сайта он не видит: в меню только «Консоль» и «Профиль», а на странице его имя, контакты и пароль.
Все кадры сняты в WordPress Playground: это официальная демоверсия WordPress, которая запускается прямо в браузере, без хостинга и установки. Можете повторить шаги там же и ничего не сломать на рабочем сайте.
Кабинет покупателя на WooCommerce
Профиль подписчика годится для блога или закрытого раздела со статьями. Магазину нужны заказы и адреса, и их даёт плагин WooCommerce. После установки он сам создаёт страницу «Мой аккаунт».
По документации WooCommerce, на этой странице покупатель смотрит заказы и загрузки, управляет адресами и сохранёнными способами оплаты и меняет данные аккаунта. В русской версии разделы называются так, как на кадре ниже. Раздел со способами оплаты появится, если подключённый платёжный модуль умеет сохранять карты покупателей.
Регистрация покупателей включается в настройках WooCommerce на вкладке учётных записей и конфиденциальности. Там же решите, можно ли оформить заказ без регистрации.
Разработка с нуля
Готовые модули упираются в потолок, когда кабинет должен считать что-то своё: стоимость по индивидуальному прайсу, остатки со склада, бонусы по сложным правилам. Тогда кабинет пишут под задачу.
Разработчик в таком проекте делает:
- регистрацию, вход и восстановление пароля, часто ещё вход через Яндекс ID или Госуслуги;
- роли и права: кто что видит и что может менять;
- базу данных пользователей и связь с учётной системой компании;
- интерфейс, который одинаково удобен на телефоне и на компьютере: за это отвечают, например, медиа-запросы в CSS.
Это работа веб-разработчика с опытом бэкенда. Если хотите научиться делать такие вещи сами, посмотрите курсы для веб-разработчиков.
CheckroiПодборка курсов для веб-разработчиков234 курса • 36 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Как скрыть закрытые страницы от поисковиков
Страницы внутри кабинета в поиске не нужны: там чужие данные, а у робота всё равно нет пароля. Страницу входа можно оставить открытой, чтобы человек находил её по запросу «название компании личный кабинет».
Тут легко ошибиться. В справке Яндекс Вебмастера сказано, что для удаления страниц из поиска нужно указать директиву noindex в HTML-коде страницы или настроить HTTP-заголовок. Там же предупреждение: такие страницы не стоит ограничивать в robots.txt, чтобы робот смог их проиндексировать и обнаружить ваше указание.
<meta name="robots" content="noindex, nofollow">Проверять, какие страницы попали в поиск, удобнее всего в Яндекс Вебмастере. Если сайт ещё не добавлен туда, вот как подключить его на Тильде, WordPress и Битриксе.
Порядок такой:
- Ставите тег noindex на страницы кабинета (в WordPress это делают SEO-плагины).
- Ждёте, пока страницы выпадут из поиска.
- Только после этого, если хотите, добавляете раздел в Disallow, чтобы робот туда больше не ходил.
Как проверить результат и ускорить удаление, мы разбирали в статье как удалить страницу из поиска Яндекса.
Персональные данные и безопасность
Как только посетитель оставляет на сайте имя, email или телефон, вы обрабатываете персональные данные. Закон 152-ФЗ в статье 18.1 обязывает оператора, который собирает данные через интернет, опубликовать в сети документ о своей политике обработки этих данных. На практике это страница «Политика конфиденциальности» со ссылкой из формы регистрации.
Минимум по безопасности, который стоит проверить до запуска:
- HTTPS на всём сайте, а не только на странице входа;
- восстановление пароля через почту или телефон, без отправки пароля открытым текстом;
- двухфакторный вход там, где в кабинете деньги или документы;
- ограничение попыток входа: без него пароли подбирают ботами.
Остальные угрозы и способы защиты собраны в материале как защитить сайт от взлома.
Канал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в каналЧастые ошибки владельцев сайтов
Эти ошибки чаще всего встречаются у небольших сайтов. В каждом пункте сначала симптом, потом причина и решение.
- Через неделю в базе сотни странных пользователей. Регистрацию открыли, а защиту от ботов не поставили. Решение: капча на форме и подтверждение email.
- Новый пользователь может править сайт. В поле «Роль нового пользователя» выбрали не ту роль: «Автор» или «Участник» уже могут писать записи, а до версии 7.0 WordPress разрешал поставить туда даже «Администратора». Решение: только «Подписчик» или роль покупателя от WooCommerce.
- Письма для подтверждения не доходят. Хостинг не умеет надёжно отправлять почту, и письма падают в спам. Решение: подключить SMTP или сервис транзакционных писем.
- Покупатели бросают корзину. Магазин требует регистрацию до оплаты. Решение: разрешить заказ без аккаунта и предложить кабинет после покупки.
- На телефоне кабинетом невозможно пользоваться. Таблицы заказов не помещаются в экран. Решение: проверить каждый раздел на смартфоне до запуска. Удобство помогает оценить разбор как проверить юзабилити сайта своими силами.
Где научиться веб-разработке
Включить готовый модуль можно за вечер по этой инструкции. Спроектировать удобный кабинет, связать его с базой и учётной системой, защитить данные клиентов уже требует навыков веб-разработки. Если хотите разобраться в этом системно, ниже подборка курсов из нашего каталога.
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Профессия «Веб-разработчик с нуля» Перейти на сайт курса | Нетология | 127 264 ₽ | 7125 ₽/мес. | 13 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса | Академия Синергия | 141 036 ₽ | 5877 ₽/мес. | 6 месяцев | Обзор курса |
| Веб-разработчик с нуля до PRO Перейти на сайт курса | Skillbox | 76 233 ₽ | 3176 ₽/мес. | 9 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса | Skillbox | 153 348 ₽ | 4486 ₽/мес. | 16 месяцев | Обзор курса |
| Веб-разработчик Мастер Перейти на сайт курса | GeekBrains | 264 780 ₽ | 4153 ₽/мес. | 8 месяцев | Обзор курса |
Больше программ — в полном каталоге курсов по веб-разработке
