Preislisten

Mit dem Preislisten-Widget zeigen Sie Ihre Preise, Ihre Speisekarte oder Ihre Angebotspakete direkt auf Ihrer Website — sauber sortiert nach Kategorien, in Ihrem Design, und komplett von Ihnen selbst gepflegt. Ändert sich ein Preis, tragen Sie ihn im Dashboard ein und klicken auf Speichern — kein Anruf bei einer Agentur, keine Wartezeit auf einen Programmier-Auftrag. Ein Widget noch gar nicht angelegt? Das erklärt Erste Schritte; wie der fertige Code auf Ihrer Website landet, erklärt Widget einbetten.

Wofür eignet sich die Preisliste?

Das Widget passt überall dort, wo Kunden vor dem ersten Kontakt wissen wollen, was etwas kostet:

• Friseursalon / Kosmetikstudio: Kategorien wie „Damen“, „Herren“, „Extras“ mit festen Preisen — genau wie der Aushang im Salon, inklusive Varianten für kurze, mittlere und lange Haare.
• Restaurant / Café: Speisekarte mit Kategorien wie „Vorspeisen“, „Hauptgerichte“, „Getränke“, mit kurzer Beschreibung, Größen (0,3 l / 0,5 l) und Allergen-Kennzeichnung.
• Handwerksbetrieb: Stundensätze, Anfahrtspauschalen oder typische Leistungen — auch als reiner Richtwert mit dem Zusatz „ab“ oder „auf Anfrage“.
• Fitnessstudio / Kursanbieter / Dienstleister: Mitgliedschaften oder Angebotspakete als Karten nebeneinander — „Basis / Komfort / Premium“ mit Leistungsliste und Button.

Der Aufbau ist dabei immer derselbe: Eine Preisliste besteht aus Kategorien (z.B. „Damen“, „Vorspeisen“ oder „Komfort“), und jede Kategorie enthält beliebig viele Positionen — je eine Zeile mit Bezeichnung und Preis.

Kategorien und Positionen pflegen

Öffnen Sie in Ihrem Dashboard in der Zeile Ihres Preislisten-Widgets Öffnen — Sie landen direkt auf der Seite Preisliste bearbeiten, dem einzigen Ort, an dem Sie Titel, Darstellung, Kategorien und Preise pflegen.

Kategorie anlegen, sortieren, löschen

1. Klicken Sie unten im Bereich Kategorien & Positionen auf + Kategorie hinzufügen.
2. Tragen Sie im neuen Feld den Namen der Kategorie ein, zum Beispiel Damen oder Vorspeisen.
3. Mit den Pfeilen ↑ und ↓ neben dem Namen verschieben Sie die ganze Kategorie samt allen Positionen nach oben oder unten — so bestimmen Sie die Reihenfolge auf Ihrer Website.
4. Mit ✕ löschen Sie die Kategorie samt aller enthaltenen Positionen; eine Sicherheitsabfrage („Diese Kategorie mit allen Positionen löschen?“) schützt vor versehentlichem Löschen.

Position (Preiszeile) anlegen

Innerhalb einer Kategorie klicken Sie auf + Position hinzufügen. Jede Position hat vier Felder direkt in der Zeile:

Darunter finden Sie den aufklappbaren Bereich Varianten, Allergene, Badge, Streichpreis — vier zusätzliche Felder, die Sie nur bei Bedarf ausfüllen (siehe unten). Auch Positionen lassen sich per ↑/↓ innerhalb ihrer Kategorie umsortieren und per ✕ entfernen — hier ohne Sicherheitsabfrage, da eine einzelne Zeile schnell wiederhergestellt ist.

Preis oder Preistext — was trage ich wo ein?

Nutzen Sie das Feld Preis für feste Beträge — RapidTools formatiert die Zahl automatisch passend, aus 55 wird auf der Website 55,00 €. Für alles, was sich nicht als feste Zahl ausdrücken lässt, nutzen Sie stattdessen das Feld Preistext mit freiem Wortlaut, zum Beispiel ab 65 €, auf Anfrage oder je nach Aufwand. Füllen Sie beide Felder gleichzeitig, gewinnt auf der Website immer der Preistext — das Feld Preis bleibt dann nur intern gespeichert.

Preise richtig eingeben

Im Feld Preis tippen Sie die Zahl wie auf einem deutschen Kassenzettel ein:

Varianten: mehrere Größen oder Längen zu einer Position

