Short codes

Checkout

22 tokens under the checkout.* namespace. Drop these anywhere the SSR layer can see them — HTML, attribute values, JS, or CSS.

Overview

22 tokens under the checkout.* scope. Resolves on checkout pages only.

Usage

Drop a token anywhere the SSR layer will see it — HTML body, attribute value, inline JS, or inline CSS.

Inline in markup

<mmm-pdp-title>{{checkout.subtotal}}</mmm-pdp-title>
<!-- rendered -> -->
<mmm-pdp-title>₹ 4,500</mmm-pdp-title>

Inside attribute values

<a href="/p/{{pdp.slug}}" title="Buy {{pdp.title}} for {{pdp.price}}">Shop</a>

Identity & flags 8

TokenPage bindingComponentDescription & sample
{{checkout.subtotal}}checkoutcheckout-price-summary.jsOrder subtotal (formatted) currency
Sample: ₹ 4,500
{{checkout.tax}}checkoutcheckout-tax-details.jsTotal tax amount (formatted) currency
Sample: ₹ 540
{{checkout.shipping}}checkoutcheckout-shipping-method.jsShipping cost (formatted) currency
Sample: ₹ 99
{{checkout.discount}}checkoutcheckout-coupon.jsDiscount applied (formatted) currency
Sample: ₹ 200
{{checkout.total}}checkoutcheckout-price-summary.jsOrder total (formatted) currency
Sample: ₹ 4,939
{{checkout.coupon_code}}checkoutcheckout-coupon.jsActive coupon code
Sample: SAVE20
{{checkout.payment_method}}checkoutcheckout-payment.jsSelected payment method
Sample: card
{{checkout.cart_items_count}}checkoutcheckout-cart-info.jsNumber of items being checked out number
Sample: 3

Billing 7

TokenPage bindingComponentDescription & sample
{{checkout.billing.name}}checkoutcheckout-billing-address.jsBilling recipient name
Sample: Riya Sharma
{{checkout.billing.phone}}checkoutcheckout-billing-address.jsBilling phone number
Sample: +91 99999 99999
{{checkout.billing.line1}}checkoutcheckout-billing-address.jsBilling address line 1
Sample: 24 MG Road
{{checkout.billing.city}}checkoutcheckout-billing-address.jsBilling city
Sample: Bengaluru
{{checkout.billing.state}}checkoutcheckout-billing-address.jsBilling state
Sample: Karnataka
{{checkout.billing.pincode}}checkoutcheckout-billing-address.jsBilling PIN/ZIP code
Sample: 560001
{{checkout.billing.country}}checkoutcheckout-billing-address.jsBilling country
Sample: India

Shipping 7

TokenPage bindingComponentDescription & sample
{{checkout.shipping.name}}checkoutcheckout-shipping-address.jsShipping recipient name
Sample: Riya Sharma
{{checkout.shipping.phone}}checkoutcheckout-shipping-address.jsShipping phone number
Sample: +91 99999 99999
{{checkout.shipping.line1}}checkoutcheckout-shipping-address.jsShipping address line 1
Sample: 24 MG Road
{{checkout.shipping.city}}checkoutcheckout-shipping-address.jsShipping city
Sample: Bengaluru
{{checkout.shipping.state}}checkoutcheckout-shipping-address.jsShipping state
Sample: Karnataka
{{checkout.shipping.pincode}}checkoutcheckout-shipping-address.jsShipping PIN/ZIP code
Sample: 560001
{{checkout.shipping.country}}checkoutcheckout-shipping-address.jsShipping country
Sample: India

Tips

  • Tokens are case-sensitive — {{checkout.title}} resolves; {{CHECKOUT.TITLE}} does not.
  • Whitespace inside the braces is tolerated: {{ checkout.title }} works identically.
  • Unresolvable tokens fall through as empty strings rather than rendering the raw placeholder, so missing-data states stay clean.