Templates Documentation Pricing Login Sign up

Template editor preview

Template is designed online, directly in your browser using WYSIWYG editor. Source button allows you to edit HTML source too. Feel free to try it out, changes on this page are not persisted.

Template name:

<table align="center" border="0" cellpadding="0" cellspacing="0" height="176" width="100%">
	<tbody>
		<tr>
			<td style="vertical-align: top;">Order #<span alt="1234" class="dg_item" id="id" style="" type="null">1234</span><br />
			<span alt="2018-01-01" class="dg_item" id="to_date(modified_date,'yyyy-MM-dd')" style="" type="null">2018-01-01</span></td>
		</tr>
		<tr>
			<td style="vertical-align: top;">
			<p>Shipping Details:</p>

<p><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><strong><span contenteditable="false" tabindex="-1"><span alt="Company" class="dg_item" data-widget="templateitem" id="billing_address.company" style="" type="null">Company</span></span></strong></span></span><br />
			<span alt="Name" class="dg_item" id="billing_address.first_name + &quot; &quot; + billing_address.last_name" type="null">Name</span><br />
			<span contenteditable="false" tabindex="-1"><span alt="Street name and number" class="dg_item" data-widget="templateitem" id="billing_address.address_1" type="null">Street name and number</span></span><br />
			<span contenteditable="false" tabindex="-1"><span alt="Postal code and City name" class="dg_item" data-widget="templateitem" id="billing_address.postcode + &quot; &quot; + billing_address.city" type="null">Postal code and City name</span></span><br />
			<span contenteditable="false" tabindex="-1"><span alt="Country" class="dg_item" data-widget="templateitem" id="billing_address.country" type="null">Country</span></span></p>
			</td>
		</tr>
	</tbody>
</table>

<table border="0" cellpadding="2" cellspacing="0" style="width: 100%;">
	<tbody>
		<tr class="line-items-head">
			<td><strong>SKU</strong></td>
			<td><strong>Description</strong></td>
			<td style="width: 60px; text-align: right;"><strong>Amount</strong></td>
			<td style="width: 60px; text-align: right;"><strong>Weight</strong></td>
		</tr>
		<tr class="line-items-head">
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td style="text-align: right;">&nbsp;</td>
			<td style="text-align: right;">&nbsp;</td>
		</tr>
		<tr class="dg_repeatable" id="line_items">
			<td><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span alt="A23B45" class="dg_item" data-widget="templateitem" id="sku" style="" type="null">A23B45</span></span></span></span></td>
			<td><span alt="Item name" class="dg_item" id="name" style="" type="null">Item name</span></td>
			<td style="text-align: right;"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span contenteditable="false" tabindex="-1"><span alt="1 pcs" class="dg_item" data-widget="templateitem" id="qty + &quot; pcs&quot;" type="null">1 pcs</span></span></span></span></td>
			<td style="text-align: right;"><span alt="10 g" class="dg_item" id="num((weight*1000), 0, 0) + &quot; g&quot;" style="" type="null">10 g</span></td>
		</tr>
		<tr class="line-items-tail">
			<td colspan="2" rowspan="1" style="text-align: right;"><strong>Total weight:</strong></td>
			<td colspan="2" rowspan="1" style="text-align: right;"><span alt="0.010 kg" class="dg_item" id="num(sum(line_items, qty * weight), 0, 3) + &quot; kg&quot;" type="null">0.010 kg</span></td>
		</tr>
	</tbody>
	<tfoot>
	</tfoot>
</table>

Cookies

This website uses cookies to offer you a better browsing experience. You can agree to our use of cookies by clicking Accept or personalize your experience in Cookie Settings. Want to know more? Check out our Privacy and Cookies Policy