Оформите ваш Telegram-магазин собственным кодом.
Большинство конструкторов магазинов запирают вас в шаблонах. Дизайн-студия BotLaunch позволяет писать собственный CSS — для всей витрины или для отдельного блока — добавлять произвольные пользовательские секции и сохранять весь облик как переиспользуемый дизайн. Никакого JavaScript, никакого HTML, способного сломать ваш магазин: только оформление, безопасное для Telegram.
На любом тарифе, бесплатный старт. Ваш пользовательский CSS очищается при сохранении.
.cs-root .card {
border-radius: 18px;
border: 1px solid #2a2a2a;
background: linear-gradient(
160deg, #14141a, #1c1230);
}
.cs-title {
letter-spacing: -0.02em;
font-weight: 700;
}Aurora Tote
$48.00
Что такое Дизайн-студия?
Дизайн-студия — это продвинутый слой оформления в редакторе витрины BotLaunch. В разделе Магазин → Настройка вы можете писать глобальный пользовательский CSS (ограниченный вашим магазином), поблочный CSS для любого блока контента и добавлять произвольную пользовательскую секцию (заголовок, текст в Markdown, изображение, кнопка). Сохраните результат как собственный дизайн и примените его к любому магазину — или переоформите в любой момент. Ваш CSS очищается при сохранении (внешние URL и скрипты удаляются, url() разрешает только встроенный data:image), поэтому он остаётся безопасным для покупателей внутри Telegram.
Сделайте его безошибочно вашим
Глобальный пользовательский CSS
Пишите CSS для всей витрины — шрифты, отступы, карточки, кнопки, фоны. Он автоматически ограничен вашим магазином, поэтому никогда не выйдет за его пределы.
Поблочный пользовательский CSS
Выберите любой блок контента и оформите именно его. Каждый блок получает свою ограниченную таблицу стилей, поэтому правка героя никогда не затронет сетку товаров.
Пользовательские секции
Добавьте произвольную секцию с заголовком, насыщенным текстом в Markdown, изображением и кнопкой — а затем оформите её как захотите с помощью собственного CSS.
Сохраняйте и переиспользуйте дизайны
Сохраните весь облик (тема + контент + CSS) как приватный дизайн и примените его к любому из ваших магазинов в один клик. Создайте облик один раз — используйте его везде.
Как это работает
Откройте Настройку
Перейдите в Магазин → Настройка в вашей панели. Всё, что вы меняете, отображается вживую в реальном фрейме витрины Telegram.
Напишите свой CSS
Добавьте глобальный CSS на вкладке «Тема» или выберите блок и откройте его панель пользовательского CSS. Добавьте пользовательскую секцию для произвольного контента.
Сохраните как свой дизайн
Нажмите «Сохранить» — ваш CSS очищается и ограничивается — затем «Сохранить как мой дизайн», чтобы переиспользовать облик. Применяйте его к любому магазину в любое время.
Покупатели открывают ваш магазин внутри Telegram, поэтому безопасность не опциональна. Пользовательский CSS разбирается и проверяется по списку разрешённого на сервере: остаются только свойства оформления, каждый селектор принудительно остаётся внутри вашего магазина, url() принимает только встроенный data:image (без внешнего отслеживания), а @import, expression(), behavior и скриптовые векторы удаляются. Вы получаете творческую свободу; ваши покупатели остаются в безопасности.
Дизайн-студия: частые вопросы
Создайте магазин, не похожий ни на один другой.
Откройте Дизайн-студию, напишите свой CSS и сохраните облик, который можно переиспользовать везде. Бесплатный старт, на любом тарифе.
Открыть Дизайн-студию бесплатно