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: 14px;
border: 1px solid
var(--hairline);
}
.cs-cta {
background: #297a3a;
}Bolsa Aurora
$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.
- @import✕ é removido
- expression() / behavior✕ é removido
- url(http://…)✕ é removido
- url(data:image/…)✓ fica
- cada seletor✓ limitado à sua loja
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