Templates

Use templates to build your website in minutes

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.

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.

Last updated