Page-builder allows you to insert dynamic tags into Text Blocks, your HTML template or JavaScript that will pull in relevant value from that page. This can be useful for SEO, Meta Data, and so on. The tags can display information such as the page notes that are configured in the admin settings.
For example if you wanted to change the “Title” of your html template for each page using it, you could insert this into your HTML code:
<title>${page~title}</title>
What tags are available?
| Tag | Value Inserted |
${page~name}
|
The name configured in the page admin settings |
${page~title}
|
The public title configured in the page admin settings |
${page~notes}
|
Additional notes configured in the page admin settings |
${page~number}
|
The pagination of a form |
${event~title}
|
The title of the event |
${event~description}
|
The description of the event |
${page~clientRef1}
|
Custom reference field 1 value |
${page~clientRef2}
|
Custom reference field 2 value |
${page~clientRef3}
|
Custom reference field 3 value |
${page~clientRef4}
|
Custom reference field 4 value |
${page~clientRef5}
|
Custom reference field 5 value |
${page~sessionId}
|
The current page session |
${page~currentYear}
|
The current year – dynamic year tag |
Where can I use page tags?
In a text block
You can type these directly into a text block and they will display the tag’s data on page load.
In the HTML template
You can use page tags as “variables” in your HTML templates. A common use is between the title tags:
<title>${page~name}</title>
In JavaScript
You can use JavaScript to get these tags and assign them to variables, for example:
<script>
var pageName = "${page~name}";
console.log (pageName);
</script>