Introduction

Templates

Smarty

Template Basics

You have full control over your template with extensive functionality thanks to the Smarty template engine.

Your template lives within the Layouts app, which comes with three tabs.

Template

This is your templates HTML markup from top to bottom. You can define your entire page here like the example below:

{include file="globalheader.tpl"}
<body>
    <h1>Hello, World!</h1>
    {$pageContent}
</body>
</html>

Important: Due to the nature of smarty, script tags must be wrapped in a {literal}{/literal} tag.

For more information on what variables can be used in the Template, check out the Variables section.

CSS

Your CSS gets automatically added to the page thanks to the {include file="globalheader.tpl"} in the template. Any css you place here will end up being used on your website.

Headcode

If you need to include custom javascript or css for things like typekit or responsive meta tags, here is the place to do it. Simply add html and it will be added between the tags of the template.

Back to Top