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.
Drei Varianten. Jede 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://flavoso.com/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://flavoso.com/embed.js" data-restaurant="dein-restaurant" data-mode="inline"></script>Tisch reservieren
Dieselbe Zeile mit einem Wort mehr. Du kannst beide gleichzeitig einbinden: die Knöpfe stapeln sich von selbst, und es ist immer nur ein Fenster offen.
<script src="https://flavoso.com/embed.js" data-restaurant="dein-restaurant" data-widget="reserve"></script>Eigene Beschriftung
Auf dem Knopf steht sonst „Online bestellen" beziehungsweise „Tisch reservieren". Mit einem Wort mehr steht da, was du willst. Das geht bei allen drei Varianten oben, und im Dashboard unter „Übersicht" kannst du es anklicken statt zu tippen.
<script src="https://flavoso.com/embed.js" data-restaurant="dein-restaurant" data-label="Zum Lieferservice"></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 DashboardKomplettes 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://flavoso.com/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Öffne deine Website im Wix-Editor.
- 2Klicke links auf „+ Hinzufügen“ → „Einbetten“ → „Code einbetten“ → „Benutzerdefinierten Code“ (oder „HTML-Iframe/Embed“).
- 3Füge die Flavoso-Zeile in das Feld ein und speichere.
- 4Ziehe das Element an eine beliebige Stelle. Beim Knopf ist die Position egal, er schwebt sowieso unten rechts.
- 5Oben rechts auf „Veröffentlichen“ klicken. Fertig.
WordPress
- 1Öffne die Seite oder den Beitrag im Editor (Gutenberg).
- 2Klicke auf das „+“ und suche den Block „Individuelles HTML“.
- 3Füge die Flavoso-Zeile in den Block ein.
- 4Klicke auf „Aktualisieren“ bzw. „Veröffentlichen“. Fertig.
- 5Tipp: Mit Page-Buildern wie Elementor nimmst du das „HTML“-Widget und machst genau dasselbe.
Squarespace
- 1Bearbeite die gewünschte Seite.
- 2Klicke auf „Block hinzufügen“ → „Code“.
- 3Füge die Flavoso-Zeile ein (Typ „HTML“ eingestellt lassen).
- 4Speichern. Fertig.
Webflow
- 1Öffne dein Projekt im Designer.
- 2Zieh aus dem Add-Panel ein „Embed“-Element auf die Seite.
- 3Füge die Flavoso-Zeile ein und bestätige mit „Save & Close“.
- 4Veröffentliche die Seite. Fertig.
Jimdo
- 1Bearbeite deine Seite und klicke dort, wo das Element hin soll, auf „Element hinzufügen“.
- 2Wähle „Weitere Elemente“ → „Widget / HTML“.
- 3Füge die Flavoso-Zeile ein und speichere. Fertig.
IONOS / 1&1
- 1Öffne den Website-Editor (MyWebsite).
- 2Füge das Element „Eigener HTML-Code“ / „Code-Baustein“ ein.
- 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.