Viele Leistungen haben nicht einen, sondern mehrere Preise — Pils 0,3 l / 0,5 l oder Färben kurz / mittel / lang. Dafür gibt es im aufgeklappten Bereich der Position das Feld Varianten. Sie schreiben alle Varianten in eine einzige Zeile, jeweils Name = Preis, getrennt durch ein Semikolon:

0,3 l = 3,50; 0,5 l = 4,90

Auf der Website erscheinen die Varianten als eingerückte Unterzeilen mit eigenem Preis unter der Position. Statt einer Zahl dürfen Sie auch Text eintragen (lang = auf Anfrage). Möglich sind bis zu acht Varianten je Position; das normale Preisfeld der Position können Sie dann leer lassen oder für einen „ab“-Preis nutzen.

Empfehlungs-Badge und Streichpreis

Zwei weitere Felder im aufgeklappten Bereich einer Position helfen, den Blick zu lenken:

• Badge: ein kurzes Wort neben der Bezeichnung, in Ihrer Akzentfarbe — z.B. Beliebt, Neu oder Empfehlung des Hauses. Sparsam einsetzen: Wenn alles hervorgehoben ist, sticht nichts mehr heraus.
• Streichpreis: der alte Preis, der durchgestrichen vor dem aktuellen Preis erscheint.

Bestehende Liste einfügen (Schnell-Erfassung)

Haben Sie Ihre Karte bereits in Word, Excel oder als PDF? Dann müssen Sie nicht jede Zeile einzeln antippen. Klappen Sie über dem Editor Liste einfügen (Schnell-Erfassung) auf und fügen Sie Ihre Liste in das große Textfeld ein — eine Zeile je Position:

Getränke
Pils 0,3 l; vom Fass; 3,50
Apfelschorle; 3,20
Speisen
Wiener Schnitzel; mit Pommes und Salat; 16,90

1. Liste einfügen und auf Vorschau anzeigen klicken — RapidTools zeigt, wie viele Kategorien und Positionen erkannt wurden und was in welchem Feld landet.
2. Stimmt das Ergebnis, klicken Sie auf Übernehmen. Die erkannten Kategorien werden zusätzlich unten angehängt; bestehende Einträge bleiben unverändert.
3. Prüfen und korrigieren Sie die neuen Zeilen im Editor und klicken Sie zum Schluss auf Speichern.

Darstellung wählen

Unter Darstellung wählen Sie mit einem Klick auf eine der drei Vorschau-Kacheln, wie Ihre Preisliste aufgebaut ist:

Auf dem Smartphone erscheint immer alles untereinander — unabhängig von dieser Einstellung.

Pakete einrichten

Im Paket-Layout wird jede Kategorie zu einer Karte. Die Angaben dazu tragen Sie in der Kategorie unter Paket-Angaben & Button ein:

Die Positionen der Kategorie werden im Paket-Layout zur Leistungsliste mit Haken. Ein Preis je Position ist möglich (er erscheint rechts), meistens lassen Sie ihn hier aber leer — der Preis steht ja schon groß oben. Zwei bis vier Pakete nebeneinander sehen am besten aus; ab fünf Karten wird es auf normalen Bildschirmen eng.

Button je Kategorie

Ganz unten in Paket-Angaben & Button stehen Button-Text und Button-Ziel. Der Button erscheint in allen Darstellungen am Ende der jeweiligen Kategorie — so wird aus der Preisliste ein Weg zur Anfrage statt einer Sackgasse:

