Gestalten Sie Ihren Telegram-Shop mit Ihrem eigenen Code.
Die meisten Shop-Baukästen sperren Sie in Vorlagen ein. Das BotLaunch Design Studio lässt Sie Ihr eigenes CSS schreiben, für Ihren ganzen Shop oder einen einzelnen Block, freie eigene Abschnitte hinzufügen und das ganze Erscheinungsbild als wiederverwendbares Design speichern. Kein JavaScript, kein HTML, das Ihren Shop kaputtmachen kann: nur das Styling, sicher gehalten für Telegram.
In jedem Tarif, kostenlos zum Starten. Ihr eigenes CSS wird beim Speichern bereinigt.
.cs-root .card {
border-radius: 14px;
border: 1px solid
var(--hairline);
}
.cs-cta {
background: #297a3a;
}Aurora-Tasche
$48.00
Was ist das Design Studio?
Das Design Studio ist die fortgeschrittene Styling-Ebene des BotLaunch-Shop-Editors. Unter Shop → Anpassen können Sie globales eigenes CSS schreiben (auf Ihren Shop beschränkt), CSS pro Block für jeden Inhaltsblock und einen freien eigenen Abschnitt hinzufügen (Überschrift, Markdown-Text, Bild, Button). Speichern Sie das Ergebnis als Ihr eigenes Design und wenden Sie es auf jeden Shop an, oder gestalten Sie es jederzeit neu. Ihr CSS wird beim Speichern bereinigt (externe URLs und Skripte werden entfernt, url() erlaubt nur ein eingebettetes data:image), damit es für Käufer innerhalb von Telegram sicher bleibt.
Machen Sie ihn unverwechselbar zu Ihrem eigenen Shop
- Globales eigenes CSS
- Schreiben Sie CSS für den ganzen Shop, Schriften, Abstände, Karten, Buttons, Hintergründe. Es wird automatisch auf Ihren Shop beschränkt, sodass es niemals darüber hinaus gelangen kann.
- Eigenes CSS pro Block
- Wählen Sie einen beliebigen Inhaltsblock aus und gestalten Sie nur diesen Block. Jeder Block erhält sein eigenes beschränktes Stylesheet, sodass eine Änderung an Ihrem Hero niemals Ihr Produktraster berührt.
- Eigene Abschnitte
- Fügen Sie einen freien Abschnitt mit einer Überschrift, reichem Markdown-Text, einem Bild und einem Button hinzu, und gestalten Sie ihn dann ganz nach Belieben mit Ihrem eigenen CSS.
- Designs speichern und wiederverwenden
- Speichern Sie Ihr ganzes Erscheinungsbild (Thema + Inhalt + CSS) als privates Design und wenden Sie es mit einem Klick auf jeden Ihrer Shops an. Erstellen Sie ein Erscheinungsbild einmal und verwenden Sie es überall wieder.
So funktioniert es
Anpassen öffnen
Gehen Sie in Ihrem Dashboard zu Shop → Anpassen. Alles, was Sie ändern, wird live in einem echten Telegram-Shop-Rahmen vorgeschaut.
Schreiben Sie Ihr CSS
Fügen Sie globales CSS im Reiter Thema hinzu oder wählen Sie einen Block aus und öffnen Sie sein Panel für eigenes CSS. Fügen Sie einen eigenen Abschnitt für freien Inhalt hinzu.
Als Ihr Design speichern
Klicken Sie auf Speichern, Ihr CSS wird bereinigt und beschränkt, dann „Als mein Design speichern“, um das Erscheinungsbild wiederzuverwenden. Wenden Sie es jederzeit auf jeden Shop an.
Käufer öffnen Ihren Shop innerhalb von Telegram, daher ist Sicherheit nicht optional. Eigenes CSS wird auf dem Server geparst und per Positivliste geprüft: nur Styling-Eigenschaften bleiben erhalten, jeder Selektor wird gezwungen, innerhalb Ihres Shops zu bleiben, url() akzeptiert nur ein eingebettetes data:image (kein externes Tracking), und @import, expression(), behavior sowie Skript-Vektoren werden entfernt. Sie erhalten kreative Freiheit; Ihre Käufer bleiben sicher.
- @import✕ entfernt
- expression() / behavior✕ entfernt
- url(http://…)✕ entfernt
- url(data:image/…)✓ bleibt
- jeder Selektor✓ auf Ihren Shop begrenzt
Design Studio FAQ
Gestalte einen Shop, der wie kein anderer aussieht.
Öffnen Sie das Design Studio, schreiben Sie Ihr CSS und speichern Sie ein Erscheinungsbild, das Sie überall wiederverwenden können. Kostenlos zum Starten, in jedem Tarif.
Design Studio kostenlos öffnen