Zum Hauptinhalt springen

Die Grundlagen – Ein Widget erstellen!

Wie erstellt man ein Widget und welche Optionen gibt es?

Verfasst von Catermonkey Support
Heute aktualisiert

In diesem Artikel findest du die Grundlagen zum Erstellen eines Widgets.

Möchtest du mehr darüber erfahren oder gemeinsam mit einem von uns Ideen sammeln, wie du dein Widget am besten gestalten kannst?


Wo findest du die Widgets?

Hast du bereits das Abonnement „King Of The Online Jungle“? Dann findest du die Option „Website-Widgets“ in deinem Menü. Hast du noch kein Upgrade durchgeführt? Dann steht hier noch „Steigere deinen Umsatz“.


Ein Widget erstellen

Klicke oben rechts auf dem Bildschirm auf „+ Neues Widget hinzufügen“.

Hier kannst du dann auswählen, welche Art von Widget du erstellen möchtest:

Kontaktformular: Dies ist ein Kontaktformular. Hier können Kunden ihre Daten eingeben und ein Datum auswählen. Wenn sie die Anfrage dann absenden, erhältst du in deinem Catermonkey einen leeren Auftrag mit allen Daten, sodass du diese nicht mehr eingeben musst.

Intelligentes Kontaktformular: Dies ist ein intelligentes Kontaktformular, das man auch als „Konzeptanfrage“ bezeichnen könnte. Mit einem intelligenten Kontaktformular kannst du eine Reihe von Konzepten hinzufügen (z. B. Hochzeit, Gartenparty, Grillfest…). Wenn der Kunde dann ein Konzept auswählt und alle seine Daten eingibt, kannst du als Caterer ein passendes Angebot senden, z. B. für deine 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 du ein Widget einrichtest, bestimmt, wie du es nutzt. So kannst du Widgets sehr flexibel als Kontaktformular, verschiedene Anfrage-Tools oder Webshop einsetzen.


Name ändern und Widget duplizieren

Klicke in der Übersicht der Website-Widgets auf den Stift, um den Namen des Widgets in deiner Übersicht anzupassen.

Klicken Sie anschließend auf das grüne Häkchen, um den Namen zu speichern.

Ein Widget kannst du ganz einfach duplizieren, indem du auf die grüne Schaltfläche „Duplizieren“ klickst.


Ein Widget ausfüllen

Erste Schritte

Jedes Widget benötigt ein Kontaktformular, in das der Kunde seine Daten eingeben kann. Dieses fügst du hinzu, indem du auf „+ Kontaktformular“ klickst.



Einen neuen Schritt hinzufügen

Um einen neuen Schritt hinzuzufügen, klickst du auf „+ Produkt-Schritt hinzufügen“.



Einen Schritt ausfüllen

Titel, Einleitungs- und Schlusstext

Zunächst gibst du dem Schritt einen Titel. Anschließend kannst du den Einleitungstext ausfüllen, um dem Kunden weitere Informationen zu geben.

Der Abschlusstext erscheint am Ende des Widget-Schritts.


Preisanzeige, Mindestbestellmengen, Datumseinstellungen

  • Feld „Anzahl Personen“ anzeigen: Lassen Sie Ihren Kunden die Anzahl der Personen eingeben. 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

  • Feld „Veranstaltungsdatum“ anzeigen / Feld „Ende des Veranstaltungsdatums“ 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.

  • Feld „Anzahl“ beim 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!!: Die Felder „Anzahl Personen anzeigen“und „Anzahl“ beim Produkt 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 du einen Schritt ausgefüllt oder geändert hast, musst du 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, kannst du selbst festlegen.

Das Datum der Veranstaltung 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: Du kannst dem Kontaktformular zusätzliche Eingabefelder hinzufügen, indem du auf „Auswählen, um hinzuzufügen“ klickst. Für jedes Feld kannst du ankreuzen, ob es ein Pflichtfeld ist oder nicht.

    Tipp: Das Feld „Auftrag – freies Feld“ kannst du nutzen, 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 du dem Eingabefeld unter „Kundenbemerkung“ im Auftrag (Kalender) gegeben hast.


Legen Sie fest, was passiert, wenn die Anfrage eingeht

Dies legst du im letzten Schritt fest: im Kontaktformular.


