Template
Fully Customizable Site Template
The site template give you the ability to modify the underlying template code for your entire site. It's perfect for placing scripts, such as Google Analytics anywhere within the page structure.
The site template is used on every page of your website. If you need to insert a script just on specific pages, you should use the page level code areas instead.
Properties
The Site Template has access to the following properties.
{{site.title}}
String
Website title
{{site.url}}
String
Website URL
{{page.title}}
String
Page title
{{page.path}}
String
Page path from site root
{{page.languageAttributes}}
String
Page language attributes
{{page.resourcesPath}}
String
Path to site resources directory
{{page.opengraph}}
String
OpenGraph social meta tag
{{page.social.title}}
String
Title for social media
{{page.social.description}}
String
Description for social media
{{page.social.url}}
String
Full page URL
{{page.social.image}}
String
Image for social media
{{page.content}}
String
Page content
{{page.componentHeader}}
String
Headers required by components
{{page.componentCSS}}
String
CSS required by components
{{page.componentJS}}
String
JS required by components
{{page.componentPageStart}}
String
Code required by components at start of page
{{page.componentPageEnd}}
String
Code required by components at end of page
{{page.componentHeadStart}}
String
Code required by components at start of headers
{{page.componentHeadEnd}}
String
Code required by components at end of headers
{{page.componentBodyStart}}
String
Code required by components at start of body
{{page.componentBodyEnd}}
String
Code required by components at end of body
{{page.customHeader}}
String
Custom page headers
{{page.customCSS}}
String
Custom page CSS
{{page.customJS}}
String
Custom page JS
{{page.customPageStart}}
String
Custom code at start of page
{{page.customPageEnd}}
String
Custom code at end of page
{{page.customHeadStart}}
String
Custom code at start of headers
{{page.customHeadEnd}}
String
Custom code at end of headers
{{page.customBodyStart}}
String
Custom code at start of body
{{page.customBodyEnd}}
String
Custom code at end of body
To reference a file in you Resources folder you can use the following page tag to get the correct path to the resources folder:{{page.resourcesPath}}.
The following example shows how you might link to a "store.js" file that's in a "scripts" folder in the Resources area.
Site Template Example
The following is an example of the default site Template. Please note the template is only used during preview and export. It is not used in Edit mode.
Example of adding Twitter/X social tags
You might like to add Twitter/X specific meta tags to your site so pages display correctly on their platform. Simply add the following to your site template.
Dev Diary Videos for Site Templates
The following videos will show you how to use the Template feature in Elements. The videos were recorded with a development version of Elements so the feature(s) available now may differ slightly to those in the video.
Last updated
Was this helpful?