Личный блог

Способы кастомизации личного кабинета Tilda

Tilda
Привет! Сегодня я поделюсь с тобой простыми способами кастомизации личного кабинета на Тильде. Если ты упёрся в ограничения Тильды и не знаешь как тебе сделать уникальный личный кабинет в таком виде, в котором ты его задумал, то эта статья — для тебя.
Для начала представлюсь:
Меня зовут Влад. Я разработчик сайтов с упором на маркетинг и смыслы на Tilda с 5-летним опытом. Продаю сайты на 220.000−420.000 рублей и учу этому других дизайнеров. Веду свой канал в telegram, где делюсь полезным контентом для веб-дизайнеров — рассказываю про внутрянку фриланса и продаж (заходи и подписывайся, там действительно много интересного). А также разрабатываю бесплатные модификации для Тильды, которые ты сможешь применять без знания кода — https://vladislav-land.ru/mods

До недавнего момента я вообще не работал с личным кабинетом в тильде, поскольку у меня не было в этом необходимости. Но так уж получилось, что этот функционал пришлось изучить в рамках одного из последних проектов. И здесь пришла идея о том, чтобы собрать все способы кастомизации в одну статью и поделиться ими.
ВАЖНО!
Здесь не будет способов, касающихся функционала личного кабинета: история заказов, реферальная программа, базы данных и т. д. Об этом мы поговорим в другой раз.
А данная статья — именно о визуальной составляющей личного кабинета на Тильде.
В ней ты найдешь ответы на следующие вопросы (все вопросы кликабельны, поэтому если тебе интересен какой-то конкретный вопрос, ты можешь просто нажать на него и перейти):
— Как сделать свою страницу регистрации Tilda?
— Как сделать свою страницу входа в личный кабинет Tilda?
— Как сделать свою страницу сброса пароля Tilda?
— Как изменить окно профиля в личном кабинете Tilda (добавить свои кнопки управления профилем)?
— Как сделать профиль пользователя личного кабинета в zero-блоке Tilda?
— Как изменить окно смены пароля Tilda?
— Как обращаться к пользователю личного кабинета Tilda по имени?
— Как отобразить виджет личного кабинета Tilda на любой странице сайта?
— Как кастомизировать страницы списка групп личного кабинета Tilda?
— Как скрыть блоки / элементы для неавторизованных / авторизованных пользователей в личном кабинете Tilda?
— Как отобразить email пользователя в личном кабинете Tilda?
Само собой, во всех вышеперечисленных вопросах можно использовать как стандартные блоки из библиотеки Тильды, так и уникальные zero-блоки.

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

1. Как сделать свою страницу регистрации Tilda?

Для того, чтобы создать уникальную форму регистрации в личном кабинете на Tilda, вам необходимо:
  1. Создать страницу и задать ей ссылку «members/signup»;
  2. Создать форму с необходимыми полями, а также кнопку отправки формы (кнопка может быть создана отдельным элементом);
  3. Установить модификацию от Nolim «Своя уникальная форма в Зеро блоке» (найти её можно под номером NLM001 в разделе модификаций «Форма»).

2. Как сделать свою страницу входа в личный кабинет Tilda?

С созданием уникальной страницы входа дела обстоят куда проще. Здесь нам всего лишь необходимо воспользоваться модификацией от Nolim «Своя страница входа в Zero block» (ты сможешь найти её под номером NLM074 в разделе модификаций «Личный кабинет»).
Но обрати внимание, что для того, чтобы заменить стандартную форму авторизации, тебе необходимо поставить для своей уникальной страницы входа ссылку "members/login".

3. Как сделать свою страницу сброса пароля Tilda?

Для того, чтобы создать уникальную страницу восстановления пароля в личном кабинете вашего сайта на Tilda, необходимо установить модификацию от Nolim «Своя страница сброса пароля в Zero block» (её можно найти под номером NLM075 в разделе модификаций «Личный кабинет»).
Для того, чтобы заменить стандартную форму восстановления пароля, необходимо поставить для своей уникальной страницы сброса пароля ссылку "members/recover-password".

4. Как изменить окно профиля в личном кабинете Tilda (добавить свои кнопки управления профилем)?

Для того, чтобы изменить окно профиля в личном кабинете, нам понадобится модификация от Necodim, которая называется «Свои кнопки управления профилем (изменить пароль / профиль, выход из ЛК)» (в категории инструкций «Личный кабинет»).

5. Как сделать профиль пользователя личного кабинета в zero-блоке Tilda?

Для того, чтобы создать уникальный профиль пользователя личного кабинета в zero-блоке, нам нужно воспользоваться бесплатной модификацией от Necodim, она называется «Профиль пользователя личного кабинета в Zero-блоке» (находится также в категории инструкций «Личный кабинет») (предварительно создав zero-блок и правильно настроив его, — что подробно описано на странице модификации). Кстати, данный мод отлично работает в связке с модификацией из п. 4, поскольку модификация из п. 4 включает в себя функционал скрытия оригинальной пиктограммы личного кабинета на Tilda.