Widget-Vorschau

Die Widget-Vorschau zeigt, wie das Widget ungefähr auf deiner Website aussehen wird. Hier kannst du 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 deiner Website an.

Farbe 1 = Die Farbe des Haupttextes

Farbe 2 = Die Farbe des Textes in den Schaltflächen

Hintergrundfarbe 1 = Die Farbe des Widgets

Hintergrundfarbe 2 = Die Farbe der Schaltflächen im Widget


Einstellungen für dieses Widget

Wenn du alle Schritte durchgeführt und ausgefüllt hast, gibt es noch einige letzte Einstellungen, die du im Widget vornehmen kannst.

Beschreibung deines Unternehmens


Website-Einstellungen

Die Adressleiste ist die URL der Webseite, auf der das Widget letztendlich erscheinen soll. Du musst das Widget immer in Catermonkey aktivieren, bevor es auf deiner Webseite sichtbar wird.

  • Titel bei den Schaltflächen für die Schritte anzeigen: Standardmäßig werden Nummern als Schritt-Titel angezeigt. Du kannst diese jedoch auch in „Empfang“, „Essen“ oder „Dessert“ ändern. Dazu aktivierst du diese Einstellung. Anschließend kannst du bei den Schritten, die deine Kunden durchlaufen müssen, mit dem Stift-Symbolden Schritt-Titel anpassen.

  • Nummern bei den Schritten ausblenden: Mit dieser Einstellung blenden Sie auch die Nummern bei den Schritten aus (1. Empfang, 2. Essen...).


Bestellfrist, Lieferzeiten, Schließzeiten

  • Mindestanzahl an Tagen im Voraus für Anfragen/Bestellungen: Die Mindestanzahl an Tagen im Voraus, die ein Kunde eine Anfrage oder Bestellung aufgeben kann.

  • Öffnungszeiten festlegen zwischen: Dies ist eine Einstellung, um die Öffnungszeiten vor der Startzeit einer Anfrage/Bestellung festzulegen. HH steht für die Stunde, MM für die Minuten. Die obere Zeile ist die erste Zeit, die untere Zeile die zweite Zeit. Darunter kannst du wählen, ob dies innerhalb der festgelegten Zeiten jede volle Stunde, jede halbe Stunde oder jede Viertelstunde sichtbar ist.

  • Zeitpunkt, bis zu dem Kunden bestellen/anfragen können: Funktioniert in Verbindung mit „Anfragen/Bestellungen mindestens X Tage im Voraus“ 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 (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“.

Die Festlegung des Liefergebiets anhand von Postleitzahlen stellt sicher, dass Kunden außerhalb deines Liefergebiets nicht bestellen können.


Zahlungsmethoden und Rabattcodes

Wenn du das Widget als Anfrage-Tool verwendest, wählst du hier nichts aus. Dann kann der Kunde über das Widget eine Anfrage stellen, ohne im Voraus zu bezahlen.

Damit Kunden direkt bestellen und bezahlen können (als Webshop-Idee), kannst du die Ideal/Bancontact-Zahlungen über die Mollie-Anbindung aktivieren. Für die Mollie-Anbindung benötigst du ein Konto bei Mollie und musst dieses zunächst mit deinem Catermonkey-Konto verknüpfen (Verknüpfungen & Integrationen).


Übersicht Anfrage/Bestellung (Warenkorb)

Dies ist eine Art Warenkorb, in dem der Kunde sehen kann, was der Anfrage oder Bestellung hinzugefügt wurde. Den Text dieser Übersicht und den Text der Schaltfläche kannst du hier anpassen:

  • Text auf der Schaltfläche in der Übersicht zum Abschließen der Bestellung/Anfrage: Standardmäßig steht hier „Anfrage abschließen“. Du kannst dies beispielsweise in „Bestellung abschließen“ oder „Reservierung abschließen“ ändern.

  • Titel in der Übersicht Anfrage/Bestellung: Standardmäßig steht hier „Meine Feier“. Nennen Sie dies beispielsweise „Meine Bestellung“ oder „Mein Preisangebot“.


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 an uns wenden!

Mit freundlichen Grüßen,

das Catermonkey-Team 🍌

Hat dies deine Frage beantwortet?