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