Nuevo · Estudio de Diseño

Diseña tu tienda de Telegram con tu propio código.

La mayoría de los creadores de tiendas te encierran en plantillas. El Estudio de Diseño de BotLaunch te permite escribir tu propio CSS — para toda tu tienda o para un solo bloque — añadir secciones personalizadas de forma libre y guardar todo el aspecto como un diseño reutilizable. Sin JavaScript, sin HTML que pueda romper tu tienda: solo el estilo, mantenido seguro para Telegram.

En todos los planes, gratis para empezar. Tu CSS personalizado se sanea al 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

Add to cart

¿Qué es el Estudio de Diseño?

El Estudio de Diseño es la capa avanzada de estilos del editor de tiendas de BotLaunch. Desde Tienda → Personalizar puedes escribir CSS personalizado global (acotado a tu tienda), CSS por bloque en cualquier bloque de contenido y añadir una sección personalizada de forma libre (título, texto en Markdown, imagen, botón). Guarda el resultado como tu propio diseño y aplícalo a cualquier tienda — o vuelve a darle estilo cuando quieras. Tu CSS se sanea al guardar (se eliminan las URL externas y los scripts, url() solo permite un data:image en línea) para que siga siendo seguro para los compradores dentro de Telegram.

Hazla inconfundiblemente tuya

CSS personalizado global

Escribe CSS para toda la tienda — fuentes, espaciado, tarjetas, botones, fondos. Se acota automáticamente a tu tienda, por lo que nunca puede filtrarse más allá de ella.

CSS personalizado por bloque

Selecciona cualquier bloque de contenido y da estilo solo a ese bloque. Cada bloque obtiene su propia hoja de estilos acotada, por lo que un ajuste en tu hero nunca toca tu cuadrícula de productos.

Secciones personalizadas

Añade una sección de forma libre con un título, texto enriquecido en Markdown, una imagen y un botón — y luego dale el estilo que quieras con tu propio CSS.

Guarda y reutiliza diseños

Guarda todo tu aspecto (tema + contenido + CSS) como un diseño privado y aplícalo a cualquiera de tus tiendas con un clic. Crea un aspecto una vez, reutilízalo en todas partes.

Cómo funciona

01

Abre Personalizar

Ve a Tienda → Personalizar en tu panel. Todo lo que cambias se previsualiza en vivo en un marco real de tienda de Telegram.

02

Escribe tu CSS

Añade CSS global en la pestaña Tema, o selecciona un bloque y abre su panel de CSS personalizado. Añade una sección personalizada para contenido de forma libre.

03

Guárdalo como tu diseño

Pulsa Guardar — tu CSS se sanea y se acota — y luego «Guardar como mi diseño» para reutilizar el aspecto. Aplícalo a cualquier tienda, en cualquier momento.

Seguro por diseño

Los compradores abren tu tienda dentro de Telegram, así que la seguridad no es opcional. El CSS personalizado se analiza y se filtra por lista de permitidos en el servidor: solo sobreviven las propiedades de estilo, cada selector se ve obligado a permanecer dentro de tu tienda, url() acepta solo un data:image en línea (sin rastreo externo) y se eliminan @import, expression(), behavior y los vectores de script. Tú obtienes libertad creativa; tus compradores permanecen seguros.

Preguntas frecuentes del Estudio de Diseño

Diseña una tienda que no se parezca a ninguna otra.

Abre el Estudio de Diseño, escribe tu CSS y guarda un aspecto que puedes reutilizar en todas partes. Gratis para empezar, en todos los planes.

Abrir el Estudio de Diseño gratis