Bestellformular-Generator: fürs Web und auf Papier
Bestellformular-Generator
Bestellformular-Generator: HTML-Bestellformular und Vorlage zum Ausdrucken
Liste deine Produkte und Preise auf und erhalte ein Bestellformular auf zwei Arten: kopierbares HTML mit Live-Summe, das an deinen eigenen Formular-Handler sendet, und einen Bestellschein auf Papier zum Ausdrucken.
Füge jedes Produkt mit seinem Preis hinzu, wähle, welche Kundendaten du abfragen willst, und füge die Adresse deines Formular-Handlers ein. Du erhältst HTML für ein Bestellformular mit Mengenfeldern und laufender Summe, fertig zum Einbau in deine Website, dazu einen druckbaren Bestellschein aus derselben Liste für Märkte, Messen und telefonische Bestellungen.
Was das erzeugte Formular sendet
Feld im Formular
An deinen Handler gesendet als
Hinweise
Mengenfeld pro Produkt
qty_<product> = Zahl
type=number, min 0, ganze Zahlen
Name des Kunden
Pflichtfeld
E-Mail
type=email, vom Browser geprüft
Telefon (optional)
type=tel
Lieferadresse (optional)
Textarea
Anmerkungen (optional)
Textarea
Bestellsumme
Wird nicht gesendet
Das output-Element dient nur der Anzeige; rechne auf deiner Seite nach
Viele kleine Verkäufer brauchen keinen kompletten Onlineshop. Eine Bäckerei, die Vorbestellungen für die Feiertage annimmt, ein Hof, der Gemüsekisten verkauft, oder ein Verein, der Trikots verkauft, braucht nur eine Liste, eine Menge neben jedem Artikel und die Kontaktdaten des Käufers. Dieser Generator schreibt genau das als einfaches HTML, sodass es in jedem Website-Baukasten funktioniert, der eigenen Code erlaubt.
Tippe jeden Produktnamen und seinen Preis ein. Füge nach Bedarf Zeilen hinzu oder entferne sie.
Lege das Währungssymbol fest und hake die optionalen Kundenfelder an, die du willst.
Füge die Adresse ein, an die dein Formular senden soll. Sie stammt von deinem Formulardienst oder deinem eigenen Server.
Probiere die Vorschau aus: Ändere Mengen und sieh zu, wie sich die Summe aktualisiert.
Kopiere das HTML in deine Website, oder klicke auf Papierformular drucken für ein Blatt, das Kunden von Hand ausfüllen.
Betrachte die Summe auf der Seite als Orientierung für den Kunden. Berechne den tatsächlichen Betrag selbst aus den Mengen, die du erhältst.
Halte Produktnamen kurz und eindeutig: Sie werden Teil der Feldnamen, die dein Handler erhält.
Schick dir vor dem Teilen der Seite eine echte Testbestellung und prüfe die E-Mail oder Tabelle, die ankommt.
Brauchst du die Zahlung direkt bei der Bestellung, reicht ein Formular allein nicht; kombiniere es mit einem Zahlungslink oder einem richtigen Checkout.
Lass auf dem gedruckten Blatt die Spalten Menge und Zeilensumme leer und füge deine Telefonnummer für Rückfragen hinzu.
Häufige Fragen
Wohin geht die Bestellung, wenn jemand absendet?
An die Adresse im action-Attribut des Formulars, gesendet mit method post. Diese Adresse muss zu etwas gehören, das Formulardaten annimmt, etwa ein Formular-Backend-Dienst oder ein Skript auf deinem eigenen Server. Diese Seite empfängt oder speichert keine Bestellungen.
Warum ist die Summe nicht in den gesendeten Daten?
Die Summe steht in einem output-Element, und der Inhalt eines output-Elements wird nicht mit dem Formular gesendet. Das ist hier Absicht: Ein Besucher könnte eine Zahl in seinem Browser ändern, daher sollte der Verkäufer den Betrag immer aus den Mengen berechnen.
Funktioniert die Summe ohne JavaScript?
Das Formular lässt sich auch ohne Skripte absenden, aber die laufende Summe berechnet ein kurzes Skript, das im Code enthalten ist. Sind Skripte deaktiviert, bleibt die Summe einfach bei null.
Was ist der Unterschied zu einem Buchungsformular?
Ein Bestellformular erfasst Produkte und Mengen. Ein Buchungsformular erfasst ein Datum, eine Uhrzeit und eine Leistung. Für Termine nutze stattdessen unseren Generator für Buchungsformulare.
Kann ich das Formular an meine Website anpassen?
Ja. Der Code verwendet einen kleinen style-Block mit einfachen Klassennamen, die mit of- beginnen, sodass du Farben, Schriften und Abstände ändern kannst, ohne den Rest deiner Seite zu beeinflussen.
Einen Formular-Handler auswählen
Eine statische Webseite kann nicht von selbst E-Mails senden. Das Formular braucht ein Ziel: einen Formular-Backend-Dienst, der Einsendungen an dein Postfach oder eine Tabelle weiterleitet, die Formularfunktion deines Website-Baukastens oder ein kleines Skript auf deinem eigenen Server.
Egal, was du nutzt: Kopiere die genaue Sendeadresse, die du erhältst, oben in das Handler-Feld. Verlangt der Dienst bestimmte Feldnamen, benenne die Felder im Code entsprechend um.
Bestellscheine auf Papier lohnen sich noch immer
An einem Stand oder bei einer Schulveranstaltung ist ein Klemmbrett mit gedrucktem Bestellschein schneller, als Leute zu bitten, eine Website zu öffnen. Wenn du aus derselben Produktliste druckst, bleiben die Preise auf Papier und im Web identisch.
Sammle die Blätter ein und trage die Bestellungen am Ende des Tages selbst ins Webformular ein, damit alles an einem Ort landet.
Berechne die Summe dort neu, wo die Bestellung ankommt
Dein Handler erhält Mengen, keine vertrauenswürdige Summe. Dieses kleine serverseitige Beispiel in JavaScript berechnet eine Bestellung anhand deiner eigenen Preisliste und ignoriert alles Unbekannte.
Eine Bestellung aus gesendeten Mengen berechnen
Die Preise liegen bei dir, sodass ein Besucher, der die Seite bearbeitet, nicht ändern kann, was er schuldet.
Erstelle dein Bestellformular
Formulartitel
Währungssymbol
Adresse des Formular-Handlers (wohin Bestellungen gesendet werden)
Produkte und Preise
Produkt {n}
Preis {n}
Produkt {n} entfernen
Produkt hinzufügen
Optionale Kundenfelder
Lieferadresse
Anmerkungen
Vorschau
Menge von {v}
Summe
Die Vorschau sendet nichts. Dein Formular sendet an die eingegebene Handler-Adresse.