Desenhe a sua loja de Telegram com o seu próprio código.
A maioria dos criadores de lojas prende-o a modelos. O Estúdio de Design da BotLaunch permite escrever o seu próprio CSS — para toda a sua loja ou para um único bloco — adicionar secções personalizadas livres e guardar todo o visual como um design reutilizável. Sem JavaScript, sem HTML que possa quebrar a sua loja: apenas o estilo, mantido seguro para o Telegram.
Em todos os planos, grátis para começar. O seu CSS personalizado é higienizado ao guardar.
.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
O que é o Estúdio de Design?
O Estúdio de Design é a camada avançada de estilos do editor de lojas da BotLaunch. Em Loja → Personalizar pode escrever CSS personalizado global (limitado à sua loja), CSS por bloco em qualquer bloco de conteúdo e adicionar uma secção personalizada livre (título, texto em Markdown, imagem, botão). Guarde o resultado como o seu próprio design e aplique-o a qualquer loja — ou volte a estilizá-lo a qualquer momento. O seu CSS é higienizado ao guardar (URLs externos e scripts são removidos, url() permite apenas um data:image em linha), por isso mantém-se seguro para os compradores dentro do Telegram.
Torne-a inconfundivelmente sua
CSS personalizado global
Escreva CSS para toda a loja — fontes, espaçamento, cartões, botões, fundos. É automaticamente limitado à sua loja, por isso nunca pode vazar para além dela.
CSS personalizado por bloco
Selecione qualquer bloco de conteúdo e estilize apenas esse bloco. Cada bloco recebe a sua própria folha de estilos limitada, por isso um ajuste no seu hero nunca toca na sua grelha de produtos.
Secções personalizadas
Adicione uma secção livre com um título, texto rico em Markdown, uma imagem e um botão — e depois estilize-a como quiser com o seu próprio CSS.
Guarde e reutilize designs
Guarde todo o seu visual (tema + conteúdo + CSS) como um design privado e aplique-o a qualquer uma das suas lojas com um clique. Crie um visual uma vez, reutilize-o em todo o lado.
Como funciona
Abra Personalizar
Vá a Loja → Personalizar no seu painel. Tudo o que altera é pré-visualizado ao vivo num quadro real de loja do Telegram.
Escreva o seu CSS
Adicione CSS global no separador Tema, ou selecione um bloco e abra o seu painel de CSS personalizado. Adicione uma secção personalizada para conteúdo livre.
Guarde como o seu design
Clique em Guardar — o seu CSS é higienizado e limitado — depois «Guardar como o meu design» para reutilizar o visual. Aplique-o a qualquer loja, a qualquer momento.
Os compradores abrem a sua loja dentro do Telegram, por isso a segurança não é opcional. O CSS personalizado é analisado e filtrado por lista de permissões no servidor: apenas as propriedades de estilo sobrevivem, cada seletor é forçado a permanecer dentro da sua loja, url() aceita apenas um data:image em linha (sem rastreio externo) e @import, expression(), behavior e vetores de script são removidos. Você obtém liberdade criativa; os seus compradores permanecem seguros.
Perguntas frequentes do Estúdio de Design
Desenhe uma loja que não se pareça com nenhuma outra.
Abra o Estúdio de Design, escreva o seu CSS e guarde um visual que pode reutilizar em todo o lado. Grátis para começar, em todos os planos.
Abrir o Estúdio de Design grátis