Zurück zu den Projektbeispielen
Illustration: Ein Chat auf dem Handy führt über die Aufbereitung zum Websiteeintrag. Das Schmuckstück ist fiktiv.
UmsetzungsgeschichteEinblick in eine betreute WebsiteDigitale Firmenzentrale

Websiteinhalte per Chat veröffentlichen

Websiteinhalte per Chat veröffentlichen: ein Kundenbeispiel mit Bildaufbereitung, optionaler Freigabe, automatisierten Prüfungen und Veröffentlichung.

6 Min. LesezeitSandro Maier

Vertraulichkeitshinweis

Der Ablauf stammt aus einer betreuten Website. Name, Websiteadresse und Originalnachrichten bleiben anonym. Die Illustrationen zeigen ein fiktives Schmuckstück und nachgestellte Oberflächen.

Passende Service-Seiten

Websites und Modernisierung / Workflows und Automatisierung

Verwendete Technologien
Chat-EingabeBildaufbereitungCI: Lint, Typecheck, Tests, Paket-AuditWebsite-Build und Deployment

Was dadurch möglich wurde

  • Ein Produkteintrag entsteht aus Foto und kurzer Nachricht.
  • Die Kundin erhält nach Veröffentlichung einen Produktlink.
  • Eine persönliche Freigabe kann nach Kundenwunsch ergänzt werden.
Anonymisierter Projektkontext

Ein Foto und eine kurze Nachricht werden zum Produkteintrag

Die Kundin sendet ein Foto und die Bezeichnung ihrer Ohrringe. Der betreute Ablauf bereitet den Eintrag vor, prüft die Änderung und veröffentlicht sie auf ihrer Website.

Ein neues Produkt, ein geänderter Text oder ein aktuelles Foto: Wer seine Website aktualisiert, möchte solche Änderungen im Alltag schnell anstoßen können. Für eine Websiteänderung schicken Sie die Inhalte und den Änderungswunsch in den Chat. Der dafür eingerichtete Ablauf bereitet die Änderung für Ihre Website vor und führt sie durch die vereinbarten Schritte bis zur Veröffentlichung.

Je nach Aufgabe werden Bilder optimiert, Texte ausgearbeitet und benötigte Metadaten erstellt. Auf Wunsch kommt vor der Veröffentlichung eine persönliche Freigabe hinzu. Welche Inhalte unterstützt werden und welche Angaben nötig sind, wird für die jeweilige Website festgelegt.

Wie das in der Praxis aussieht, zeigt eine von Planfold betreute Schmuckwebsite. Die Kundin schickt ein Foto ihrer fertigen Ohrringe mit dem Wort „weihnachtsohrringe“. Daraus entsteht ein neuer Produkteintrag. Nach Bildaufbereitung, technischen Prüfungen und Deployment erhält sie den Produktlink im Chat. Zwischen Nachricht und sichtbarem Ergebnis können mehrere Minuten liegen. Die Abbildungen verwenden ein fiktives Schmuckstück und nachgestellte Oberflächen.

Ein Foto als Ausgangspunkt

Das Originalfoto zeigt rot-weiße Ohrringe auf grünem Stoff. Die Kundin ergänzt eine kurze Bezeichnung. Bild und Text geben dem eingerichteten Ablauf den Bezug zum neuen Produkt. Für diesen Vorgang öffnet sie keine Websiteverwaltung und stellt dort auch keinen Produkteintrag von Hand zusammen.

Welche Angaben erforderlich sind und wie sie auf der Website erscheinen, wird beim Einrichten des Ablaufs für Produkteinträge festgelegt. Im gezeigten Fall reicht die kurze Nachricht als Eingabe für den vorbereiteten Ablauf. Andere Inhalte können zusätzliche Angaben brauchen.

Nachgestellter Chat: Die Kundin sendet rechts ein Foto und die Produktbezeichnung. Links folgen Bildaufbereitung, die laufende Prüf- und Buildphase sowie später die Veröffentlichung mit Produktlink.
Nachgestellter Ablauf mit fiktivem Schmuckstück und gekürzten Nachrichten.

Aus Foto und Nachricht wird ein Websiteeintrag