6. Как изменить окно смены пароля Tilda?

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

Кстати, помимо этой модификации, вы сможете найти ещё больше бесплатных скриптов для тильды на моём сайте, обязательно заглядывайте!

7. Как обращаться к пользователю личного кабинета Tilda по имени?

Хотите обращаться к пользователям, которые вошли в личный кабинет, по имени? Это сделать достаточно просто:

  1. Укажите слово, которое будет написано вместо имени, если пользователь не залогинен или не указал имя при регистрации;
  2. На сайте (в местах, где хотите сделать обращение по имени), напишите любое слово, например «имя», и сделайте из него ссылку;
  3. Разместите скрипт на тех страницах, где планируете использовать модификацию (размещать в блоке T123).
Ну, а сам скрипт находится на сайте Necodim в категории инструкций «Личный кабинет» под названием «Обращение к пользователю по имени» (кстати, он доступен бесплатно).

8. Как отобразить виджет личного кабинета Tilda на любой странице сайта?

Вы ведь тоже считаете странным, что виджет личного кабинета отображается только на страницах, которые есть в группах ЛК? Но если пользователь зашёл на сайт, он ведь должен иметь доступ к своему профилю отовсюду, разве нет? Данная модификация исправляет это недоразумение.
Вы сможете найти её на платформе Necodim в категории инструкций «Личный кабинет», она так и называется — «Отобразить виджет личного кабинета на любой странице сайта».

9. Как кастомизировать страницы списка групп личного кабинета Tilda?

Все мы давно хотели, чтобы наконец появилась возможность кастомизации страницы со списком групп в личном кабинете на Tilda. Сейчас эта страница называется «Список ресурсов».
На данный момент для такой кастомизации существует модификация от Necodim, которая называется «Кастомизация страницы списка групп (список ресурсов) личного кабинета» (в категории инструкций «Личный кабинет»).

Как утверждает автор, с помощью данного мода вы сможете:

  • Добавлять фоновое изображение страницы;
  • Выбирать цвет или фоновое изображение блока со списком групп;
  • Изменять цвет текста, ссылок и иконок рядом с ними;
  • Задавать размеры контейнера и окна с группами;
  • Пропускать эту страницу при логине и вести пользователя на какую-то конкретную.

10. Как скрыть блоки / элементы для неавторизованных / авторизованных пользователей в личном кабинете Tilda?

Хотите, чтобы на одной и той же странице показывались разные блоки для авторизованных / неавторизованных пользователей? Здесь нам снова поможет модификация от Necodim, которая называется «Скрыть блоки / элементы для неавторизованных / авторизованных пользователей». Она находится в разделе инструкций «Личный кабинет» и является бесплатной для использования.
Но обратите внимание, что для корректной работы данной модификации, требуется подключить jQuery в настройках вашего сайта на Тильде (вкладка «Настройки сайта» → «Ещё» → поставьте галочку на «Подключить jQuery на страницах сайта»).

11. Как отобразить email пользователя в личном кабинете Tilda?

Данная модификация отлично работает в связке с модификацией из п.7 (когда вы хотите показывать пользователю информацию о нём, и тем самым персонализировать обращение).
Для того, чтобы отобразить почту пользователя в любом месте вашего сайта, нам понадобится модификация от Necodim под названием «Показываем email пользователя в любом месте» (её можно найти в разделе инструкций «Личный кабинет»). Если пользователь будет не залогинен на вашем сайте, в модификации вы сможете выбрать, что будет написано вместо почты.

Теперь несколько слов о стоимости:

Для использования модификаций от Nolim, вам понадобится их подписка стоимостью 500 ₽ / мес. Кстати, если перейдёте и зарегистрируетесь по вот этой ссылке, то получите + 30 дней подписки при первой оплате. Таким образом, заплатив 500 ₽, вы получите 2 месяца подписки.
Для использования части модификаций от Necodim, вам также понадобится платная подписка, которая стоит 490 ₽ / мес.
Для использования моей модификации никаких платных подписок не потребуется, но если вы дочитали до этого момента, значит статья была для вас интересной и полезной, и я буду очень благодарен вам за подписку на мой telegram-канал (так вы сможете поддержать меня).
Итого: всего за 990 ₽ / мес. и подписку на мой телеграм 😊 вы сможете сделать с вашим личным кабинетом всё, что было перечислено в данной статье. И кстати, важный момент, после окончания подписок, все установленные модификации продолжат работать на вашем сайте. Поэтому если прокачка личного кабинета на тильде — разовая задача для вас, вы можете не продлевать подписки на постоянной основе.

Подведём итоги

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

Да, к сожалению, на это потребуются доп. расходы. А стоит ли оно того? Пусть каждый решит для себя сам.
Благодарю, что нашли время и прочли данную статью. Надеюсь, она была полезной и помогла вам разобраться с возможностями кастомизации личного кабинета на Тильде. Но если у вас остались вопросы, не стесняйтесь обращаться!