Templates are files that you can create that wrap around content enabling you to apply a consistent design and structure while keeping it simple to manage thanks to only having one file to edit. There are two types of Template: Page Templates and Email Templates.
Typically a Page Template will include a few different elements of a Page, which means you can apply the template to a Page and have it automatically wrap your content:
Head - Where you include your page CSS, JS and other resources. Place above the Body element.
Header - Include your main navigation, logo and other. Place at the top of the Body element.
Body - Use the
content_for_layoutliquid tag between your Header and Footer to automatically output page content here.
Footer - Include your secondary navigation here and any other links.
The graphic below illustrates the structure in the frontend, when the template has been saved and the 'Header' and 'Footer' have been output in the correct position within the section of code using the 'Toolbox'.
Typically an Email Template will include any CSS and the structural HTML table that contains the email content. Much like Page Templates, this means you can apply the Template to a Form Autoresponder & Workflow notification email so that your email content is automatically wrapped and styled for you.
Where are 'Templates'?
From a Site Admin, navigate to Site Manager > 'Templates' in the menu on the left-hand side.