New · Design Studio

Design your Telegram shop with your own code.

Most shop builders lock you into templates. The BotLaunch Design Studio lets you write your own CSS, for your whole storefront or a single block, add free-form custom sections, and save the whole look as a reusable design. No JavaScript, no HTML to break your shop: just the styling, kept safe for Telegram.

On every plan, free to start. Your custom CSS is sanitized on save.

shop.css · your rulesscoped
.cs-root .card {
  border-radius: 14px;
  border: 1px solid
    var(--hairline);
}
.cs-cta {
  background: #297a3a;
}

Aurora Tote

$48.00

Add to cart

What is the Design Studio?

The Design Studio is the advanced styling layer of the BotLaunch storefront editor. From Shop → Customize you can write global custom CSS (scoped to your shop), per-block CSS on any content block, and add a free-form Custom section (heading, Markdown text, image, button). Save the result as your own design and apply it to any shop, or restyle it any time. Your CSS is sanitized when you save (external URLs and scripts are stripped, url() allows an inline data:image only) so it stays safe for buyers inside Telegram.

Make it unmistakably yours

Global custom CSS

Write CSS for the whole storefront, fonts, spacing, cards, buttons, backgrounds. It is automatically scoped to your shop, so it can never leak beyond it.

Per-block custom CSS

Select any content block and style just that block. Each block gets its own scoped stylesheet, so a tweak to your hero never touches your product grid.

Custom sections

Add a free-form section with a heading, rich Markdown text, an image and a button, then style it however you like with your own CSS.

Save & reuse designs

Save your whole look (theme + content + CSS) as a private design and apply it to any of your shops in one click. Build a look once, reuse it everywhere.

How it works

01

Open Customize

Go to Shop → Customize in your dashboard. Everything you change previews live in a real Telegram storefront frame.

02

Write your CSS

Add global CSS on the Theme tab, or select a block and open its Custom CSS panel. Add a Custom section for free-form content.

03

Save as your design

Hit Save, your CSS is sanitized and scoped, then “Save as my design” to reuse the look. Apply it to any shop, anytime.

Safe by design

Buyers open your shop inside Telegram, so security is not optional. Custom CSS is parsed and allowlisted on the server: only styling properties survive, every selector is forced to stay inside your shop, url() accepts an inline data:image only (no external tracking), and @import, expression(), behavior and script vectors are removed. You get creative freedom; your buyers stay safe.

sanitizer · on savesafe
  • @importstripped
  • expression() / behaviorstripped
  • url(http://…)stripped
  • url(data:image/…)kept
  • every selectorscoped to your shop

Design Studio FAQ

Design a shop that looks like nobody else's.

Open the Design Studio, write your CSS, and save a look you can reuse everywhere. Free to start, on every plan.

Open Design Studio free