Simple Commerce Logo

Checkout

This tag allows you to checkout the cart. Inside the tag, you can use any of the data from your cart. The redirect parameter is recommended so you can redirect the customer to a success page when they're order has been confirmed.

Like with the update cart tag, you can also pass information to the customer entry. Don't forget the email field though as it's required.

1{{ sc:checkout redirect="/thanks" }}
2 {{ if is_paid }}
3 <p>Checkout complete! <a href="{{ receipt_url }}">Download</a> your receipt.</p>
4 {{ else }}
5 <input type="text" name="customer[name]" placeholder="Full Name">
6 <input type="email" name="customer[email]" placeholder="Email">
7 
8 <input type="text" name="gift_note" placeholder="Gift Note">
9 
10 <select name="gateway">
11 {{ sc:gateways }}
12 <option value="{{ class }}">{{ name }}</option>
13 {{ /sc:gateways }}
14 </select>
15 
16 <!-- deal with your gateway stuff -->
17 
18 <button type="submit">Checkout</button>
19 {{ /if }}
20{{ /sc:checkout }}

If you're using an off-site gateway, like Mollie, you can learn about the checkout process, over here.

Need some help?

There's plenty of ways of getting help: either via opening a GitHub Issue, starting a conversation on the Statamic Discord or directly emailing me.