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:
Code Block |
---|
<title>${page~title}</title> |
What tags are available?
None | None |
---|
| The name configured in the page admin settings |
| The public title configured in the page admin settings |
| Additional notes configured in the page admin settings |
| The pagination of a form |
| The title of the event |
Code Block |
---|
${event~description} |
| The description of the event |
Code Block |
---|
${page~clientRef1} |
| Custom reference field 1 value |
Code Block |
---|
${page~clientRef2} |
| Custom reference field 2 value |
Code Block |
---|
${page~clientRef3} |
| Custom reference field 3 value |
Code Block |
---|
${page~clientRef4} |
| Custom reference field 4 value |
Code Block |
---|
${page~clientRef5} |
| Custom reference field 5 value |
Code Block |
---|
${page~sessionId} |
| The current page session |
Code Block |
---|
${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:
Code Block |
---|
<title>${page~name}</title> |
In JavaScript
You can use JavaScript to get these tags and assign them to variables, for example:
Code Block |
---|
<script>
var pageName = "${page~name}";
console.log (pageName);
</script> |