objects-columnTemplates

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.

circle-exclamation

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 Languagearrow-up-right section of the manual.

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

Last updated

Was this helpful?