Schaltflächen im Bestellprozess

Der Bestellablauf führt den Käufer über mehrere Seiten: Warenkorb, Adressen, Zahlungs- und Versandart, Bestellübersicht. Die Tags dieser Seite bewegen ihn zwischen diesen Schritten und lösen am Ende die Bestellung aus. Zwei Muster stecken darin. Die Tags mit _Next und _Back führen einen Schritt vor oder zurück. Die Tags mit BT-Change_… stehen auf der Bestellübersicht und springen gezielt zu dem Schritt, den der Käufer noch einmal ändern möchte.

So funktionieren die BT-Tags

Ein BT-Tag gibt den technischen Namen der Schaltfläche aus, nicht ihre Beschriftung. Der Shop erkennt an diesem Namen, welche Schaltfläche gedrückt wurde.

<input type="submit" name="~BT-PlaceOrder~" value="Zahlungspflichtig bestellen">

Das Tag gehört in das name-Attribut, der Text für den Käufer in value. Die Schaltfläche muss absenden und innerhalb des zugehörigen Formulars stehen.

Vom Warenkorb in den Bestellablauf

BT-Order

Startet den Bestellvorgang. Der Käufer verlässt den Warenkorb und geht zum nächsten Schritt.

<form action="~FORM-Basket~" method="post">
   ...
   <input type="submit" name="~BT-Order~" value="Zur Kasse">
</form>

Zulässig ist das Tag auf allen Templates, auf denen das Formular FORM-Basket steht. Das ist nicht nur die Warenkorbseite, sondern beispielsweise auch ein Mini-Warenkorb im Seitenkopf.

Die Schaltfläche muss innerhalb von FORM-Basket stehen. Außerhalb wird der Name beim Absenden nicht mitgeschickt, und der Klick bleibt wirkungslos.

Zahlungs- und Versandart

Auf der Zahlungs- und Versandarten-Seite (ws_pay_deliv.htm) stehen drei Schaltflächen, und welche davon Sie brauchen, hängt davon ab, wie der Käufer auf diese Seite gekommen ist.

Tag	Führt zu	Gedacht für
`BT-PayDeliv_Next`	dem nächsten Schritt im Bestellablauf	den normalen Durchlauf
`BT-PayDeliv_Back`	der Rechnungs- und Lieferadressseite (`ws_address_combined.htm`)	den Schritt zurück
`BT-PayDeliv_Change`	der Bestellübersichtsseite (`ws_place_order.htm`)	die Rückkehr nach einer Korrektur

<form action="~FORM-PayDeliv~" method="post">
   ...
   <input type="submit" name="~BT-PayDeliv_Back~"   value="zurück">
   <input type="submit" name="~BT-PayDeliv_Next~"   value="weiter">
   <input type="submit" name="~BT-PayDeliv_Change~" value="Änderung übernehmen">
</form>

BT-PayDeliv_Next und BT-PayDeliv_Change unterscheiden sich nur im Ziel. Wer von der Bestellübersicht kam, um die Zahlungsart zu korrigieren, soll dorthin zurück und nicht noch einmal durch den ganzen Ablauf.

Korrekturen von der Bestellübersicht aus

Auf der Bestellübersichtsseite (ws_place_order.htm) sieht der Käufer alle seine Angaben noch einmal. Vier Schaltflächen führen ihn zu genau der Stelle zurück, die er ändern möchte.

Tag	Führt zurück zu
`BT-Change_Basket`	dem Warenkorb
`BT-Change_Addr`	der Rechnungsadresse
`BT-Change_DelivAddr`	der abweichenden Lieferadresse
`BT-Change_PayDeliv`	der Zahlungs- und Versandarten-Seite

<h2>Ihre Rechnungsadresse</h2>
~A-Name1~<br>
~A-Street~<br>
~A-ZIP~ ~A-City~
<input type="submit" name="~BT-Change_Addr~" value="ändern">

Setzen Sie jede dieser Schaltflächen direkt neben den Block, den sie ändert. Eine Sammlung von vier Ändern-Schaltflächen am Seitenende zwingt den Käufer zum Raten.

Die Bestellung absenden

BT-PlaceOrder

Löst die Bestellung aus. Dies ist der letzte Klick des Käufers im Shop.

<input type="submit" name="~BT-PlaceOrder~" value="Zahlungspflichtig bestellen">

Die Beschriftung dieser Schaltfläche ist in Deutschland gesetzlich geregelt. Sie muss eindeutig auf die Zahlungspflicht hinweisen, beispielsweise mit “Zahlungspflichtig bestellen” oder “Kaufen”. Ein bloßes “Absenden” oder “Weiter” genügt der Button-Lösung nach Paragraf 312j BGB nicht.

Doppelklicks sind an dieser Stelle die häufigste Ursache für Doppelbestellungen. Sperren Sie die Schaltfläche nach dem ersten Klick per JavaScript.

Die Tags im Überblick

Alle Tags dieser Seite sind reine Einzel-Tags. Sie lassen sich nicht als Bereichs-Tag, negatives Bereichs-Tag oder Schleifen-Tag verwenden.

Tag	Zulässig auf
`BT-Order`	allen Templates mit dem Formular `FORM-Basket`
`BT-PayDeliv_Back`	Zahlungs- und Versandarten-Seite (`ws_pay_deliv.htm`)
`BT-PayDeliv_Change`	Zahlungs- und Versandarten-Seite
`BT-PayDeliv_Next`	Zahlungs- und Versandarten-Seite
`BT-Change_Addr`	Bestellübersichtsseite (`ws_place_order.htm`)
`BT-Change_Basket`	Bestellübersichtsseite
`BT-Change_DelivAddr`	Bestellübersichtsseite
`BT-Change_PayDeliv`	Bestellübersichtsseite
`BT-PlaceOrder`	Bestellübersichtsseite

Referenz

So funktionieren die BT-Tags

Vom Warenkorb in den Bestellablauf

BT-Order

Zahlungs- und Versandart

Korrekturen von der Bestellübersicht aus

Die Bestellung absenden

BT-PlaceOrder

Die Tags im Überblick

Verwandte Themen

​So funktionieren die BT-Tags

​Vom Warenkorb in den Bestellablauf

​BT-Order

​Zahlungs- und Versandart

​Korrekturen von der Bestellübersicht aus

​Die Bestellung absenden

​BT-PlaceOrder

​Die Tags im Überblick

​Verwandte Themen

So funktionieren die BT-Tags

Vom Warenkorb in den Bestellablauf

BT-Order

Zahlungs- und Versandart

Korrekturen von der Bestellübersicht aus

Die Bestellung absenden

BT-PlaceOrder

Die Tags im Überblick

Verwandte Themen