Flavoso

Einbinden

Flavoso auf deiner Website — ohne Programmieren.

Du kopierst genau eine Zeile und fügst sie in deine Website ein. Mehr ist es nicht. Hier steht Klick für Klick, wie das in Wix, WordPress & Co. geht — auch wenn du noch nie Code angefasst hast.

Zwei Varianten — beide eine Zeile

Bestell-Button (empfohlen)

Legt unten rechts auf deiner Website einen schwebenden „Jetzt bestellen“-Button an. Du musst am Layout nichts ändern.

<script src="https://dein-flavoso.de/embed.js" data-restaurant="dein-restaurant"></script>

Fest im Seiteninhalt

Zeigt das Bestellsystem genau an der Stelle, wo du die Zeile einfügst — z. B. auf einer eigenen „Bestellen“-Unterseite.

<script src="https://dein-flavoso.de/embed.js" data-restaurant="dein-restaurant" data-mode="inline"></script>

Wichtig: Das hier ist ein Beispiel. Deinen persönlichen Code (mit deinem Restaurant-Namen drin) findest du fertig zum Kopieren im Dashboard unter „Übersicht“.

Zu meinem Code im Dashboard

Komplettes Beispiel zum Kopieren

Falls du eine ganz einfache eigene HTML-Seite hast: So sieht eine komplette Seite mit Flavoso aus. Die markierte Zeile ist alles, was Flavoso braucht.

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <title>Mein Restaurant</title>
  </head>
  <body>
    <h1>Willkommen bei meinem Restaurant</h1>
    <p>Hier kann man direkt online bestellen:</p>

    <!-- Diese eine Zeile ist Flavoso: -->
    <script src="https://dein-flavoso.de/embed.js" data-restaurant="dein-restaurant"></script>

  </body>
</html>

Klick-für-Klick in deinem Website-Baukasten

Such dir deinen Anbieter raus. Bei allen gilt: Code-Element einfügen, Zeile reinkopieren, veröffentlichen — fertig.

Wix
  1. 1Öffne deine Website im Wix-Editor.
  2. 2Klicke links auf „+ Hinzufügen“ → „Einbetten“ → „Code einbetten“ → „Benutzerdefinierten Code“ (oder „HTML-Iframe/Embed“).
  3. 3Füge die Flavoso-Zeile in das Feld ein und speichere.
  4. 4Ziehe das Element an eine beliebige Stelle — beim Button ist die Position egal, er schwebt sowieso unten rechts.
  5. 5Oben rechts auf „Veröffentlichen“ klicken. Fertig.
WordPress
  1. 1Öffne die Seite oder den Beitrag im Editor (Gutenberg).
  2. 2Klicke auf das „+“ und suche den Block „Individuelles HTML“.
  3. 3Füge die Flavoso-Zeile in den Block ein.
  4. 4Klicke auf „Aktualisieren“ bzw. „Veröffentlichen“. Fertig.
  5. 5Tipp: Mit Page-Buildern wie Elementor nimmst du das „HTML“-Widget und machst genau dasselbe.
Squarespace
  1. 1Bearbeite die gewünschte Seite.
  2. 2Klicke auf „Block hinzufügen“ → „Code“.
  3. 3Füge die Flavoso-Zeile ein (Typ „HTML“ eingestellt lassen).
  4. 4Speichern — fertig.
Webflow
  1. 1Öffne dein Projekt im Designer.
  2. 2Ziehe aus dem Add-Panel ein „Embed“-Element auf die Seite.
  3. 3Füge die Flavoso-Zeile ein und bestätige mit „Save & Close“.
  4. 4Veröffentliche die Seite. Fertig.
Jimdo
  1. 1Bearbeite deine Seite und klicke dort, wo das Element hin soll, auf „Element hinzufügen“.
  2. 2Wähle „Weitere Elemente“ → „Widget / HTML“.
  3. 3Füge die Flavoso-Zeile ein und speichere. Fertig.
IONOS / 1&1
  1. 1Öffne den Website-Editor (MyWebsite).
  2. 2Füge das Element „Eigener HTML-Code“ / „Code-Baustein“ ein.
  3. 3Flavoso-Zeile einfügen, speichern, veröffentlichen. Fertig.

Klemmt etwas?

Keine Sorge — schick uns eine Nachricht und wir binden Flavoso gemeinsam mit dir ein. Oder frag den Hilfe-Assistenten unten rechts, der kennt jeden Schritt.

Dein eigener Bestellkanal. Heute.

Starte kostenlos, richte deine Speisekarte ein und nimm deine erste Bestellung entgegen. Ohne Provision, ohne Risiko.

Kostenlos startenProdukt ansehen