Templates

Start quickly, control deeply.

Templates are groups of Components that have been put togther to create a design or layout. Once a template is dropped into your page you can customise how you like, and it is no longer linked to the original template.

The core pack inside of Elements includes a selection of useful layouts for everyday web design, including menus, hero banners, layouts, forms, and more.

Globals are similar, but very different to Templates. Templates are single use and not linked. Where's Globals remain linked and are perfect for making changes across your entire site, perfect for shared menus and footers. Learn more about Globals here.

Supported Components

Templates can support many types of components, including:

  • Built-in Components

  • Third-party Components

  • Custom Components

  • Globals

  • Resources (as part of the components)

How to create Templates in a Project

To create a Template, drag a collection of Components from the Editor or Node Browser into the Project Templates area.

You can right-click on a Template to re-name it, or create a new folder for organisation.

Elements ships with a core set of Templates.

How to create Templates to share across Projects

To build a Template Pack that is available in all projects and distributable on the Elements Store you'll need to create a new Dev Pack. This can be done from the Addons tab in the app Settings window.

You can learn more about creating Template Packs in the Elements Language section of the manual.

Use the Create Pack button in the Addons tab in the App Settings Window.

Dev Diary Video's covering Templates

In Dev Diary 86, and 88, we take a closer look at the new Template features in Elements.

Last updated

Was this helpful?