Im Gespräch erscheint nach der Eingabe ein aufbereitetes Produktbild. Im realen Beispiel liegen die Ohrringe nun auf einer rosa Präsentationsfläche. Die Kundin kann das Ergebnis im selben Chat sehen, in dem sie das Originalfoto geschickt hat.

Für die Website werden Bild und Produktangaben in die vorgesehene Darstellung überführt. Die kurze Nachricht ist dabei die Eingabe für eine eingerichtete Verarbeitung. Die Website benötigt weiterhin passende Inhalte und eine technische Veröffentlichung, bevor Besucher den neuen Eintrag sehen können.

Was zwischen Chat und Veröffentlichung passiert

Planfold hat die Chat-Eingabe mit der Bildaufbereitung und dem Veröffentlichungsprozess der Website verbunden. Die Aufgabe verteilt sich auf mehrere Schritte, deren Abschluss unterschiedliche Dinge bedeutet. Ein empfangenes Foto bestätigt zunächst den Eingang. Ein vorbereitetes Produktbild zeigt den Stand der Aufbereitung. Die sichtbare Websiteänderung steht am Ende der Veröffentlichungskette.

Inhalt und Bild vorbereiten

Foto und Bezeichnung werden für den Produkteintrag aufbereitet. Je nach vereinbartem Ablauf werden daraus passende Texte und Metadaten für die Website erstellt. Welche Felder benötigt werden, gehört zur jeweiligen Einrichtung. Die Demo auf der Startseite zeigt beispielsweise ein Möbelstück mit Name, Beschreibung und Preis. Der hier beschriebene Schmuckfall verwendet die kurze Produktbezeichnung aus dem Chat.

Auf Wunsch: Vorschau kontrollieren und freigeben

Für Betriebe, die Inhalte vor der Veröffentlichung selbst prüfen möchten, lässt sich eine Freigabe im Chat vorsehen. Die absendende Person bekommt das optimierte Bild sowie die vorbereiteten Texte und Metadaten zur Kontrolle. Erst nach ihrer Freigabe geht die Änderung in die technische Prüfung und Veröffentlichung. Wenn etwas nicht passt, wird es vor der Freigabe korrigiert.

Diese Variante wird mit der hier betreuten Kundin seit Kurzem erprobt. Der zuvor dokumentierte Ohrring-Vorgang zeigt den Ablauf mit automatischer Veröffentlichung. Beide Varianten richten sich nach dem vereinbarten Kundenwunsch; eine persönliche Abnahme ist ein optionaler Schritt. Der Fachbegriff dafür ist „Human in the loop“: Ein Mensch entscheidet an dieser Stelle, ob der vorbereitete Inhalt weiterverarbeitet werden darf.

Automatisierte Prüfung und Website-Build

Die vorbereitete Änderung durchläuft eine CI-Pipeline. CI steht für Continuous Integration. Bei dieser Kundenwebsite gehören folgende Prüfungen zum Ablauf vor dem Deployment:

  • Lint kontrolliert die vereinbarten Code-Regeln.
  • Der Typecheck prüft, ob die verwendeten Datentypen zusammenpassen.
  • Tests prüfen die dafür definierten Anwendungsfälle.
  • Das Paket-Audit prüft Paketversionen und sucht nach bekannten Schwachstellen in den verwendeten Abhängigkeiten.

Zum Veröffentlichungsweg gehört außerdem der Website-Build. Er erzeugt die Websitefassung, die anschließend bereitgestellt wird. Die einzelnen Schritte haben damit eine andere Aufgabe als die Bildaufbereitung im Chat.

Prüfung, Build und Veröffentlichung sind eigene Arbeitsschritte. Solange die Verarbeitung läuft, wäre eine Erfolgsmeldung über eine bereits sichtbare Websiteänderung verfrüht. Der technische Stand muss zur Rückmeldung passen.

Deployment und Rückmeldung

Auf die Prüf- und Buildphase folgt das Deployment, also das Bereitstellen der Änderung auf der Website. Im dokumentierten Gespräch meldet der Chat die Veröffentlichung des neuen Schmuckstücks und liefert dessen Produktlink. Damit erhält die Kundin einen direkten Weg zum Ergebnis.