• Button-Text: kurz und konkret, z.B. Termin anfragen oder Tisch reservieren.
• Button-Ziel: eine vollständige Adresse (https://ihre-seite.de/kontakt), eine Unterseite Ihrer Website (/kontakt), eine E-Mail-Adresse (mailto:info@ihre-seite.de) oder eine Telefonnummer (tel:+49...).

Der Button öffnet das Ziel in einem neuen Browser-Tab. Besonders sinnvoll ist die Verknüpfung mit einem zweiten RapidTools-Widget: verlinken Sie auf die Seite, auf der Ihre Terminbuchung oder Ihr Rückruf-Service eingebettet ist. Im Ausdruck (siehe unten) werden Buttons automatisch weggelassen — auf Papier lässt sich nicht klicken.

Farbe und Design

Über das Feld Akzentfarbe wählen Sie die Farbe für Kategorie-Überschriften, Badges und Buttons — am besten die Farbe Ihres Logos oder Ihrer sonstigen Website. Den kompletten Stil — hell, dunkel, elegant mit Serifenschrift, kantig, weich abgerundet oder ganz ohne Kartenrahmen — wählen Sie unter 🎨 Design & Farben oben auf der Seite. Dort sehen Sie jeden Stil sofort in einer Live-Vorschau, bevor Sie ihn übernehmen — gespeichert wird erst mit einem Klick auf „Design speichern“. Für eine dunkle Website ist der Stil Dunkel die richtige Wahl — die Preisliste ist in allen Stilen vollständig lesbar.

Allergene und Zusatzstoffe (Gastronomie)

Setzen Sie den Haken bei Allergene und Zusatzstoffe anzeigen, erscheint bei jeder Position ein zusätzliches Feld Allergene. Dort tragen Sie die Kürzel ein, die für dieses Gericht gelten — mit Komma getrennt, z.B. A, G.

Auf der Website stehen die Kürzel klein hinter der Bezeichnung, und ganz unten erscheint automatisch eine Legende — und zwar nur mit den Kürzeln, die Sie tatsächlich verwendet haben. Fügen Sie später ein Gericht mit einem neuen Kürzel hinzu, ergänzt sich die Legende von selbst.

Im Feld Legende steht bereits die in Deutschland übliche Liste: Allergene A bis N (Glutenhaltiges Getreide, Krebstiere, Eier, Fisch …) und Zusatzstoffe 1 bis 12 (mit Farbstoff, mit Konservierungsstoff …). Sie können jede Zeile ändern, löschen oder eigene Kürzel ergänzen — eine Zeile je Kürzel im Format A = Glutenhaltiges Getreide.

QR-Code, Direktlink und Druckansicht

Unter dem Editor finden Sie den Bereich Direktlink & QR-Code. Ihre Preisliste hat nämlich nicht nur einen Einbett-Code für die Website, sondern auch eine eigene, öffentlich erreichbare Adresse:

• Direktlink: Mit Link kopieren übernehmen Sie die Adresse in die Zwischenablage — ideal für WhatsApp, Facebook, Instagram oder Ihr Google-Unternehmensprofil.
• QR-Code: Der Code daneben führt genau auf diese Adresse. Zum Speichern klicken Sie mit der rechten Maustaste auf das Bild und wählen „Grafik speichern unter…“ — danach können Sie ihn auf Tischaufsteller, Aushänge oder Flyer drucken. Weil er auf Ihre stets aktuelle Karte zeigt, bleibt ein einmal gedruckter Code dauerhaft gültig, auch wenn sich Preise ändern. Der Code entsteht auf unserem Server; es wird kein externer Dienst geladen.
• Druckansicht: Der Link 🖨 Druckansicht (A4) öffnet Ihre Preisliste als Papierfassung — schwarz auf weiß, ohne Kartenrahmen und Schatten, mit Seitenrändern für DIN A4 und ohne Buttons. Ein Klick auf Drucken öffnet den Druckdialog Ihres Browsers.

Aktualisieren ohne Website-Änderung

Der eigentliche Vorteil des Widgets zeigt sich nicht bei der Einrichtung, sondern danach im Alltag: Ändert sich ein Preis, muss niemand Ihre Website anfassen — weder Sie selbst noch eine Agentur.

1. Öffnen Sie im Dashboard in der Zeile Ihres Preislisten-Widgets Öffnen.
2. Ändern Sie den Preis, den Preistext oder die Bezeichnung der betreffenden Position.
3. Klicken Sie unten auf Speichern.

Damit ist die Änderung sofort live — der Einbett-Code auf Ihrer Website bleibt dabei unverändert, er zeigt bei jedem Seitenaufruf automatisch den aktuellen Stand aus Ihrem Konto. Sie müssen den Code nach einer Preisänderung also nie erneut kopieren oder ersetzen. Dasselbe gilt für den QR-Code und den Direktlink.

Sieht ein Besucher direkt nach dem Speichern noch den alten Preis, liegt das in aller Regel am Zwischenspeicher (Cache) seines eigenen Browsers, nicht an RapidTools — ein Neuladen der Seite (meist Strg+F5 bzw. Cmd+Umschalt+R) genügt.

Häufige Fragen

Alle Anleitungen · Noch Fragen? Schreiben Sie uns: tools@rapidspark.de