Gehen Sie zum Bereich „Websites“ und klicken Sie auf die Schaltfläche „Erstellen“:
Durch Klicken auf die Schaltfläche „Erstellen“ öffnet sich ein Dropdown-Menü mit Website-Typen. Wählen Sie dort „Online-Shop“ aus.
Nachdem Sie auf die Schaltfläche „Online-Shop“ geklickt haben, gelangen Sie zu den Website-Einstellungen, wo Sie den Reiter „Produkte“ öffnen müssen:
Produktkategorie
Nachdem Sie zum Bereich „Produkte“ gegangen sind, sehen Sie Produktkartenvorlagen:
Sie können direkt zur Konfiguration der Produkte selbst gehen. Wenn Sie sie jedoch kategorisieren möchten, damit Ihre Kunden auf der Website leicht finden, was sie benötigen, empfehlen wir, zuerst Kategorien zu erstellen.
Klicken Sie dazu auf das Zahnradsymbol:
Danach öffnet sich das rechte Menü mit den Kategorieeinstellungen:
Klicken Sie auf die Schaltfläche „Kategorie erstellen“:
Geben Sie im sich öffnenden Fenster den Kategorienamen ein und wählen Sie die Farbe aus (diese wird in der Produkttabelle angezeigt).
Sie können auch die Spaltenanzeige in den Kategorieeinstellungen ändern:
Nachdem Sie die Kategorie eingerichtet haben, können Sie zu den Produktkarteneinstellungen gehen.
So importieren Sie Produkte von einer anderen Plattform
Beispielsweise haben wir eine Tabelle mit Produkten hochgeladen, die wir manuell im Bereich Tabellen von Mavibot erstellt haben.
Wenn Sie einen Online-Shop von einer Website oder einem anderen Dienst zu Mabibot übertragen müssen, verwenden Sie die Reiter zum Herunterladen von Produkten in den Kategorieeinstellungen:
Es gibt einen Reiter Import in den Kategorieeinstellungen. Klicken Sie auf die gleichnamige Schaltfläche, um die Tabelle mit den Produktkarten herunterzuladen:
Nachdem Sie die Datei mit Ihren Produktkarten (von einer anderen Plattform exportiert) hochgeladen haben, müssen Sie die Spalten zuordnen.
Sobald die Produkttabelle hochgeladen ist, sehen Sie eine Zuordnungsoberfläche mit zwei Hauptspalten:
- Die erste Tabellenspalte: Sie zeigt die Namen Ihrer Spalten aus der hochgeladenen Tabelle an. Die Spalten entsprechen den Spaltennamen in der Tabelle.
- Die zweite Tabellenspalte: Zeigt ein Beispiel für Werte aus der zweiten Zeile, direkt nach den Spaltenüberschriften.
- Produktspalte: Hilft, die Spaltenwerte der hochgeladenen Tabelle mit den Spalten des Produkts zu vergleichen (oder zu überspringen, wenn eine Spalte nicht benötigt wird).
Klicken Sie anschließend auf „Produkte hochladen“.
Fertig!
Auf diese Weise können Sie schnell Produkte zu MaviBot hochladen und Ihren Online-Shop starten.
Bei Bedarf können Sie eine Produktkarte bearbeiten, indem Sie auf das Lupensymbol in der Produktzeile klicken.
So exportieren Sie Produktkarten
Um die erstellten Produktkarten von einer Website auf eine andere zu exportieren, verwenden Sie den Export-Reiter in den Kategorieeinstellungen.
Es gibt einen Reiter „Produkte exportieren“ in den Kategorieeinstellungen.
Produkte exportieren: Hier können Sie konfigurieren, welche Spalten aus der Produktkartentabelle Sie exportieren (auf Ihr Gerät herunterladen) und in ein anderes Projekt übertragen möchten.
Um unnötige Spalten zu entfernen, genügt es, das Häkchen in der Zeile mit dem Spaltennamen zu entfernen.
Klicken Sie anschließend auf „Produkte exportieren“ – dann werden die Produktkarten im Tabellenformat auf Ihr Gerät heruntergeladen:
Sie können Produktkarten von jeder Plattform im CSV-Format exportieren, sodass Sie schnell einen Online-Shop einrichten und starten können.
Produktkarte
Um eine neue Karte zu erstellen, klicken Sie auf die runde Schaltfläche „+“.
Das Fenster mit den Produkteinstellungen öffnet sich.
Um eine vorhandene Produktkarte zu bearbeiten, klicken Sie auf die Lupe in der Produktzeile.
Hier müssen Sie den Titel hinzufügen, ein Bild (oder mehrere) hochladen und eine Beschreibung hinzufügen.
Geben Sie als nächstes den Produktpreis und andere Details an:
a) Produktkategorie
b) Preis (z. B. aktueller und alter Preis – nützlich, um Rabatte anzuzeigen)
c) Artikelnummer
d) Menge (Sie können angeben, wie viele Artikel in Ihrem Shop verfügbar sind)
e) Kurzbeschreibung
Achtung!
Erstellen Sie zuerst mindestens ein Produkt, bevor Sie Produktkategorien hinzufügen.
Fügen Sie dann bei Bedarf die Produkteigenschaften hinzu und klicken Sie auf „Speichern“.
Danach erscheint die Produktkarte in der Tabelle im Reiter „Produkte“.
Um weitere Produkte hinzuzufügen, klicken Sie auf die runde Schaltfläche „+“:
Website-Einstellungen
Nachdem Sie die erforderlichen Kategorien erstellt und die Produktkarten ausgefüllt haben, fahren Sie mit den Website-Einstellungen fort. Klicken Sie dazu in der oberen Navigationsleiste auf den Namen Ihrer Website.
Dann gelangen Sie zurück zu den Website-Einstellungen, wo Sie auf die Seite klicken müssen, um zu den Abschnittseinstellungen zu gelangen.
Sie wechseln in den Seitenbearbeitungsmodus, indem Sie auf die Schaltfläche „+“ klicken:
Wählen Sie im rechten Menü den Abschnitt „Produktkatalog“ aus:
Produktkarten aus dem Reiter „Produkte“, einschließlich aller Details, Preise und Bilder, erscheinen automatisch in den Abschnittseinstellungen:
Sie sind nur noch wenige Schritte entfernt:
- Wählen Sie nun aus, welche Produktkategorien Sie im Abschnitt anzeigen möchten:
- Wählen Sie als nächstes die Anzahl der Spalten aus:
- Geben Sie an, wie viele Produkte zu Beginn angezeigt werden sollen (bevor auf die Schaltfläche „Mehr anzeigen“ geklickt wird):
- Aktivieren Sie als nächstes die Schalter, wenn Ihre Kunden Produkte nach Kategorien und Filtern sortieren und eine kurze Produktbeschreibung angezeigt werden soll:
Klicken Sie nun auf „Speichern“.
Fahren Sie nun mit der Maus über den Abschnitt und klicken Sie auf „Einstellungen“, um ihn anzupassen.
Fahren Sie nun mit der Maus über den Abschnitt und klicken Sie auf das Symbol „Einstellungen“, um ihn anzupassen.
Innerhalb der Abschnittseinstellungen können Sie:
- Typografie anpassen: Wählen Sie die Schriftart und passen Sie deren Größe für den Abschnitt an.
- Hintergrund gestalten: Laden Sie ein Bild hoch oder wählen Sie eine Volltonfarbe oder einen Farbverlauf.
- Layout konfigurieren: Passen Sie Breite, Sichtbarkeit, Gesamtgröße und Ausrichtung an.
Weitere Informationen zu den globalen Abschnittseinstellungen finden Sie hier.
Gehen Sie nun zur Vorschau.
Hier können Sie in der Vorschau sehen, wie die Website Produkte anzeigt, testen, wie die Filter und die Kategoriesuche funktionieren, und den Warenkorb sowie den Bestellvorgang anzeigen.
Sie können beliebig viele Abschnitte für Ihren Online-Shop hinzufügen – um beispielsweise in jedem Abschnitt bestimmte Produktkategorien anzuzeigen oder Abschnitte auf verschiedenen Seiten der Website zu platzieren.
Sie müssen lediglich die Produktkarten ausfüllen, während die Abschnittseinstellungen für einen schnellen Start minimal sind.
So ändern Sie eine Website-Adresse
Um Ihrer Website eine saubere, prägnante Adresse anstelle einer automatisch generierten URL (wie unten gezeigt) zu geben, können Sie den Seitenlink anpassen. Gehen Sie zu den Website-Einstellungen, um diese Änderung vorzunehmen.
Aktualisieren Sie als nächstes in den Haupteinstellungen die Felder wie im Bild unten gezeigt.
- Website-Name. Dies ist der Name, der im Bereich Websites angezeigt wird. Wenn Sie ihn ändern, können Sie die Website später in Ihrer Liste leichter identifizieren und finden.
- Titel des Browser-Tabs. Der Titel, der im Browser-Tab und in der Adressleiste angezeigt wird.
- URL. Die Adresse der Website.
Ihr voll funktionsfähiger Online-Shop ist fertig!
So teilen Sie einen Link in einem Chatbot
Sie können einen Link zu Ihrem Online-Shop in einem Chatbot teilen. Sie können beispielsweise einen direkten Link (kompatibel mit den meisten Messengern) senden oder die spezielle Web App-Schaltfläche in Telegram verwenden.
Telegram Web-App
Sie können Ihren Online-Shop in einem Chatbot über eine Telegram Web App-Schaltfläche oder als Standardlink (für andere Messenger) teilen.
Methode 1: Telegram Web App-Schaltfläche
Diese Methode öffnet Ihren Shop in der nativen Oberfläche von Telegram.
Schritt 1. Kopieren Sie Ihre Shop-Adresse
Kopieren Sie die URL aus der Adressleiste Ihres Browsers oder aus der Shop-Karte im Bereich „Websites“.
Schritt 2. Erstellen oder bearbeiten Sie einen Block
Erstellen Sie einen neuen Block im Builder oder betten Sie diesen in einen bestehenden Bot-Ablauf ein.
Schritt 3. Konfigurieren Sie die Telegram Web App-Schaltfläche
- Navigieren Sie in Ihrem Block zu Schaltflächen in den Einstellungen und klicken Sie auf „Schaltfläche hinzufügen“.
- Wählen Sie im modalen Fenster die Funktion „Telegram Web Application“ aus.
- Fügen Sie die URL Ihres Shops in das Linkfeld ein.
- Benennen Sie die Schaltfläche (z. B. „Zur Website gehen“) und klicken Sie auf „Hinzufügen“.
- Stellen Sie den Schaltflächentyp je nach Bedarf auf „Inline“ oder „Tastatur“ ein und speichern Sie dann die Blockeinstellungen.
Schritt 4. Testen Sie den Bot
Lösen Sie den Block aus (z. B. durch Senden des Wortes „Shop“). Der Bot antwortet mit einer Nachricht, die die Schaltfläche enthält. Ein Klick darauf öffnet Ihren Shop als Telegram Web App.
Methode 2: Standard-Link-Schaltfläche (für andere Messenger)
Diese Methode erstellt eine Standardschaltfläche, die den Shop in einem Webbrowser öffnet.
Schritt 1. Kopieren Sie Ihre Shop-Adresse
Kopieren Sie die URL aus der Adressleiste Ihres Browsers oder aus der Shop-Karte im Bereich „Websites“.
Schritt 2. Erstellen oder bearbeiten Sie einen Block
Erstellen Sie einen neuen Block im Builder oder betten Sie diesen in einen bestehenden Bot-Ablauf ein.
Schritt 3. Konfigurieren Sie die Link-Schaltfläche
- Navigieren Sie in Ihrem Block zu Schaltflächen in den Einstellungen und klicken Sie auf „Schaltfläche hinzufügen“.
- Lassen Sie im modalen Fenster die Funktion auf der Standardeinstellung (normalerweise „URL öffnen“).
- Fügen Sie die URL Ihres Shops in das Linkfeld ein und benennen Sie die Schaltfläche.
- Stellen Sie den Schaltflächentyp auf „Inline“ oder „Tastatur“ ein und speichern Sie die Blockeinstellungen.
Fertig!
Sie haben Ihren Chatbot erfolgreich konfiguriert, um Ihren Online-Shop über einen direkten Link oder eine native Telegram Web App zu teilen.