Личный кабинет с историей заказов в зеро блоке Тильды

Личный кабинет с историей заказов в зеро блоке Тильды — это важный шаг для любого бизнеса, который хочет предоставить своим клиентам удобный инструмент для управления заказами. В этой статье мы подробно разберем, как реализовать личный кабинет с историей заказов, используя возможности Tilda zero block нашу модификацию.

Как создать личный кабинет с историей заказов в зеро блоке

1. Подключите стандартный личный кабинет в настройках вашего тильда сайта (Настройки сайта – Личный кабинет)
2. Создайте новую страницу
3. Откройте настройки этой страницы
4. В поле Адрес страницы пропишите members/ (Это действие заменит стандартный личный кабинет на вашу новую страницу)
5. На этой странице создайте зеро блок
6. Удалите из него лишние элементы
7. В поле WINDOW CONTAINER HEIGHT, % пропишите цифру 100
8. Добавьте IMG элемент, нажмите на него правой кнопкой мыши и выберите Add CSS Class Name
9. В появившемся поле пропишите класс user-image (На месте этого элемента будет отображаться аватарка пользователя)
10. Добавьте два текстовых элемента. В них, вместо текста, пропишите цифру 0
11. Первому элементу присвойте класс user-name (На месте этого элемента будет отображаться имя пользователя)
12. Второму элементу присвойте класс user-male (На месте этого элемента будет отображаться почта пользователя)
13. Нажмите на кнопку + и выберите Add HTML
14. Откройте html элемент, удалите его содержимое и скопируйте туда следующее: <div class=’order-story’></div>
15. Сохраните и закройте html элемент
16. Расположите его там, где хотите отобразить историю заказов пользователя
17. Ширина и высота блока с историей заказов равны ширине и высоте html элемента в зеро блоке
18. Создайте элемент для открытия окна редактирования профиля и смены пароля. Можно использовать картинку, текст или кнопку
19. Присвойте этому элементу класс edit-profile
20. Аналогичным образом создайте элемент для выхода из профиля
21. Этому элементу присвойте класс esc-profile
22. Сохраните изменения и закройте зеро блок
23. Создайте HTML блок Т123, в контент скопируйте первую часть модификации
24. Откройте Настройки сайта, вкладка Ещё
25. Нажмите на кнопку Редактировать код в пункте Html-код для вставки внутрь HEAD
26. Скопируйте и вставьте туда вторую часть модификации и опубликуйте все страницы сайта

Модификация для создания личного кабинета в зеро блоке Тильды

Дзен

YouTube

Почему стоит создать личный кабинет с историей заказов в Тильде?

Личный кабинет с историей заказов в зеро блоке Тильды предоставляет пользователям возможность:

• Просматривать свои заказы, включая дату, время, название товара, стоимость и итоговую сумму.
• Удобно управлять информацией о заказах.
• Повышать лояльность клиентов за счет прозрачности и удобства.
• Заменяет скучный стандартный личный кабинет на ваш, полностью кастомный
• Стилизовать и подогнать под общий дизайн сайта

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

Смотрите обучающие видео уроки по Тильде тут

Читайте также: Пагинация в Tilda