Magento 2 Prozessschritte Widget für CMS-Seiten und Ratgeber
SKU: PROCESSSTEPSWIDGET1
- nummerierte Schritte mit Icon, Titel und Text
- horizontal, vertikal oder als Zeitleiste
- optionales HowTo-Schema für Suchmaschinen
- mobil einspaltig, je Store View übersetzbar
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Prozessschritte Widget: Abläufe verständlich als Schrittfolge zeigen
Mit dem Magento 2 Prozessschritte Widget von Mironsoft stellen Sie Abläufe wie Bestellung, Lieferung, Montage oder Beratung als nummerierte Schritte dar. Sie pflegen die Schritte im Admin, setzen das Widget in eine CMS-Seite, einen CMS-Block oder eine Kategorie und wählen die Darstellung. Das Magento 2 Prozessschritte Widget läuft mit Alpine.js und Tailwind, ohne jQuery und ohne Zusatz-Bibliothek, und ist je Store View in eigener Sprache pflegbar.
Schrittlisten im Admin
Beliebig viele Schrittlisten anlegen, benennen und wiederverwenden.
Drei Darstellungen
Horizontale Reihe, vertikale Liste oder Zeitleiste, je Widget wählbar.
Icon oder Bild
Jeder Schritt erhält eine Nummer, ein Icon oder ein eigenes Bild.
Verlinkbare Schritte
Titel, Text und optionaler Link je Schritt, etwa zu Versandinfos.
HowTo-Schema
Optional ein HowTo-JSON-LD mit Dauer und Hilfsmitteln erzeugen.
Mobil einspaltig
Auf kleinen Bildschirmen stapeln sich die Schritte automatisch.
Warum Kunden Abläufe als Schritte besser verstehen als als Fließtext
Wer einen Ablauf erklären will, schreibt oft einen langen Absatz: erst bestellen, dann bezahlen, dann Termin vereinbaren, dann Montage. Besucher überfliegen solche Texte und verpassen Details. Händler suchen deshalb nach einem Magento 2 Prozessschritte Widget oder einem Ablauf Widget, das Schritte sichtbar nummeriert und optisch trennt. Im Standard bietet der Page Builder dafür keinen fertigen Baustein.
Ohne Widget bauen Redakteure Spalten und Listen von Hand, jede Seite sieht anders aus, und mobil bricht das Layout. Mit dem Magento 2 Prozessschritte Widget pflegen Sie die Schritte einmal zentral und setzen sie überall ein, wo ein Ablauf erklärt werden soll.
Schrittlisten im Admin anlegen und in jeder Sprache pflegen
Im Admin legen Sie eine Schrittliste an und fügen Schritte mit Titel, Beschreibung, Icon oder Bild und optionalem Link hinzu. Die Reihenfolge ändern Sie per Sortierfeld. Jede Liste hat pro Store View eigene Texte, sodass deutsche und englische Shops dieselbe Struktur mit eigenen Formulierungen nutzen. Eine Liste lässt sich in beliebig vielen Widgets wiederverwenden, eine Textänderung wirkt sofort überall.
- Titel, Text, Icon oder Bild und Link je Schritt
- Sortierung per Positionsfeld
- Eigene Texte je Store View
Magento 2 Prozessschritte Widget als Reihe, Liste oder Zeitleiste
Sie wählen im Widget zwischen horizontaler Reihe, vertikaler Liste und Zeitleiste mit Linie. Nummern, Icons oder Bilder stehen in Kreisen, Verbindungslinien führen den Blick von Schritt zu Schritt. Farben und Abstände steuern Sie über Admin-Optionen, die Klassen kommen aus Tailwind. Auf dem Smartphone stapeln sich alle Varianten untereinander, damit nichts abgeschnitten wird.
- Drei Varianten, je Widget einstellbar
- Akzentfarbe und Abstand über Admin-Optionen
- Mobil automatisch einspaltig
Optionales HowTo-Markup für Anleitungen und Ratgeber
Wenn die Schrittfolge eine echte Anleitung ist, etwa die Montage eines Regals, erzeugt das Modul auf Wunsch ein HowTo-JSON-LD mit Namen, Schritten, geschätzter Dauer und Hilfsmitteln. Das Markup steht nur dann im Quelltext, wenn Sie es pro Widget einschalten. Ob ein Rich Result erscheint, entscheidet die Suchmaschine; garantieren lässt sich das nicht. Für reine Verkaufsabläufe lassen Sie das Schema ausgeschaltet.
- HowTo-JSON-LD pro Widget ein- oder ausschaltbar
- Dauer und Hilfsmittel als optionale Felder
- Kein Markup bei ausgeschalteter Option
Widget in CMS-Seiten, Kategorien und Produktseiten einsetzen
Das Widget lässt sich im Page Builder, im Widget-Editor und per Layout-XML einfügen. So erscheint die Lieferablauf-Liste auf der Versandseite, die Montage-Schritte auf der Produktseite und der Beratungsprozess in einer Kategoriebeschreibung. Eine optionale Hervorhebung markiert per Alpine.js den Schritt, der gerade im Sichtfeld ist. Bei aktiviertem Reduced-Motion der Besucher entfällt die Animation.
- Page Builder, Widget-Editor und Layout-XML
- Hervorhebung des aktuellen Schritts per Alpine.js
- Reduced-Motion wird respektiert
Wo ein Magento 2 Prozessschritte Widget im Shop-Alltag hilft
Typische Stellen, an denen ein Ablauf als Schrittfolge schneller verstanden wird.
Bestell- und Lieferablauf
Auf der Versandseite zeigen vier Schritte, was nach der Bestellung passiert, vom Zahlungseingang bis zur Zustellung.
Montage und Aufbau
Auf der Produktseite führt eine Zeitleiste durch den Aufbau. Mit HowTo-Markup wird daraus eine strukturierte Anleitung.
Beratung und Angebot
Ein B2B-Shop erklärt Anfrage, Beratung, Angebot und Auftrag und senkt so Rückfragen im Vertrieb.
Rückgabe und Reklamation
Die Retourenseite zeigt in wenigen Schritten, wie Kunden eine Rücksendung anmelden und wann das Geld zurückkommt.
Magento 2 Prozessschritte Widget: Textblock oder Widget im Vergleich
Was das Magento 2 Prozessschritte Widget gegenüber handgebauten Listen im Page Builder ändert.
| Thema | Ohne Modul | Mit Mironsoft Process Steps Widget |
|---|---|---|
| Pflege | Jede Seite einzeln, Layout von Hand | Eine Liste zentral, überall einsetzbar |
| Darstellung | Uneinheitlich, mobil oft kaputt | Drei Varianten, mobil einspaltig |
| Mehrsprachigkeit | Seiten doppelt pflegen | Eigene Texte je Store View in einer Liste |
| Suchmaschine | Kein strukturiertes Markup | Optionales HowTo-Schema |
| Barrierefreiheit | Von der Umsetzung abhängig | Geordnete Liste mit klarer Reihenfolge |
So richten wir das Magento 2 Prozessschritte Widget für Sie ein
Der Ablauf nach Ihrer Beauftragung.
Abstimmung
Sie nennen die Abläufe, die als Schritte erscheinen sollen, etwa Bestellung, Montage oder Retoure.
Installation
Wir installieren das Modul und richten das Magento 2 Prozessschritte Widget in Ihrem Theme ein, inklusive Tailwind-Klassen für Ihre Markenfarben.
Inhalte
Wir legen die ersten Schrittlisten mit Ihnen an, in allen Store Views, und setzen sie auf die gewünschten Seiten.
Schema-Prüfung
Wir prüfen das HowTo-Markup, wo Sie es nutzen, mit gängigen Testwerkzeugen.
Übergabe
Ihr Team erhält eine Einweisung in Schrittlisten, Varianten und Widget-Einbindung.
Abgrenzung zu Vorteilsleiste, Preistabelle und FAQ
Die Vorteilsleiste von Mironsoft zeigt kurze Pluspunkte in einer Zeile, die Preistabelle stellt Pakete gegenüber, und die FAQ beantwortet Einzelfragen. Das Magento 2 Prozessschritte Widget erklärt dagegen eine Reihenfolge, in der jeder Schritt auf dem vorherigen aufbaut.
Die Module lassen sich kombinieren, etwa eine Schrittfolge über einer FAQ auf derselben Seite. Alles läuft mit Alpine.js im Hyvä Theme, ohne zusätzliche Bibliothek.
Kein Download, sondern persönliche Einrichtung
Das Process Steps Widget ist hier nicht als fertige Download-Datei zum Selbst-Installieren gelistet. Der Kauf ist eine Beauftragung: Wir melden uns nach dem Kauf, installieren das Modul in Ihrem Shop und legen die ersten Schrittlisten gemeinsam mit Ihnen an.
Häufige Fragen
Alles Wichtige zu Schritten, Darstellung, HowTo-Schema und zum Ablauf des Kaufs.
Wie kann ich in Magento 2 Prozessschritte als Widget darstellen?
Wie kann ich in Magento 2 eine Schritt-für-Schritt-Anleitung erstellen?
Brauche ich Page-Builder-Kenntnisse?
Kann ich Schritte in mehreren Sprachen pflegen?
Wie funktioniert das HowTo-Schema?
Sieht das Widget mobil gut aus?
Kann ich dieselbe Schrittliste mehrfach verwenden?
Funktioniert das Magento 2 Prozessschritte Widget mit Hyvä?
Was unterscheidet es von Vorteilsleiste und Preistabelle?
Kann ich das Modul selbst herunterladen und installieren?
Zuletzt angesehene Artikel
Magento 2 Prozessschritte Widget – Mironsoft Process Steps Widget