# Für Entwickler: die Bestellseite mit dem KI-Agenten bauen | Okam > Verbinde deinen KI-Agenten mit Okam und bau die Bestellseite des Restaurants. Okam berechnet die Preise, der Gast bezahlt selbst. Das Restaurant bekommt Küchenmonitor, Backoffice, Wolt und Foodora in einer Liste und Buchhaltung in Fiken oder Tripletex, mit oder ohne Okam-Kasse. Kostenlos bauen und testen, ohne Anmeldung. Source: https://okam.no/de/fuer-entwickler Für Entwickler und Agenturen ## Bau die Bestellseite des Restaurants mit deinem KI-Agenten. Du gestaltest das Aussehen. Okam berechnet jeden Preis, und der Gast bezahlt selbst. Hinter der Seite bekommt das Restaurant einen Küchenmonitor, das Backoffice und mehr. - Kostenlos bauen und testen - Keine Anmeldung - Ein Testrestaurant mit Speisekarte und Preisen Funktioniert mit - Claude Code - Codex - Cursor - VS Code - Lovable - Bolt - v0 ### Verbinde deinen Agenten mit Okam Eine Adresse für den Agenten: `https://api.okam.no/mcp`. Keine Anmeldung zum Bauen. #### Claude Code ``` claude mcp add --transport http okam https://api.okam.no/mcp ``` #### Codex ``` codex mcp add okam --url https://api.okam.no/mcp ``` #### Cursor Ein Klick fügt Okam zu Cursor hinzu. [Zu Cursor hinzufügen](cursor://anysphere.cursor-deeplink/mcp/install?name=okam&config=eyJ1cmwiOiJodHRwczovL2FwaS5va2FtLm5vL21jcCJ9) #### VS Code Ein Klick fügt Okam zu VS Code hinzu. [Zu VS Code hinzufügen](https://vscode.dev/redirect/mcp/install?name=okam&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fapi.okam.no%2Fmcp%22%7D) #### Lovable, Bolt und v0 Füge den Text unten ein. Der Agent kann dort die Regeln lernen, aber die Seite muss auf deinem eigenen Rechner getestet werden, bevor sie fertig ist. Der Agent muss die Seite und einen Test auf deinem eigenen Rechner ausführen. Bau deshalb in einem Werkzeug, das lokal läuft. ### In den Agenten einfügen Ersetze [restaurant] durch den Namen und füge das Briefing des Restaurants hinzu. ``` Connect to the Okam MCP at https://api.okam.no/mcp. Call kit_learn with the framework from package.json (next, astro, vite-react or html) and follow its steps. Read the topics it names with kit_docs_get. Build the ordering site for [restaurant] from my brief, with the sandbox key it gives you, running on http://localhost. Done means storefront_verify_result has no FAIL; report any WAIT. Run verify while the test restaurant is open (10–22 Oslo time). ``` ### So läuft es 1. **Der Agent lernt die Regeln** Er bekommt die Regeln, die Schritte und einen Testschlüssel von Okam. 2. **Er baut die Seite in deinem Design** Die Speisekarte und die Preise kommen von einem Testrestaurant bei Okam. 3. **Okam prüft die Seite** Ein Test auf deinem Rechner sagt, was funktioniert und was fehlt. ### Warum Okam Die Website ist nur der Anfang. Alles hier ist dabei, und nichts davon müsst ihr selbst bauen. **Die Kasse ist eine Wahl, keine Pflicht.** Online-Bestellung, Küchenmonitor und Backoffice funktionieren jeweils für sich, auch ohne die Okam-Kasse. Das Restaurant kann seine bisherige Kasse behalten. **Der Küchenmonitor** Fertigzeit, Bon und SMS an den Fahrer, direkt aus der Bestellung. **Backoffice** Die Bestellungen, der Umsatz und die Speisekarte an einem Ort. #### Alles, was dabei ist ##### Menü - [Menü nach Tageszeit](https://okam.no/de/online-bestellsystem): Eine Kategorie nur an bestimmten Tagen und Uhrzeiten zeigen, etwa Mittagstisch werktags. - [Ausverkauft und Bestand](https://okam.no/de/kuechenmonitor): Ausverkauft für heute oder bis zu einem Datum, danach kommt das Gericht von selbst zurück. Der Bestand zählt mit. - **Optionen und Extras** Gruppen von Optionen mit eigenem Preis und einer Grenze, wie viele der Gast wählt. - **Allergene** Die 14 Allergene an jedem Gericht, auf der Website und rot auf dem Küchenmonitor. - **Eigener Lieferpreis** Unterschiedliche Preise für vor Ort, Abholung und Lieferung beim selben Gericht. - **Menü importieren** Das Menü als PDF, Foto oder Excel hochladen, daraus werden Gerichte zum Bearbeiten. ##### Küche - [Wolt und Foodora in einer Liste](https://okam.no/de/kuechenmonitor): Website, Tische, Wolt und Foodora auf demselben Küchenmonitor. - **Ein Menü überall** Ändert ihr ein Gericht oder markiert es ausverkauft, gilt das auch bei Wolt und Foodora. - [Fertigzeit per SMS](https://okam.no/de/kuechenmonitor): Die Küche setzt die Fertigzeit, der Gast bekommt eine SMS, wenn sie sich ändert. - [Küchenbons](https://okam.no/de/kassen-hardware): Bons kommen aus einem Bluetooth-Drucker. Ihr wählt, welche Gerichte gedruckt werden. - [SMS an den Fahrer](https://okam.no/de/kuechenmonitor): Bestellung und Adresse mit einem Tipp an den Fahrer schicken. - **Bestellung für später** Bestellungen für später warten, bis es so weit ist, auch die, die kommen, während ihr geschlossen habt. ##### Zahlung und Buchhaltung - **Vipps, Karte und Klarna** Vipps, Karte, Apple Pay, Google Pay und Klarna online, und Trinkgeld, wenn der Gast will. - **MwSt. nach Lieferart** Die richtige MwSt. für vor Ort, Abholung und Lieferung, einmal pro Warengruppe gesetzt. - [Fiken und Tripletex](https://okam.no/de/kassensystem-restaurant): Der Umsatz wird jede Nacht verbucht. Wir richten es für euch ein. - **Abrechnungen und SAF-T** Sehen, was ausgezahlt ist, den Bericht laden und die SAF-T-Datei an die Buchhaltung schicken. - **Rechnung an Firmen** Firmenkunden zahlen per Rechnung über EHF. Die Firma kommt aus dem norwegischen Register. - [Die Kasse, wenn ihr wollt](https://okam.no/de/kassensystem-restaurant): Die Okam-Kasse schickt an denselben Küchenmonitor, teilt die Rechnung und macht den Tagesabschluss. ##### Gäste - **Rabattcodes** Prozent oder Kronen, auf die ganze Bestellung oder einzelne Gerichte, mit Grenze und Enddatum. - **Bonusprogramm** Gäste bekommen Geld zurück auf ihre Käufe, auch über eure Restaurants hinweg. - **Kundenliste** Sehen, wer bestellt, was er mag und wer seit 30 Tagen nicht bestellt hat. - [Tische und Reservierung](https://okam.no/de/tischreservierung): Ein Tischplan in der Kasse, und Gäste, die selbst reservieren und absagen. - [QR-Code zum Bestellen](https://okam.no/de/online-bestellsystem): Den QR-Code aufhängen, dann bestellt der Gast am Handy. - [Eigene App](https://okam.no/de/online-bestellsystem): Das Restaurant kann eine eigene App im App Store bekommen, mit eigenem Namen. ##### Betrieb - **Öffnungszeiten** Feste Zeiten, Feiertage und Tage mit anderen Zeiten, auch nach Mitternacht. - [Lieferung und Wolt Drive](https://okam.no/de/online-bestellsystem): Preis nach Entfernung und ein Mindestbestellwert. Eigene Fahrer, oder Wolt Drive liefert. - **Statistik** Umsatz, Stoßzeiten, die meistverkauften Gerichte und Umsatz pro Kanal. - **Mehrere Restaurants** Zwischen Standorten wechseln, Gerichte kopieren und alle Bestellungen zusammen sehen. - **Zugriff pro Mitarbeiter** Jeder Mitarbeiter sieht und ändert nur, was er soll. - [Dienstplan](https://okam.no/de/dienstplan): Sehen, was die Woche kostet, bevor ihr den Plan veröffentlicht. Das Team bekommt ihn, wenn er fertig ist. Und mehr: Das Restaurant stellt alles selbst im Backoffice ein. [Alle Produkte ansehen](https://okam.no/de/produkte) ### Kostenlos bauen Bauen und Testen kosten nichts. Das Restaurant zahlt keine Provision auf Bestellungen über die eigene Seite. Du baust für mehrere Restaurants? Schreib an [kontakt@okam.no](mailto:kontakt@okam.no?subject=F%C3%BCr%20Entwickler). ### Darauf achtet Okam **Die Preise** Okam berechnet jeden Preis. Die Seite zeigt ihn nur an. **Die Zahlung** Vipps, Karte und Rechnung sind von Anfang an bereit, mit hoher Sicherheit, um die Sie sich nicht kümmern müssen. Der Gast tippt selbst auf Bezahlen, und die Seite sieht nie Kartendaten. **Die Speisekarte** Artikel, Preise, Allergene und Öffnungszeiten kommen direkt aus dem Backoffice. Ändert das Restaurant etwas, zeigt die Seite es sofort. **Die gesetzlichen Vorgaben** Okam berechnet die richtige MwSt. für Lieferung, Abholung und Verzehr vor Ort, erstellt den Beleg und zeigt die Allergene, wie das Gesetz es verlangt. **Die Bestellung** Die Bestellung geht direkt auf den Küchenmonitor und an die Kasse, ohne Umweg. **Die Schlüssel** Die Seite hat keine geheimen Schlüssel. Sie spricht mit Okam nur über Okams eigenes Paket, `@okam-as/storefront`. Die MCP-Adresse ist nur für den Agenten. ### Briefing für deine Webagentur Du bist das Restaurant? Kopiere den Text und schick ihn an die Person, die eure Website macht. > Hallo! Wir nutzen Okam. Kannst du die Bestellung in unsere neue Website einbauen? Verbinde deinen KI-Agenten (zum Beispiel Claude Code, Cursor oder Codex) mit https://api.okam.no/mcp und lass ihn zuerst kit_learn ausführen. Bauen und Testen sind kostenlos, ohne Anmeldung. Okam berechnet die Preise, und der Gast bezahlt selbst. Mehr: https://okam.no/de/fuer-entwickler ### Fragen und Antworten Steht die Antwort nicht hier, schreib uns. [kontakt@okam.no](mailto:kontakt@okam.no?subject=F%C3%BCr%20Entwickler) #### Was ist MCP? Ein Standard, mit dem dein KI-Agent die Werkzeuge von Okam nutzen kann. #### Brauche ich ein Konto? Nein, nicht zum Bauen und Testen. #### Muss das Restaurant die Okam-Kasse nutzen? Nein. Online-Bestellung, Küchenmonitor und Backoffice funktionieren jeweils für sich, auch ohne die Okam-Kasse. #### Was ist das Testrestaurant? Ein Restaurant bei Okam mit Speisekarte und Preisen. Es antwortet nur einer Seite, die auf deinem eigenen Rechner läuft (localhost). Es nimmt Testbestellungen von 10 bis 22 Uhr (Osloer Zeit) an. #### Wann kann die Seite echte Bestellungen annehmen? Wenn wir für die eigenen Seiten der Restaurants öffnen. Dann bekommt das Restaurant einen eigenen Schlüssel, und die Bestellungen gehen auf den Küchenmonitor. Schreib uns, dann sagen wir Bescheid. #### Funktioniert es in Lovable, Bolt oder v0? Der Agent kann dort die Regeln lernen. Die Seite muss auf deinem eigenen Rechner getestet werden, bevor sie fertig ist. #### Gibt es ein Limit? 120 Aufrufe pro Minute und IP-Adresse. Lass den Agenten eine Verbindung nutzen. Bekommt er die Meldung, dass das Limit erreicht ist, wartet er eine Minute. #### Könnt ihr die Seite für uns machen? Schreib an [kontakt@okam.no](mailto:kontakt@okam.no?subject=F%C3%BCr%20Entwickler). ### Für Agenten Maschinenlesbare Version: [/de/fuer-entwickler.md](https://okam.no/de/fuer-entwickler.md) und [/llms.txt](https://okam.no/llms.txt).