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 it however you like and it won't affect the original.

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

Templates vs Globals in Elements:

  • Templates are like blueprints: a quick way to drop in a ready-made layout or design made of Components.

    • As soon as you add a Template to your page, it becomes a standalone set of components, completely independent from the original template.

    • No matter how much (or how little) you customise it, it’s not linked to the original anymore.

    • Changing the original template (from a Template Pack) will not affect anything you’ve already added to your site.

    • You’re free to modify it as much or as little as you want, once the template is dropped into your site think of it as a copy, not a link!

Want content to stay in sync across pages? That’s where Globals come in!

  • Globals are like master elements: place them on multiple pages and update in one place—the change is mirrored everywhere. Perfect for headers, footers, banners, and other repeat content.

  • You can even override certain aspects of a Global on a single page if you want a little variation.

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?