Quick Links
Accessing the editor - Instructions for accessing the editor for the first time.
Navigating the editor - Instructions for using the using the editor.
Supported template types - A list of the template types currently supporting templates v2.
AI template assistant - A little bit about the new ai template assistant that can be used with templates v2.
Template variables - A list of all template variables you can use on your template.
Opting out of templates v2 - Instructions for going back to your old templates.
Getting Started
Templates v2 is a new and powerful editor that will give you the power to fully customize your store templates. The template code will be built on top of LiquidJS, making it much easier to construct tables, generate barcodes, and much more. There will also be new variables to give you full access to order information.
Accessing the Editor
Go to stores settings page.
Click edit on the store you would like to update templates for.
Navigate to the templates section of the page and click it to expand.
Click on a template that supports v2. (Note: we will be rolling out support for each type as we convert them. We will be starting off with our most popular packing slips).
The edit window should open with a message of "You have been invited to template editor v2, create your first upgraded template today." at the top. There you will find a link to access the new editor.
Navigating the Editor
The AI Preview Window
The editor will load into the AI preview window. Here you will find our new AI template assistant. With some simple prompts, you can make changes to the template without looking at any code. You can try a command like "Add a barcode column for the item SKU to the items table" or "Make the shipped quantity highlighted when it is greater than 0".
Editing the LiquidJS code
At the top-left of the preview window, you will find the button "Edit Source". You can use this to navigate to the code editing window, and make some custom adjustments.
SKULabs has made it even easier for you to get what you need with new easy-to-use variables.
Utilize these new variables to access a broader range of order data, giving you greater flexibility to customize each template to meet your specific needs.
Going back to the old templates (opting out of templates v2)
Rest assured, your old templates aren't going anywhere by switching to templates v2. You can easily revert back to the old template by opening the menu options and then clicking "opt out templates v2".
Supported Template Types
This list represents the release schedule for each template type with the highest priority being towards to the top.
Type | Release |
Packing Slip | August 2024 |
Invoice | August 2024 |
Shipped Email | August 2024 |
Pick List | August 2024 |
All others | TBD |
AI Template Assistant (Beta)
Introducing our new AI Template Assistant, powered by OpenAI. This tool helps you maximize the potential of your templates, enabling you to make impactful changes without needing to write any code.
Here are some example prompts that you can use:
Add a barcode column for the item SKU to the items table.
Make the shipped quantity highlighted when it is greater than 0.
Remove the order summary from the bottom of the page.
Add a thank you message with our shop name to the bottom.
Template Variables
Order
Name | Type |
binNumber | string |
groupNumber | string |
orderNumber | string |
altOrderId | string |
status | string |
orderAgeDays | number |
financialStatus | string |
channelStatus | string |
tags | [Tag] |
allShipments | [Shipment] |
dropShipments | [Shipment] |
newShipments | [Shipment] |
store | |
fulfillmentSummary | |
orderSummary | |
lines | [Item] |
customerNotes | string |
staffNotes | string |
skulabsNotes | string |
customer | |
billing | |
origin | |
return | |
currentDate | Date |
Shipment
Name | Type |
purchaseOrderNumber | string |
time | Date |
provider | string |
service | string |
amount | number |
status | string |
trackingNumber | string |
altTrackingNumber | string |
trackingUrl | string |
items | [item] |
labelUrl | string |
type | string |
origin | |
destination |
Item
Name | Type |
thumbnail | string |
name | string |
sku | string |
barcode | string |
serialNumbers | [number] |
tags | [Tag] |
locations | |
shipped | number |
ordered | number |
dropshipped | boolean |
price | number |
remaining | number |
type | string |
lineId | string |
items | [Item] (when an item is a kit) |
kitId | string |
readyToShip | boolean |
options (BigCommerce only) |
Store
Name | Type |
name | string |
type | string |
logoUrl | string |
FulfillmentSummary
Name | Type |
shipped | number |
ordered | number |
leftToShip | number |
OrderSummary
Name | Type |
subtotal | number |
tax | number |
shipping | number |
discount | number |
total | number |
Address
Name | Type |
name | string |
phone | string |
string | |
company | string |
city | string |
country | string |
state | string |
zip | string |
federal_tax_id | string |
state_tax_id | string |
address_type | string |
street1 | string |
street2 | string |
PickingLocation
Name | Type |
onHand | number |
name | string |
Tag
Name | Type |
name | string |
color | string |
ProductOption (BigCommerce only)
Name | Type |
displayName | string |
customerDisplayName | string |
merchantDisplayName | string |
displayValue | string |
customerDisplayValue | string |
merchantDisplayValue | string |