Стилизация избранного в Тильде
Стилизация избранного в Тильде. Избранное в Tilda — это не просто дополнительная опция, а важный элемент пользовательского опыта, особенно в проектах с каталогами, товарами или портфолио. Функция позволяет пользователю сохранять понравившиеся элементы и возвращаться к ним позже, что напрямую влияет на вовлечённость и конверсию.
Но есть проблема: в стандартном виде избранное в Tilda выглядит довольно базово, часто не вписывается в дизайн сайта, а заводские настройки стилизуют поверхностно. Именно поэтому возникает необходимость в стилизации и кастомизации этого элемента.
Полную стилизацию избранного можно сделать с помощью нашей тильда модификации.
- Код
- Инструкции
- Подробнее
Модификация для стилизации избранного в Тильде
Основные
Карточка товара
Изображение товара
Текст товара
Кнопка удаления
Мобильная версия
Стилизация избранного в Тильде. Инструкция
- Добавьте на страницу или в шапку сайта (если сайт многостраничный) блок избранного из катеогрии Магазин
- Перейдите на старницу модификации и откройте генератор кода модификации (вклакда «Код»)
- В категории Основные выберите цвет фона избранного, цвет кнопки закрытия избранного, цвет и размеры заголовка, внешний вид нижней границы шапки избранного, а так же способ показа избранного (на весь экран или небольшое окно справа)
- В следующих категориях настройте внешний вид карточек товара и отображение избранного на мобильных устройствах
- После того, как все настроите, нажмите на кнопку Копировать код
- Вернитесь в тильду и откройте Настройки сайта
- Найдите пункт Пользовательские CSS-стили и нажмите на кнопку Редактировать CSS
- Вставьте сгенерированный код модификации в открывшееся окно и сохранте измненения
После этого у окна избранного появится новая стилизация.
Ваши настройки в генераторе сохраняются, и вы в любой момент можете вернуться, подкорректировать их и скопировать уже обновленный код.
Что такое избранное в Tilda и зачем его стилизовать
Избранное в Tilda — это механизм, который позволяет пользователю сохранять выбранные карточки (товары, проекты, статьи) для быстрого доступа позже.
Зачем его вообще стилизовать:
- улучшение UX и удобства использования сайта
- повышение вовлечённости пользователей
- создание ощущения «персонализации»
- соответствие дизайну бренда
- повышение конверсии (особенно в e-commerce)
Если оставить стандартный вид, кнопка и состояние избранного часто выглядят чужеродно и снижают качество восприятия интерфейса.
Стилизация избранного в Tilda — это не просто визуальная доработка, а часть полноценного UX-дизайна. Грамотно оформленный функционал повышает удобство сайта, увеличивает вовлечённость пользователей и делает интерфейс более современным.
Если подойти к этому системно — даже простая кнопка «избранное» может стать мощным инструментом удержания аудитории.
