3 Artikel

Dein Shop

Storefront-Studio und Landingpages.

Konto kostenlos erstellen

Kostenlos, ohne Kreditkarte. Du brauchst nur eine E-Mail-Adresse.

Shop-Adresse

Ein Handle, und dein Shop hat eine öffentliche Adresse.

Du tippst ein Handle, speicherst, und der Shop liegt unter handle.liketik.com. Das Studio prüft dieselbe Regel, die auch der Server durchsetzt, bevor es überhaupt eine Anfrage losschickt.

  • 3 bis 30 Zeichen: Kleinbuchstaben, Ziffern und einzelne Bindestriche, nicht am Anfang und nicht am Ende.
  • Beim Tippen wird alles herausgefiltert, was nicht in ein Handle gehört.
  • Fehler erscheinen erst, wenn du das Feld verlässt oder speicherst, und verschwinden wieder, sobald es passt.
  • Ist die Adresse gesichert, steht sie als anklickbarer Link im Studio.
  • Ändern geht einmal alle 30 Tage. Das Studio sagt dir das vorher dazu, was es kostet: geteilte Links führen danach ins Leere.
Beispieldarstellung

Branding

Drei Felder entscheiden, wie der Kopf deines Shops aussieht.

Der Shop-Name ist Pflicht und hält den Speichern-Knopf zu, solange er leer ist. Tagline und Hero-Bild sind ausdrücklich optional und im Studio auch so gekennzeichnet. Was du speicherst, steht sofort in der Vorschau.

  • Das Hero-Bild nimmt eine Datei per Drag-and-drop, über den Dateidialog oder als eingefügte Bild-URL.
  • Ersetzen und Entfernen sitzen direkt am Bild, und ein laufender Upload zeigt sich als solcher.
  • Zu große Dateien und alles, was kein Bild ist, werden abgelehnt und beim Namen genannt.
  • Lässt du die Tagline leer, zeigt der Shop an dieser Stelle nichts. Kein Blindtext.
  • Beim Hero-Bild ist es anders: Bleibt es leer, legt der Hero-Baustein ein Graustufen-Platzhalterbild unter, bis du ein eigenes hochlädst.
Beispieldarstellung

Kein leeres Canvas. Eine Liste, die du umräumst.

Struktur

Jede Zeile ist ein Baustein mit eigenen Feldern.

Anpassen öffnet genau die Felder, die dieser Bausteintyp kennt: ein Hero hat Überschrift, Tagline, Bild-URL, Button-Text und Button-Link, ein Produktraster hat Überschrift, Produktquelle, Produkt-IDs und Max. Anzahl. Tauschen ersetzt die Zeile durch einen anderen Typ, die Pfeile schieben sie hoch und runter, das Kreuz nimmt sie heraus.

  • Sortiert wird mit Pfeil hoch und Pfeil runter. Bewusst kein Drag-and-drop.
  • Der Feldeditor kennt fünf Sorten Feld: Text, Textfläche, Zahl, Schalter und Auswahl.
  • Während du tippst, ändert sich die Vorschau sofort. Gespeichert wird einmal, wenn du den Editor schließt.
  • Bausteine, die dein Tarif nicht freischaltet, stehen mit Schloss in der Liste und nennen den Tarif, der sie öffnet. Auto-Sell zum Beispiel braucht Growth.
Beispieldarstellung

Theme

Fünf fertige Themes. Ein Klick, und es steht.

Editorial, Noir, Punch, Sand und Mono. Jedes bringt seine eigene Palette und seine eigenen Radien mit, zwei davon legen zusätzlich Filmkorn auf Bildflächen. Die Auswahl wird sofort gespeichert.

  • Die Vorschau rendert über dieselben CSS-Variablen, die auch der öffentliche Shop liest. Beide lösen dieselben Werte auf.
  • Geht das Speichern schief, sagt das Studio es dir, statt die Auswahl stillschweigend zurückzudrehen.
  • Die Schrift bleibt in allen fünf Themes dieselbe. Ein Theme tauscht Farben und Radien, keine Schriftarten.
