Оформте ваш 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 і збережіть вигляд, який можна перевикористовувати всюди. Безкоштовний старт, на будь-якому тарифі.
Відкрити Дизайн-студію безкоштовно