Оформите ваш Telegram-магазин собственным кодом.
Большинство конструкторов магазинов запирают вас в шаблонах. Дизайн-студия BotLaunch позволяет писать собственный CSS, для всей витрины или для отдельного блока, добавлять произвольные пользовательские секции и сохранять весь облик как переиспользуемый дизайн. Никакого JavaScript, никакого HTML, способного сломать ваш магазин: только оформление, безопасное для Telegram.
На любом тарифе, бесплатный старт. Ваш пользовательский CSS очищается при сохранении.
.cs-root .card {
border-radius: 14px;
border: 1px solid
var(--hairline);
}
.cs-cta {
background: #297a3a;
}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 и скриптовые векторы удаляются. Вы получаете творческую свободу; ваши покупатели остаются в безопасности.
- @import✕ stripped
- expression() / behavior✕ stripped
- url(http://…)✕ stripped
- url(data:image/…)✓ kept
- every selector✓ scoped to your shop
Дизайн-студия: частые вопросы
Создайте магазин, не похожий ни на один другой.
Откройте Дизайн-студию, напишите свой CSS и сохраните облик, который можно переиспользовать везде. Бесплатный старт, на любом тарифе.
Открыть Дизайн-студию бесплатно