What a customer sees when directing them to an order on the post-purchase screen ("get your orders here" link), or when searching for their order.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>{{ company.name }} — Orders for {{ company.name }}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--[if lte IE 8]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><![endif]-->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<!-- START SIMPLE -->
<div class="col-lg-6 offset-lg-3 my-5">
<!-- START BOX -->
<div id="box">
<div id="bg">
<h1 class="text-center pb-2">{{ company.name }}</h1>
<div class="card p-4">
{% if form.not_found %}
<p class="alert alert-warning">Sorry, we couldn't find the order you searched for. Please verify the order number and email are correct. If you just placed the order, please check back in a few minutes or look in your inbox for an email containing a direct link.
</p>
{% else %}
<p>Looking to download products you purchased from us? Enter your order number and the email you used when placing the order in the fields below and we'll send you along to the download page.
</p>
{% endif %}
<form id="orderForm" action="/orders" method="post" ref="orderSearchForm">
<input name="_csrf_token" type="hidden" value="{{ form._csrf_token }}">
<div class="mb-3">
<label for="number">
Order Number
<span class="required text-danger">*</span>
</label>
<input type="text" name="number" class="form-control" id="number" placeholder="Enter your order number" required>
</div>
<div class="mb-3">
<label for="number">
Order Email
<span class="required text-danger">*</span>
</label>
<input type="text" name="email" class="form-control" id="email" placeholder="Enter your order email" required>
</div>
<input type="submit" value="Find Order" class="btn btn-primary btn-block"/>
</form>
</div>
</div>
</div>
<!-- END BOX -->
</div>
<!-- END SIMPLE -->
</body>
<script>
// Function to get URL parameters
function getUrlParams() {
const params = new URLSearchParams(window.location.search);
return {
email: params.get('email'),
number: params.get('number'),
submit: params.get('submit')
};
}
// Fill the form fields and update form action with URL parameters
function fillForm() {
const params = getUrlParams();
const form = document.getElementById('orderForm');
if (params.email) {
document.getElementById('email').value = params.email;
}
if (params.number) {
document.getElementById('number').value = params.number;
}
// Update form action dynamically
if (params.email && params.number) {
form.action = "/orders?email=" + params.email + "&number=" + params.number;
// Submit the form only if 'submit=true' is present in the URL
if (params.submit === 'true') {
form.submit();
}
}
}
// Execute the function when the page loads
window.onload = fillForm;
</script>
</html>Note that unchecking/unpublishing will revert to the 2.0 default template and checking/publishing it will override the 2.0 default template.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article