реклама
разместить

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

Привет! Сегодня я поделюсь с тобой простыми способами кастомизации личного кабинета на Тильде. Если ты упёрся в ограничения Тильды и не знаешь как тебе сделать уникальный личный кабинет в таком виде, в котором ты его задумал, то эта статья — для тебя.

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

Для начала представлюсь:

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

До недавнего момента я вообще не работал с личным кабинетом в тильде, поскольку у меня не было в этом необходимости. Но так уж получилось, что этот функционал пришлось изучить в рамках одного из последних проектов. И здесь пришла идея о том, чтобы собрать все способы кастомизации в одну статью и поделиться ими.

ВАЖНО!

Здесь не будет способов, касающихся функционала личного кабинета: история заказов, реферальная программа, базы данных и т.д. Об этом мы поговорим в другой раз.

А данная статья — именно о визуальной составляющей личного кабинета на Тильде.

В ней ты найдешь ответы на следующие вопросы (все вопросы кликабельны, поэтому если тебе интересен какой-то конкретный вопрос, ты можешь просто нажать на него и перейти):

Само собой, во всех вышеперечисленных вопросах можно использовать как стандартные блоки из библиотеки Тильды, так и уникальные zero-блоки.

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

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

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

Для того, чтобы создать уникальную форму регистрации в личном кабинете на Tilda, вам необходимо:

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

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

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

Но обрати внимание, что для того, чтобы заменить стандартную форму авторизации, тебе необходимо поставить для своей уникальной страницы входа ссылку "members/login".

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

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

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

Для того, чтобы заменить стандартную форму восстановления пароля, необходимо поставить для своей уникальной страницы сброса пароля ссылку "members/recover-password".

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хотите, чтобы на одной и той же странице показывались разные блоки для авторизованных / неавторизованных пользователей? Здесь нам снова поможет модификация от Necodim, которая называется «Скрыть блоки / элементы для неавторизованных / авторизованных пользователей». Она находится в разделе инструкций «Личный кабинет» и является бесплатной для использования.

Но обратите внимание, что для корректной работы данной модификации, требуется подключить jQuery в настройках вашего сайта на Тильде (вкладка «Настройки сайта» → «Ещё» → поставьте галочку на «Подключить jQuery на страницах сайта»).

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

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

Данная модификация отлично работает в связке с модификацией из п.7 (когда вы хотите показывать пользователю информацию о нём, и тем самым персонализировать обращение).

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

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

Для использования модификаций от Nolim, вам понадобится их подписка стоимостью 500 ₽ / мес. Кстати, если перейдёте и зарегистрируетесь по вот этой ссылке, то получите +30 дней подписки при первой оплате. Таким образом, заплатив 500 ₽, вы получите 2 месяца подписки.

Для использования части модификаций от Necodim, вам также понадобится платная подписка, которая стоит 490 ₽ / мес.

Для использования моей модификации никаких платных подписок не потребуется, но если вы дочитали до этого момента, значит статья была для вас интересной и полезной, и я буду очень благодарен вам за подписку на мой telegram-канал (так вы сможете поддержать меня).

Итого: всего за 990 ₽ / мес. и подписку на мой телеграм вы сможете сделать с вашим личным кабинетом всё, что было перечислено в данной статье.

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

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

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

Да, к сожалению, на это потребуются доп. расходы. А стоит ли оно того? Пусть каждый решит для себя сам.

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

33
реклама
разместить
Начать дискуссию
Как я стал сторонником Тильды, или почему это ТОП среди других конструкторов

За 18 лет работы с сайтами я понял одну вещь: большинство предпринимателей не хотят разбираться в технологиях. Они хотят волшебную таблетку, которая решит все их проблемы. Спойлер: это Тильда. Но готовы ли вы признать это? :)

Как я стал сторонником Тильды, или почему это ТОП среди других конструкторов
77
11
Полный чек-лист: что нужно сделать перед передачей сайта на Тильде клиенту

Перед тем как отправить клиенту готовый сайт на Тильде, важно проверить, что всё настроено корректно и сайт готов к полноценной работе. Этот чек-лист поможет не упустить ни одной детали.

Полный чек-лист: что нужно сделать перед передачей сайта на Тильде клиенту
55
Taptop vs Tilda: тестируем платформы для создания сайтов

Привет! Я Игорь Литвинцев, CEO визуального редактора кода Taptop. Недавно мы решили провести настоящее исследование — сравнить верстку сайта на Taptop и на Tilda. Для этого пригласили независимого эксперта — веб-дизайнера Алину Котылевскую. Результат — 15 часов верстки, три сервиса для создания сайтов, один дизайнерский макет и много инсайтов. Сейч…

Taptop vs Tilda: тестируем платформы для создания сайтов
33
Магия модификаций в Tilda — как сделать сайт неповторимым
Летим создавать моды
Отслеживание форм на Тильде. Как настроить цель в Метрике.
Отслеживание форм на Тильде. Как настроить цель в Метрике.
11
ЛИЧНЫЙ КАБИНЕТ В TILDA + РЕФЕРАЛЬНАЯ ПРОГРАММА
ЛИЧНЫЙ КАБИНЕТ В TILDA + РЕФЕРАЛЬНАЯ ПРОГРАММА
Способы создания квизов на Tilda
Способы создания квизов на Tilda
22
Почему Tilda — лучший выбор для быстрого запуска сайта?

Эта статья будет полезна как дизайнерам, которым нужно объяснить преимущества Tilda клиентам, так и бизнесу, который сомневается в выборе платформы. Разбираю основные пункты.

22
реклама
разместить
Стоимость содержания сайта на платформе Tilda

Да-да, для существования сайта не достаточно просто разработать его, нужно ежегодно/ежемесячно выделять определенную сумму, иначе ваши вложения в его создание обнуляться.

Стоимость содержания сайта на платформе Tilda
77
33
Как правильно перенести дизайн сайта на Тильду: делюсь инструкцией
Монстры Тильда
44