Workflow von der Chatnachricht über Bild, Texte und Metadaten zur optionalen persönlichen Freigabe. Ohne vereinbarten Freigabeschritt geht es direkt zur CI. Es folgen Prüfungen, Website-Build, Deployment und die Rückmeldung mit Link.
Veröffentlichungsweg mit optionaler persönlicher Freigabe vor der CI.

Warum die Veröffentlichung einige Minuten dauern kann

Bildaufbereitung, automatisierte Prüfungen, Website-Build und Deployment benötigen Verarbeitungszeit. Das Absenden der Nachricht startet diesen Ablauf. Die Veröffentlichung folgt, wenn die dafür vorgesehenen Schritte abgeschlossen sind. Bei einem Ablauf mit persönlicher Abnahme kommt die Zeit bis zur Freigabe hinzu.

Die animierte Darstellung auf der Startseite führt verkürzt durch Nachricht, Automatisierung und sichtbaren Websiteeintrag. Ihre Abspielzeit ist keine zugesagte Bearbeitungsdauer. Auch die Illustrationen dieses Artikels zeigen die Abfolge, ohne daraus eine Veröffentlichung in Sekunden abzuleiten.

Nachgestellter Chat mit Eingabe rechts, Antworten links und einer sichtbaren CI- und Buildphase vor dem veröffentlichten Produkteintrag auf der Website.
Illustration des realen Ablaufs. Schmuckstück und Websiteansicht sind neu gestaltet.

Welche Websiteinhalte lassen sich so ändern?

Der Produkteintrag ist ein konkretes Beispiel für Website-Änderungen per Chat. Auch neue Bilder, Änderungen an bestehenden Texten oder Produktangaben können Gegenstand eines eingerichteten Ablaufs sein. Entscheidend ist, welche Inhalte die Website benötigt und welche Änderungen für sie vorgesehen sind. Ein kurzer Chat ersetzt dabei die Eingabe in der Websiteverwaltung.

Die fachliche Kontrolle richtet sich nach dem Inhalt. Bei Schmuck müssen etwa Farbe, Verschlüsse und Anhänger zum tatsächlichen Stück passen. Bei anderen Inhalten können Preise, Beschreibungen oder die Zuordnung eines Bildes ausschlaggebend sein. Eine technisch erfolgreiche Veröffentlichung allein bestätigt die sachliche Richtigkeit dieser Angaben nicht. Mit einem Freigabeschritt können die Verantwortlichen das vorbereitete Ergebnis vor der Veröffentlichung selbst prüfen.

Den Veröffentlichungsweg passend zur Website einrichten

Für Ihre Website beginnt die Planung mit den Inhalten, die Sie regelmäßig ändern möchten. Daraus ergeben sich die benötigten Angaben, die Darstellung auf der Seite und die Prüfungen vor der Veröffentlichung. Dabei wird auch vereinbart, ob passende Änderungen automatisch weiterlaufen oder zunächst auf Ihre Freigabe warten. Die Rückmeldung sollte erkennen lassen, ob eine Änderung noch verarbeitet wird oder bereits auf der Website sichtbar ist.

Das Projektbeispiel zur kontrollierten Software-Veröffentlichung beschreibt ein anderes Projekt in einer größeren technischen Umgebung. Dort werden die Zuständigkeiten von Build, Prüfung und Deployment ausführlicher erklärt.

Besprechen Sie mit Planfold das Aktualisieren und Veröffentlichen Ihrer Websiteinhalte.

Implementierungsdetails

  • Bild- und Inhaltsaufbereitung für die vereinbarten Websitefelder.
  • Automatisierte Prüfungen, Website-Build und Deployment.
  • Optionaler Freigabeschritt vor der technischen Veröffentlichung.

Warum das Vertrauen schaffen sollte

  • Der konkrete Produkteintrag war anschließend auf der Website sichtbar.
  • Die Prüfungen vor dem Deployment sind für diese Website bestätigt.
  • Die zusätzliche persönliche Freigabe wird seit Kurzem mit der Kundin erprobt.

Warum das geschäftlich relevant ist

Für Ihre Website werden unterstützte Inhalte, benötigte Angaben, Freigaben und Veröffentlichung gemeinsam festgelegt.

Weiterführend

Verwandte Projektbeispiele