Beispieldarstellung

Editorial

Warmes Papier, fast schwarze Schrift, ein elektrisches Blau. Kanten fast ohne Radius.

Noir

Tiefschwarze Fläche, Knochenweiß als Schrift, ein einzelner Magenta-Akzent.

Punch

Gebrochenes Weiß, Tinte und LikeTik-Koralle, deutlich runder.

Sand

Sand und Ton mit Terrakotta-Wärme, weiche Radien.

Mono

Reines Weiß, reines Schwarz, Radius null.

Live-Vorschau

Halbe Konsole Editor, halbe Konsole echter Shop.

Die rechte Hälfte rendert deinen Shop mit demselben Baustein-Renderer, den auch die öffentliche Seite benutzt, gefüttert mit deinen echten Produkten und deinen echten freigegebenen UGC-Beiträgen. Die Spalte bleibt stehen, während links der Editor scrollt.

  • Ist dein Katalog leer oder lädt er gerade nicht, stellt die Vorschau Beispielartikel in die Produktflächen, damit du das Layout überhaupt beurteilen kannst. Die UGC-Wand macht das nicht: Sie zeigt echte freigegebene Beiträge oder gar nichts.
  • Ein Auswahlfeld zeigt den Shop als Alle, Neu, Wiederkehrend oder Von TikTok, mit zwei Zeilen dazu, was das Studio für dieses Segment vorsieht.
  • In der Vorschau wechselt mit dem Segment diese Erklärung, nicht die Produktreihenfolge. Umsortiert wird im öffentlichen Shop.
  • Das ist keine reine Vorschau-Show: Der öffentliche Shop bestimmt das Segment pro Aufruf aus dem Parameter ?seg=, aus der verweisenden Seite (TikTok und Instagram werden erkannt) oder aus dem Cookie lt_seg.
  • Segment-Wechsel und Erklärzeile gehören zu LikeTik KI. Ohne sie steht die Vorschau immer auf Alle.
Beispieldarstellung

Steht eine Produktliste im öffentlichen Shop auf einer der beiden Personalisierungs-Quellen, Personalisiert (pro Besucher) oder Für ein Segment kuratiert, dann ändert sich mit dem Segment ihre Reihenfolge:

Alle
Deine kuratierte Reihenfolge bleibt stehen.
Neu
Ebenfalls die kuratierte Reihenfolge.
Wiederkehrend
Die Liste wird umgedreht, das Neueste steht vorn.
Von TikTok
Sortiert nach verkauften Stück, die Bestseller zuerst. Für Instagram gilt dasselbe.

Landingpages

Eine Seite, ein Ziel, ein Link zum Teilen.

Landingpages sind eine eigene Fläche neben dem Shop. Du wählst den Typ: eine Produktseite, die aus einem echten Produkt deines Katalogs vorbefüllt wird, oder eine Kampagnenseite, deren Hero-Überschrift der Titel ist, den du eingegeben hast. Der Slug entsteht aus dem Titel und bleibt änderbar.

  • Bearbeitet wird mit demselben Baustein-Editor wie der Shop.
  • Anders als der Shop haben Landingpages zwei echte Zustände: Entwurf und Live. Veröffentlichen, zurückziehen und löschen gehen alle ans Backend.
  • Ist die Seite live, liegt sie unter handle.liketik.com/l/slug.
  • Dazu gibt es einen scanbaren QR-Code, den du als SVG herunterlädst, einen Knopf, der die URL kopiert, und ein Teilen-Blatt für X, WhatsApp, Facebook, TikTok und Instagram.
  • Die Übersicht listet jede Seite mit QR-Vorschau, Live-URL, Typ und echten Aufrufen.
Beispieldarstellung

Anleitungen

Leg deinen Shop an

Kostenlos, ohne Kreditkarte. Du brauchst nur eine E-Mail-Adresse.

Konto kostenlos erstellen