In diesem Artikel finden Sie die Grundlagen zum Erstellen eines Widgets.
Möchten Sie mehr darüber erfahren oder gemeinsam mit einem von uns Ideen sammeln, wie Sie Ihr Widget am besten gestalten können?
Haben Sie bereits das Abonnement „King Of The Online Jungle“? Dann können Sie die Widgets auch auf Ihrer Website einbinden. Das Erstellen der Widgets in Catermonkey funktioniert auch ohne das „King Of The Online Jungle“-Abonnement.
Wo finden Sie die Widgets?
Klicken Sie links in der Leiste auf „Website-Widgets“.
💡 Tipp: Haben Sie schon Widgets erstellt? Dann finden Sie hier eine Übersicht all Ihrer Widgets. Ein einfacher Klick auf den grünen Button „Duplizieren“ erstellt eine Kopie des gewählten Widgets.
Ein Widget erstellen
Klicken Sie oben rechts auf dem Bildschirm auf „+ Neues Widget hinzufügen“.
Hier können Sie dann auswählen, welche Art von Widget Sie erstellen möchten:
Kontaktformular: Dies ist ein Kontaktformular. Hier können Kunden ihre Daten eingeben und ein Datum auswählen. Wenn sie die Anfrage dann absenden, erhalten Sie in Ihrem Catermonkey einen leeren Auftrag mit allen Daten, sodass Sie diese nicht mehr eingeben müssen.
Smartes Kontaktformular: Dies ist ein smartes Kontaktformular, das man auch als „Konzeptanfrage“ bezeichnen könnte. Mit einem smarten Kontaktformular können Sie eine Reihe von Konzepten hinzufügen (z. B. Hochzeit, Gartenparty, Grillfest…). Wenn der Kunde dann ein Konzept auswählt und alle seine Daten eingibt, können Sie als Caterer ein passendes Angebot senden, z. B. für Ihre bevorzugte Hochzeitsfeier.
Angebotsindikator: Dies ist ein Anfrage-Tool. Kunden können ihre eigene Feier zusammenstellen und erhalten sofort eine Preisangabe. Diese erhalten Sie direkt nach dem Absenden als ausgefüllte Anfrage in Catermonkey. Das Angebot haben Sie dann schnell verschickt!
Die Art und Weise, wie Sie ein Widget einrichten, bestimmt, wie Sie es nutzen. So können Sie Widgets sehr flexibel als Kontaktformular, verschiedene Anfrage-Tools oder Webshop einsetzen.
Name ändern und Widget duplizieren
Nachdem Sie ein passendes Widget ausgewählt und erstellt haben, können Sie direkt einen Namen vergeben. Klicken Sie oben links auf den Stift, um den Namen des Widgets anzupassen.
Klicken Sie anschließend auf das „Speichern“-Symbol, um den Namen zu speichern.
Ein Widget ausfüllen
Erste Schritte
Jedes Widget benötigt ein Kontaktformular, in das der Kunde seine Daten eingeben kann. Dieses fügen Sie in einem leeren Widget hinzu, indem Sie auf „+ Kontaktformular“ klicken.
Einen neuen Schritt hinzufügen
Um einen neuen Schritt hinzuzufügen, klicken Sie auf „+ Produktschritt hinzufügen“.
Einen Schritt ausfüllen
Titel, Einleitungs- und Abschlusstext
Zunächst geben Sie dem Schritt einen Titel. Anschließend können Sie den Einleitungstext ausfüllen, um dem Kunden weitere Informationen zu geben.
Der Abschlusstext erscheint am Ende des Widget-Schritts.
Preisanzeige, Mindestbestellmengen, Datumseinstellungen
'Anzahl Personen'-Feld anzeigen: Hier gibt Ihr Kunde die gewünschte Anzahl an Personen ein. Die ausgewählten Produkte werden immer in dieser Anzahl hinzugefügt.
Preise ausblenden?: Möchten Sie, dass der Kunde in diesem Schritt keine Preise sieht? Dann können Sie die Preise ausblenden. Praktisch für eine unverbindliche Anfrage ohne Preisangabe.
'Event-Datum'-Feld anzeigen / 'Ende Event-Datum'-Feld anzeigen: Pro Schritt können Sie festlegen, ob der Kunde das Datum eingeben soll.
Preise inkl. MwSt. anzeigen / Preise exkl. MwSt. anzeigen: Zeigen Sie Preise inklusive oder exklusive Mehrwertsteuer an. Praktisch, wenn Sie verschiedene Widgets für Geschäfts- oder Privatkunden erstellen.
'Anzahl'-Feld bei Produkt anzeigen: Der Kunde kann hier selbst eine Anzahl für ein Produkt eingeben, anstatt dass diese auf der Anzahl der Personen basiert.
Min. Anzahl auswählbar / Max. Anzahl auswählbar: Bezieht sich auf die Anzahl der Auswahlmöglichkeiten, die der Kunde innerhalb eines Schritts treffen kann. Kann der Kunde nur 1 von 3 Produktoptionen auswählen? Geben Sie dann mindestens 1 und höchstens 1 ein.
‼️ ACHTUNG ‼️ „'Anzahl Personen'-Feld anzeigen“ und „'Anzahl'-Feld bei Produkt anzeigen“ funktionieren NICHT zusammen.
Produkte, die Besucher auswählen können
Suchen Sie unter „Produkt hinzufügen“ ganz einfach ein Produkt oder ein Paket aus Ihrem Catermonkey-Sortiment heraus. Durch Anklicken fügen Sie das Produkt dem Schritt hinzu.
Einen Schritt (Änderungen) speichern
Wenn Sie einen Schritt ausgefüllt oder geändert haben, müssen Sie oben rechts auf dem Bildschirm noch auf „Änderungen speichern“ klicken.
Erst dann werden die Änderungen übernommen. Wenn ein Widget bereits auf Ihrer Website vorhanden ist, ändert es sich automatisch entsprechend den Änderungen, die Sie in Catermonkey speichern.
Das Kontaktformular
Dies ist immer der letzte Schritt, in dem der Kunde persönliche Daten eingibt. Welche Felder ausgefüllt werden müssen, können Sie selbst festlegen.
Das Datum des Events sowie die E-Mail-Adresse und der Nachname des Kunden sind immer Pflichtfelder, damit die Anfrage/Bestellung in Catermonkey registriert werden kann.
„Feld zum Formular hinzufügen“: Sie können dem Kontaktformular zusätzliche Eingabefelder hinzufügen, indem Sie auf „Auswählen, um hinzuzufügen“ klicken. Für jedes Feld können Sie ankreuzen, ob es ein Pflichtfeld ist oder nicht.
💡 Tipps:
„Freitextfeld“: Kann genutzt werden, um zusätzliche Informationen vom Kunden anzufordern, für die es in Catermonkey kein Eingabefeld gibt. Diese Informationen erscheinen zusammen mit der Frage oder dem Titel, den Sie dem Eingabefeld unter „Kundenbemerkung“ im Auftrag (Kalender) gegeben haben.
„Titelzeile“: Fügen Sie Titel oder Zwischen-Titel in Ihr Kontaktformular ein.
„Auswahlfeld“: Fügt Ihrem Kontaktformular ein Dropdown-Menü mit Optionen hinzu.
„Kontrollkästchen“: Kann bspw. für das Zustimmen Ihrer AGB genutzt werden.
Legen Sie fest, was passiert, wenn eine Anfrage eingeht
Klicken Sie unten auf „Widget-Einstellungen bearbeiten“ und anschließend auf „Konfigurieren Sie, was passiert, wenn eine Anfrage eingeht“.
„E-Mail-Vorlage für Empfangsbestätigung auswählen“: Diese E-Mail erhält der Kunde direkt/automatisch, nachdem die Anfrage oder Bestellung im Widget abgeschlossen wurde. Eine E-Mail-Vorlage können Sie hierfür unter „Einstellungen (Zahnradsymbol) > Angebot, E-Mail und Marken > E-Mail-Vorlagen anpassen“ ändern oder hinzufügen. Lesen Sie hier, wie Sie eine E-Mail-Vorlage erstellen.
„Wiederkehrende Kunden können sich einloggen“: Diese Einstellung ist nützlich, wenn Sie für einen Kunden ein spezielles Widget erstellt haben, das nur nach Anmeldung zugänglich ist. Denken Sie dabei beispielsweise an ein Widget mit einem Firmenarrangement. Wie Sie dies richtig einstellen, erfahren Sie hier.
Widget-Vorschau
Die Widget-Vorschau zeigt, wie das Widget ungefähr auf Ihrer Website aussehen wird. Hier können Sie auch die Farben, Ecken und Schatten des Widgets einstellen. Dies gilt für das gesamte Widget (jeden Schritt).
Wenn das Widget eingebunden ist, sieht es natürlich noch viel schöner aus und passt sich dem Design Ihrer Website an.
Klicken Sie für die Vorschau rechts auf „Widget ansehen“.
Textfarbe = Die Farbe des Haupttextes
Textfarbe auf Buttons = Die Farbe des Textes in den Buttons
Hintergrundfarbe = Die Farbe des Widgets
Farbe Buttons = Die Farbe der Buttons im Widget
Einstellungen für dieses Widget
Wenn Sie alle Schritte durchgeführt und ausgefüllt haben, gibt es noch einige letzte Einstellungen, die Sie im Widget vornehmen können.
Beschreibung am Anfang des Widgets (optional)
Website-Einstellungen
Die Adressleiste ist die URL der Webseite, auf der das Widget letztendlich erscheinen soll. Sie müssen das Widget immer in Catermonkey aktivieren, bevor es auf Ihrer Webseite sichtbar wird.
Bestellfristen, Lieferzeiten, Öffnungszeiten
„Mindestanzahl Tagen im Voraus zum Bestellen“: Die Mindestanzahl an Tagen im Voraus, die ein Kunde eine Anfrage oder Bestellung aufgeben kann.
„Öffnungszeiten festlegen zwischen“: Stellen Sie hier ein, welche Zeiten vom Kunden gebucht werden können. Daneben können Sie wählen, ob dies innerhalb der festgelegten Zeiten jede volle Stunde, jede halbe Stunde oder jede Viertelstunde sichtbar ist.
„Uhrzeit bis wann Kunden am letzten Bestelltag bestellen/anfragen können“: Funktioniert in Verbindung mit „Mindestanzahl Tagen im Voraus zum Bestellen“ und gibt den Zeitpunkt an, bis zu dem Kunden am letzten Tag bestellen/anfragen können.
„Gesperrte Termine, an denen Kunden nicht bestellen/anfragen können“: Wenn Sie in den Urlaub fahren, ein Tag bereits ausgebucht ist oder Sie nur bestimmte Termine im Widget verfügbar halten möchten, können Sie hier Termine im Widget sperren.
Lieferkosten (nur für Lieferungen)
Sie können im Widget feste Versandkosten hinzufügen. Dazu erstellen Sie zunächst im Sortiment ein Non-Food-Produkt „Versandkosten“ und verknüpfen dieses anschließend im Widget unter „Versandkosten-Produkt“.
Stellen Sie hierfür sicher, dass Sie bei „Konfigurieren Sie, was passiert, wenn eine Anfrage eingeht“ unter „Auftrag speichern als Typ“ den Typ „Lieferung“ ausgewählt haben.
Die Festlegung des Liefergebiets anhand von Postleitzahlen stellt sicher, dass Kunden außerhalb Ihres Liefergebiets nicht bestellen können.
Zahlungsmethoden und Rabattcodes
Wenn Sie das Widget als Anfrage-Tool verwenden, wählen Sie bei Online-Zahlungsanbieter nichts aus. Dann kann der Kunde über das Widget eine Anfrage stellen, ohne im Voraus zu bezahlen.
Klicken Sie auf „Neuen Rabattcode hinzufügen“, um einen Rabattcode zu erstellen.
Warenkorb-Anzeige, Button-Text und Anzeige der Schritt-Buttons
Hier finden Sie eine Übersicht weiterer Anpassungs-Möglichkeiten des Widgets:
„Text auf dem Button in der Übersicht zum Abschließen der Bestellung/Anfrage“: Standardmäßig steht hier „Anfrage abschließen“. Sie können dies beispielsweise in „Bestellung abschließen“ oder „Reservierung abschließen“ ändern.
„Text auf dem Button 'Details' für Produktgruppen“: Wenn Sie Pakete zur Auswahl stellen, sieht der Kunde unter dem Namen des Pakets standardmäßig „Details“. Ändern Sie dies beispielsweise zu „Mehr Details“.
Text auf der Schaltfläche 'Zurück zu den Produkten': Dies erscheint im Warenkorb als Button und schickt den Kunden zurück zur Produktauswahl. Passen Sie das beispielsweise mit „Zurück zur Bestellung“ an.
„Titel in Anfrage-/Bestellübersicht“: Standardmäßig steht hier „Meine Feier“. Nennen Sie dies beispielsweise „Meine Bestellung“ oder „Mein Preisangebot“.
„Warenkorb-Buttonstil“: Wählen Sie hier zwischen einer breiten Ansicht, welche den Titel und den Gesamtbetrag anzeigt, oder einer kompakten Ansicht, welche nur das Warenkorbsymbol anzeigt.
„Position des Warenkorbs“: Stellen Sie hier ein, an welcher Position des Bildschirms der Warenkorb platziert werden soll.
„Schrittnavigationsstil“: Wählen Sie hier zwischen verschiedenen Navigationsstilen. Beispielsweise nummeriert oder mit einer Verbindungslinie.
„Produkte aus anderen Widgets sind in dieser Bestellung nicht erlaubt“: Wenn Sie auf Ihrer Website verschiedene Widgets (z. B. für "Buffet" und "BBQ") nutzen, können Sie mit dieser Option gezielt verhindern, dass Produkte aus beiden Bereichen in einem gemeinsamen Warenkorb landen. Setzen Sie den Haken, blockiert das System gemischte Bestellungen und sorgt dafür, dass Ihre Kunden für jeden Bereich eine eigene, strikt getrennte Bestellung aufgeben müssen.
Heutzutage möchte der Kunde so schnell wie möglich einen Kostenvoranschlag! Mit den Widgets geht das einfach und schnell.
Sollten Sie noch Fragen dazu haben, können Sie sich gerne per Chat oder per E-Mail an support@catermonkey.com an uns wenden!
Team Catermonkey 🍌