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