If you're having issues with extensive customization of your email and order templates and you'd like to start fresh, we have the defaults for you here:
Email Templates
New Order Template
Sent to the customer upon receipt of a new order.
Subject:
Downloads for Order {{ order.number }}
Body:
Hi {{ order.first_name }},
Thanks again for purchasing from {{ company.name }}!
Use the link below to download your items. This link may be used up to {{ order.download_limit }} times before it expires on {{ order.expires }}. Please ensure the entire URL is copied to your web browser.
<a href='{{ order.url }}'>{{ order.url }}</a>
{% for product in order.products %}
{% if product.license_key %}License Key for {{ product.name }}: {{ product.license_key }}{% endif %}
{% endfor %}
For support email us at {{ company.email }}. Please include your order number ({{ order.number }}) with your inquiry.
It's been a pleasure doing business with you!
{{ company.name }}
----------------------------
Powered by <a href='{{ company.referral_link }}'>FetchApp</a>
Manual Order Template
Sent to the customer upon receipt of a manual order, or for a bulk imported CSV of orders.
Subject:
Downloads for Order {{ order.number }}
Body:
Hi {{ order.first_name }},
Thanks again for purchasing from {{ company.name }}!
Use the link below to download your items. This link may be used up to {{ order.download_limit }} times before it expires on {{ order.expires }}. Please ensure the entire URL is copied to your web browser.
<a href='{{ order.url }}'>{{ order.url }}</a>
{% for product in order.products %}
{% if product.license_key %}License Key for {{ product.name }}: {{ product.license_key }}{% endif %}
{% endfor %}
For support email us at {{ company.email }}. Please include your order number ({{ order.number }}) with your inquiry.
It's been a pleasure doing business with you!
{{ company.name }}
----------------------------
Powered by <a href='{{ company.referral_link }}'>FetchApp</a>
Product Update Template
Sent to the customer when a product is updated and the order is re-opened.
Subject:
New Downloads for Order {{ order.number }}
Body:
Hi {{ order.first_name }},
We have released a new version of {{ product.title }}!
Use the link below to download your items. This link may be used up to {{ order.download_limit }} times before it expires on {{ order.expires }}. Please ensure the entire URL is copied to your web browser.
<a href='{{ order.url }}'>{{ order.url }}</a>
{% if product.license_key %}
License Key for {{ product.name }}: {{ product.license_key }}
{% endif %}
For support email us at {{ company.email }}. Please include your order number ({{ order.number }}) with your inquiry.
It's been a pleasure doing business with you!
{{ company.name }}
----------------------------
Powered by <a href='{{ company.referral_link }}'>FetchApp</a>Page Templates
Order Page Template
What the customer sees once they click the link to the order page to retrieve their files.
Fetchapp 2.0 Style:
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ company.name }} — Downloads for Order {{ order.number }}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width">
<!--[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 class="bg-dark">
<!-- START SIMPLE -->
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-8 offset-md-2 offset-lg-3 my-3">
<h1 class="text-light h5">{{ company.name }}</h1>
<h2 class="text-light h6">Downloads for Order {{ order.number }}</h2>
<div class="alert alert-secondary">
<small>
<b>
Trouble downloading?
</b>
<br>
<span>
Right click the link(s) below and 'Save File As...' or 'Save Target As...' or try a different browser like Firefox, Chrome, or Safari.
</span>
</small>
</div>
{% if company.uses_dropbox %}
<div class="my-2">
{{ order.dropbox_script }}
</div>
{% endif %}
{% for product in order.products %}
<div class="card mb-3">
<div class="card-body">
<span class="product__title">
<b>{{ product.name }}</b>
</span>
<br>
<span class="product__key">
{{ product.license_key }}
</span>
</div>
{% if product.files.size > 0 %}
<ul class="list-group list-group-flush">
{% assign files = product.files | sort %}
{% for file in files %}
<li class="justify-content-between list-group-item align-items-center">
<span class="mr-1">
<span>
{{ file.filename }}
</span>
{% if file.filesize %}
<small class="text-secondary">
{% assign filesize = file.filesize | times: 1.0 %}
({{ filesize | divided_by: 1024.0 | divided_by: 1024.0 | round: 2 }}MB)
</small>
{% endif %}
</span>
<br>
<a href="{{ file.link }}" class="btn btn-sm btn-primary mt-2">
Download
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endfor %}
<div class="card mt-3">
<div class="card-body">
<strong>
Trouble Downloading?
</strong>
<br>
<small>
Right click on the above link (s) and 'Save File As ...' or 'Save Target As ...' or try another browser like Firefox, Chrome, or Safari.
</small>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Legacy Fetchapp style:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>{{ company.name }} — Downloads for Order {{ order.number }}</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]-->
<meta name="copyright" content="Fetchapp LLC"/>
<link href="/stylesheets/admin-source.css" media="screen" rel="stylesheet" type="text/css"/>
<!--[if lte IE 8]>
<link href="/stylesheets/ie-source.css" media="screen" rel="stylesheet" type="text/css"/><![endif]-->
<noscript>
<link href="/stylesheets/noscript-source.css" media="screen" rel="stylesheet" type="text/css"/>
</noscript>
<link href="/stylesheets/print-source.css" media="print" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- START SIMPLE -->
<div id="simple">
<div id="container">
<!-- START BOX -->
<div id="box">
<div id="bg">
<h5>{{ company.name }}</h5>
<h6>Downloads for Order {{ order.number }}</h6>
{% if company.uses_dropbox %}<div style="padding-top: 10px; padding-bottom: 20px;">{{ order.dropbox_script }}</div>{% endif %}
<ul id="order">
{% for product in order.products %}
<li>
<p>{{ product.name }}</p>
<ul>
{% if product.license_key %}<li>License Key: {{ product.license_key }}</li>{% endif %}
{% for file in product.files %}
<li>
<a href="{{ file.link }}">{{ file.filename }}</a>{% if file.filesize %} <span>({{ file.filesize}})</span>{% endif %}
{% endif %}
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
<h6><br/><strong>Trouble downloading?</strong> <br/>Right click the link(s) above and 'Save File As...' or 'Save Target As...' or try a different browser like Firefox, Chrome, or Safari.</h6>
</div>
</div>
<!-- END BOX -->
</div>
</div>
<!-- END SIMPLE -->
<script src="/javascripts/jquery-1-3-1.js" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1-8-11.js" type="text/javascript"></script>
</body>
</html>
Search Page Template
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>
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