# Template Tokens

The default page HTML that is used in the page is at the time of this writing shown below:&#x20;

```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><!--page_title--></title>
<!--styles_content-->
<!--scripts-->
</head>
<body>
<!--application_content-->
</body>
</html>
```

You can modify the [page template](https://velara-3.gitbook.io/web-export/export-artboard-dialog/page-template) and use tokens to determine where to insert page elements.&#x20;

The stylesheet template and JavaScript template only support one token.&#x20;

The stylesheet template supports the Styles Declaration token shown below.&#x20;

The JavaScript template supports the JavaScript token shown below.&#x20;

When you select the artboard and look in the element panel you can access the templates  and tell if they have been modified by viewing the template icons:&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-Lvv8RfpDC1Mg7yIxyOa%2F-Lvv95G4dhqXbBnS6Zvs%2Fimage.png?alt=media\&token=b39d8750-01c7-4b4a-9fb0-51be3aa9f200)

#### Template Tokens

The page template comes with a few tokens you can use to configure the page output.&#x20;

* **Page title** - This is the title of the page. The token is `<!--page_title-->`
* **Styles declarations** - This is the style rules for the page. The token is `<!--styles_content-->` There are begin and end tags you can also use.&#x20;
* **JavaScript** - This is the JavaScript used for some features. The token is `<!--scripts-->`
* **Application** - This is the Artboard HTML. The token is `<!--application_content-->`
* **Body content** - This is the Artboard HTML but includes enclosing body tags. The token is `<!--body_content-->`
* **Date** - This is the current date. The token is `<!--date-->`
* **Year** - This is the current year. The token is `<!--year-->`&#x20;
* **Month** - This is the current month. The token is `<!--month-->`
* **Day** - This is the current day. The token is `<!--day-->`
* **Time** - This is the current time. The token is `<!--time-->`
* **Generator** - This is the generator. Default is "Web Export". The token is <`!--generator-->`
* **Generator Version** - This is the version of Web Export. The token is `<!--generator_version-->`. The value is formatted as `major.minor.build` as in `3.4.5`.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-Mbty4ZSNRAtz8e6Yoq6%2F-MbtyJh-Y-9HcvaSJmzH%2Fimage.png?alt=media\&token=8dbdb3d8-3f24-408c-8d60-b65d3de13954)

An example project showing how to use templates can be found [here](https://github.com/velara3/xd-examples/tree/master/web-export/examples/templates).&#x20;
