Back to all templatesOrder
OrderE commerce
This is a screenshot of the compiled email. To view a live in browser version of the email click the "Live" button.
This is the pre-compiled code. It needs to be compiled via Bootstrap Email to build it for use in emails. You can do so by clicking the "Open in Editor" button, programmatically compile, or use the already compiled version by clicking the "Download Compiled" button.
<body>
<div class="container">
<img class="mt-4 w-48" src="https://assets.bootstrapemail.com/logos/light/combined.png" />
<hr />
<div class="mb-3">Hey <span class="fw-600">Person</span>,</div>
<div class="h4 text-purple-500 fw-600 mb-3">
Your order is confirmed!
</div>
<div class="mb-4">
Thank you for shopping! Your order of <a href="#">Hip Corp Sunglasses</a> and <a href="#">2 more items</a> hasn't shipped yet, but we'll send you an email when it does.
</div>
</div>
<div class="container bg-light border-top my-4 py-4">
<div class="text-muted mb-4">
Order: <a href="#">#123-1234567-1234567</a>
</div>
<div class="row">
<div class="col-lg-8">
<a class="btn btn-purple-500 fw-600 mb-4" href="https://app.bootstrapemail.com/templates">View or Manage Order</a>
</div>
<div class="col-lg-4">
<table>
<tbody>
<tr>
<td class="text-right text-muted pr-3">Sub-total</td>
<td class="text-muted">$219.97</td>
</tr>
<tr>
<td class="text-right text-muted pr-3">+ Tax</td>
<td class="text-muted">$13.20</td>
</tr>
<tr>
<td class="text-right pr-3">Total</td>
<td>$233.17</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr />
<div>
<div class="fw-600">Payment Method</div>
<div>PayPal</div>
<div>You paid $219.97</div>
</div>
<hr />
<div class="row mb-3">
<div class="col-lg-2">
<img class="max-w-48 max-w-lg-24 ax-center" src="https://assets.bootstrapemail.com/photos/glasses-1.png" />
</div>
<div class="col-lg-8">
<a href="#">Hip Corp Sunglasses</a>
<div class="text-muted">Sunglasses for any occasion. They will be sure to make your friends notice!</div>
</div>
<div class="col-lg-2 fw-600">
$29.99
</div>
</div>
<div class="row mb-3">
<div class="col-lg-2">
<img class="max-w-48 max-w-lg-24 ax-center" src="https://assets.bootstrapemail.com/photos/glasses-2.png" />
</div>
<div class="col-lg-8">
<a href="#">Hip Corp Sunglasses</a>
<div class="text-muted">Sunglasses for any occasion. They will be sure to make your friends notice!</div>
</div>
<div class="col-lg-2 fw-600">
$39.99
</div>
</div>
<div class="row mb-3">
<div class="col-lg-2">
<img class="max-w-48 max-w-lg-24 ax-center" src="https://assets.bootstrapemail.com/photos/glasses-3.png" />
</div>
<div class="col-lg-8">
<a href="#">Hip Corp Sunglasses</a>
<div class="text-muted">Sunglasses for any occasion. They will be sure to make your friends notice!</div>
</div>
<div class="col-lg-2 fw-600">
$149.99
</div>
</div>
</div>
</body>