Wissen & Hilfe
Die passende Funktion für deine Idee.
Was ist schon gebaut, wo findest du es und wann lohnt es sich? Hier findest du die Module mit konkreten Einsatzfällen, Bedienung und Grenzen. Stand: 16.10.2026.
In dieser Anleitung
Diesen Leitfaden mit deinem KI-Assistenten teilen (Markdown) ↗
Welcher Baustein passt zu deinem Vorhaben?
Beginne mit einer Aufgabe: Arbeiten zeigen, Unterschiede erklären, Angebote ordnen oder Anfragen erleichtern. Wähle dann die passende Darstellung. Die folgenden Designmodule sind im Atelier-Editor vorhanden. Inhalte und angeschlossene Dienste haben jeweils ihre eigene Einrichtung und Freigabe.
- Arbeitsproben zeigen → Fotogalerie mit Wischen und Zoom.
- Zwei Zustände zeigen → Vorher/Nachher-Bildvergleich.
- Leistungen verständlich ordnen → klassische Karten, Icon-Karten oder Handwerksdarstellung.
- Eine Geschichte erklären → Bild und Text; mehrere Themen anreissen → Editorial-Karten.
- Den passenden Stil finden → Gestaltungsvarianten vergleichen; Besucherfarben → Hell, Dunkel oder Automatisch.
So findest du die neuen Einstellungen
Öffne deinen Entwurf und gehe zu «Bilder und Aufbau → Designmodule und Interaktionen». Wähle dort die Darstellung. Angebotstexte bearbeitest du weiterhin im Texteditor; Bilder stammen aus deiner bestehenden Bildauswahl.
Prüfe die Vorschau am Desktop und in schmaler Ansicht. Speichere deine Änderungen als private Arbeitsversion. Erst die separate Veröffentlichung macht die gewählte Version öffentlich. Die frei zugängliche Editor-Demo speichert keine Kundenwebsite.
Fotogalerie: Arbeiten ansehen und Details prüfen
Das Galeriemodul verwaltet deine Bildsammlung; die Designoption «Endlos wischen mit Zoom-Grossansicht» bestimmt ihre Bedienung. Besucher wischen auf dem Handy oder ziehen direkt auf dem Bild mit gedrückter linker Maustaste. Pfeile und Tastatur ergänzen die Bedienung. Ein Klick öffnet die Grossansicht mit Bildwechsel und Zoom.
Geeignet für Werkstücke, Räume, Fotografie und Referenzarbeiten. Wähle eine nachvollziehbare Reihenfolge und aussagekräftige Bildbeschreibungen. Öffentliche Galerien verwenden freigegebene Galeriebilder. Private Vorschaufotos werden dadurch nicht automatisch öffentlich. Ein einzelnes Bild braucht keine Blätterpfeile.
Vorher/Nachher: einen Unterschied nachvollziehbar zeigen
Wähle unter «Bildimpression» den «Vorher/Nachher-Bildvergleich». Er verwendet das Einstiegsbild und das zweite Bild deiner bestehenden Auswahl. Lege fest, welches Bild vorher zeigt, und beschrifte beide Seiten sowie den Zusammenhang.
Geeignet für eine dokumentierte Reparatur, einen Umbau oder unterschiedliche Materialzustände. Verwende zwei unterschiedliche Aufnahmen mit möglichst gleichem Blickwinkel und vergleichbaren Lichtverhältnissen. Der Trenner lässt sich direkt auf dem Bild ziehen; der zusätzliche Regler ist per Tastatur bedienbar. Ohne JavaScript bleiben beide beschrifteten Bilder sichtbar.
Fehlt ein Bild oder zeigen beide Plätze dieselbe Bildadresse, erscheint kein öffentlicher Vergleich. Die Demo zeigt gekennzeichnete KI-Materialstudien. Sie belegt keine echte Kundenarbeit und kein erzieltes Ergebnis.
Leistungskarten: das Angebot gliedern
Die klassische Darstellung eignet sich für einen ruhigen Überblick. Icon-Karten ergänzen ein erkennbares Symbol und ein Kurzlabel. Die Handwerksdarstellung setzt Nahtlinien und hebt bei einer ungeraden Anzahl das letzte Angebot hervor.
Bearbeite je Angebot Icon, Kurzlabel, Linktext und Linkziel. Ein verständlicher Text bleibt wichtiger als das Symbol. Ein Link kann zu einem Abschnitt, einer vorhandenen Seite, einer HTTPS-Adresse, E-Mail oder Telefonnummer führen. Ein Kartenlink erstellt keine neue Zielseite, Buchung oder Zahlungsfunktion.
Bild/Text und Editorial: Zusammenhänge erklären
«Bild und Text nebeneinander» verbindet eine Aufnahme mit einer zusammenhängenden Erklärung, etwa zur Arbeitsweise oder zum Material. «Editorial-Karten» zeigt bis zu sechs kurze Beiträge mit Titel, Kategorie, Text, Bild und optionalem Link.
Die Bilder stammen aus den vorhandenen zwei Bildplätzen. Editorial-Karten sind gestaltete Einstiege; sie legen keine Blogartikel an. Wenn du regelmässig Neuigkeiten als Beiträge pflegen willst, nutze den dafür vorgesehenen Blog-/Aktuelles-Bereich. Erstelle und prüfe das Linkziel, bevor du darauf verweist.
Gestaltungsvarianten: denselben Inhalt vergleichen
Öffne im Bereich der Designmodule «Gestaltungsvarianten vergleichen». Vergleiche Leistungskarten oder die Bildimpression in zwei echten Vorschauen mit deinem aktuellen Inhalt. Die schmale Ansicht hilft bei der Beurteilung auf dem Handy.
«Übernehmen» ändert die gewählte Darstellung im offenen Entwurf. Schliessen oder Escape lässt sie unverändert. Speichern und Veröffentlichen bleiben separate Schritte. Fehlen die benötigten Bilder oder Beitragsinhalte, ist diese Variante nicht übernehmbar; es werden keine Ersatztexte erfunden.
Dark Mode: eine Besucherwahl, keine zweite Website
Aktiviere «Besucher können Hell, Dunkel oder Automatisch wählen». Hell und Dunkel setzen die gewählte Ansicht; Automatisch folgt der Systemeinstellung, auch wenn diese später wechselt. Die Wahl wird lokal im Browser für diese Website gemerkt. Bei blockiertem Browserspeicher funktioniert sie für den aktuellen Besuch.
Diese Einstellung verändert weder deine gespeicherte Gestaltung noch den Veröffentlichungsstand. Die dunkle Bedienoberfläche des Editors ist eine eigene Einstellung. Prüfe besonders eigene Bilder und Logos in beiden Besucheransichten; Bilder werden nicht automatisch neu gestaltet.
Inhaltsmodule und Anschlüsse: was zusätzlich eingerichtet wird
Designmodule ändern die Darstellung. Inhaltsmodule und Anschlüsse übernehmen andere Aufgaben. Eine Demo kann einen Ablauf zeigen, ohne dass er für deine Website bereits eingerichtet oder freigegeben ist.
- Blog / Aktuelles: Beiträge pflegen und veröffentlichen; Editorial-Karten verlinken bei Bedarf darauf.
- Preisliste: Leistungen und Preise darstellen. Eine Anfrage dazu ist weder Bestellung noch Zahlung.
- Kontakt- / Terminanfrage: ein Anliegen zur persönlichen Antwort übermitteln. Kein automatisch reservierter Termin und keine Kalender-Synchronisation.
- Standort / Anfahrt: den Standort erklären und einen passenden Kartenanschluss einrichten. Externe Inhalte und Einwilligung sind separat zu prüfen.
- Social, Bewertungen und Bezahlbeispiele: ein vorhandenes Profil oder einen geprüften Anschluss zeigen. Ein Beispiel richtet weder Kontoverbindung noch Shop ein.
- Shop, Online-Zahlung, Mitgliederverwaltung und automatische Buchung: Umfang und Anschluss separat klären.
Für deinen KI-Assistenten und die spätere Pflege
Der öffentliche Markdown-Leitfaden enthält diese Modulbeschreibungen und die Funktionsfragen aus derselben Quelle wie diese Website. Du kannst seine Adresse deinem Assistenten geben. Er erklärt den Produktstand und gewährt keinen Zugriff auf dein Konto.
Beschreibe Ziel, vorhandene Inhalte und gewünschten nächsten Schritt. Beispiel: «Ich möchte zwei dokumentierte Zustände einer Reparatur zeigen. Welche Bilder und Beschriftungen brauche ich für den Vorher/Nachher-Vergleich?» Prüfe fachliche Aussagen, Bildrechte und tatsächliche Verfügbarkeit vor der Veröffentlichung.