<h2>Add dynamic titles to a page</h2><br/><div style="overflow-x:auto"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta content="text/html; charset=UTF-8" /><meta name="copyright" content="(C) Copyright 2025" /><meta name="DC.rights.owner" content="(C) Copyright 2025" /><meta name="generator" content="DITA-OT" /><meta name="DC.type" content="task" /><meta name="DC.title" content="Add dynamic titles to a page" /><meta name="abstract" content="Create variables to generate descriptive titles depending on the content loaded into a page." /><meta name="description" content="Create variables to generate descriptive titles depending on the content loaded into a page." /><meta name="DC.subject" content="Dynamic Service Portal page titles" /><meta name="keywords" content="Dynamic Service Portal page titles" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/seo-sp.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/navigation-and-ui/concept/c_NavigationAndTheUserInterface.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/general/concept/configure-uis-and-portals.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/c_ServicePortal.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/task/t_ConfigureAPage.html" /><meta name="DC.creator" content="ServiceNow" /><meta name="DC.date.created" content="2023-02-02" /><meta name="DC.date.modified" content="2023-02-02" /><meta name="DC.format" content="XHTML" /><meta name="DC.identifier" content="add-page-title" /><link rel="stylesheet" type="text/css" href="../../../CSS/commonltr.css" /><title>Add dynamic titles to a page</title></head><body id="add-page-title"> <div class="breadcrumb"><a class="link" href="../../../administer/navigation-and-ui/concept/c_NavigationAndTheUserInterface.html" title="Interact with Now Platform applications and data in the way that works best for you.">Configure user experiences</a> > <a class="link" href="../../../administer/general/concept/configure-uis-and-portals.html" title="Customize your interface to create an efficient, unique experience for users and customers.">Configure UIs and portals</a> > <a class="link" href="../../../build/service-portal/concept/c_ServicePortal.html" title="Service Portal allows you to build a mobile-friendly self-service portal experience for your employees or customers. Service Portal is a Now Platform feature that is active by default and interacts with parts of the platform so users can access platform features through portals.">Service Portal</a> > </div> <h1 class="title topictitle1" id="ariaid-title1">Add dynamic titles to a page</h1> <div class="body taskbody"><p class="shortdesc">Create variables to generate descriptive titles depending on the content loaded into a page.</p> <div class="section prereq p"> <p class="p">Role required: admin</p> </div> <div class="section context" id="add-page-title__context_krs_tvw_cmb"> <div class="note"><span class="notetitle">Note:</span> The dynamic titles don’t apply to the knowledge article view page in the Knowledge Management Service Portal.</div> </div> <ol class="ol steps"><li class="li step stepexpand"> <span class="ph cmd">Navigate to <span class="ph menucascade"><span class="ph uicontrol">All</span> > <span class="ph uicontrol">Service Portal</span> > <span class="ph uicontrol">Pages</span></span>.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Open a page.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Add one or more variables to the <span class="ph uicontrol">Dynamic page title</span> field.</span> <div class="itemgroup info">Depending on the available URL parameters and the dynamic title you would like to define, you can add the following types of values: <div class="tablenoborder"><table cellpadding="4" cellspacing="0" summary="" id="add-page-title__table_h2h_dmj_v1b" class="table" frame="border" border="1" rules="all"><colgroup><col style="width:27.864583333333336%" /><col style="width:46.09375%" /><col style="width:26.041666666666668%" /></colgroup><thead class="thead" style="text-align:left;"><tr class="row"><th class="entry cellrowborder" style="vertical-align:top;" id="d119992e102">Value types</th><th class="entry cellrowborder" style="vertical-align:top;" id="d119992e105">Description</th><th class="entry cellrowborder" style="vertical-align:top;" id="d119992e108">Example value</th></tr></thead><tbody class="tbody"><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e102 ">One URL parameter variable</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e105 ">Generates a page title using the associated record of one URL parameter.</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e108 "><code class="ph codeph">%first_name</code></td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e102 ">More than one URL parameter variable</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e105 ">Generates a page title using the associated records of multiple URL parameters.</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e108 "><code class="ph codeph">%first_name %last_name</code></td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e102 ">Static value and a URL parameter variable</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e105 ">Generates a page title using a static value and the associated record of a URL parameter.</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e108 "><code class="ph codeph">Employee: %first_name</code></td></tr></tbody></table> </div> <p class="p">Enter the variables in the intended syntax of the title. For example, to have an employee's name and title separated by a hyphen, you would enter %first_name - %title. In the page title, this syntax would render as something like "Beth - System Administrator".</p> </div> </li><li class="li step stepexpand"> <span class="ph cmd">Click the <span class="ph uicontrol">Dynamic page variables</span> related list tab.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Click <span class="ph uicontrol">New</span> to create a new variable.</span> </li><li class="li step stepexpand"> <span class="ph cmd">On the form, fill in the fields.</span> <div class="itemgroup info">Associate a field with a URL query parameter. When the value of the query parameter is used to display content, a field from the same record is used to generate the title. You can define the field to generate the title through the <span class="ph uicontrol">Table field</span> field. <div class="tablenoborder"><table cellpadding="4" cellspacing="0" summary="" id="add-page-title__table_acv_cff_51b" class="table" frame="border" border="1" rules="all"><colgroup><col style="width:28.985507246376812%" /><col style="width:71.01449275362319%" /></colgroup><thead class="thead" style="text-align:left;"><tr class="row"><th class="entry cellrowborder" style="vertical-align:top;" id="d119992e206">Field</th><th class="entry cellrowborder" style="vertical-align:top;" id="d119992e209">Description</th></tr></thead><tbody class="tbody"><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">Name</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">Variable to store the value. Must begin with <span class="ph uicontrol">%</span> and cannot contain spaces. This value must match one of the variables defined in the <span class="ph uicontrol">Dynamic page title</span> field.</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">Application</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">Application scope of the page. This value is read-only.</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">Page</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">Page to apply the dynamic variable to.</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">URL query parameter</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">URL parameter to indicate the record that is being displayed. You can enter any string.<div class="note tip"><span class="tiptitle">Tip:</span> To create a URL parameter that is meaningful and easily identifiable, use a field name from the record. For example, to refer to a knowledge article, you can enter number to reference the article by its number.</div> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">Relevant table column</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">Table field to match the URL query parameter. For example, if you entered number to reference a knowledge article by its number, select <span class="ph uicontrol">Number</span>. If left blank, the system uses the record sys_id.</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">Table</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">The source table of the URL query parameter record.</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e206 ">Table field</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d119992e209 ">Field from the table defined in the <span class="ph uicontrol">Table</span> field. This field is used to generate the dynamic page title.</td></tr></tbody></table> </div> <p class="p">If more than one dynamic page variables match a variable defined in the <span class="ph uicontrol">Dynamic page title</span> field, the record with the latest Updated date is used.</p> <p class="p">Variables with same name aren't supported and won't be created multiple times. Each variable should be unique.</p> <div class="fig fignone" id="add-page-title__fig_ucs_h34_3kb"> <img class="image" id="add-page-title__image_emh_2lj_v1b" src="../image/dynamic-var.png" alt="A completed dynamic page title variables form that populates the page title with a user's title." /> </div> <p class="p">In this example, the value of the Title field in the User [sys_user] table populates the page title. The <code class="ph codeph">%title</code> variable must also be defined in the <span class="ph uicontrol">Dynamic page title</span> field in the page record.</p> </div> </li><li class="li step stepexpand"> <span class="ph cmd">Click <span class="ph uicontrol">Submit</span>.</span> </li></ol> <div class="section result" id="add-page-title__result_nqn_xqq_v1b">When the page loads, the record defined in the URL query parameter displays. The field defined in <span class="ph uicontrol">Table field</span> determines the title of the page. </div> </div> <div class="related-links"> <div class="familylinks"> <div class="parentlink"><strong>Parent Topic:</strong> <a class="link" href="../../../build/service-portal/concept/seo-sp.html" title="Search engine optimization (SEO) helps portal users find the information they need and be more engaged with your portal. Adding SEO information to your public portal pages improves how external search engines index and rank pages to make them more findable.">Improving search engine optimization for portals</a></div> </div> <div class="linklist relinfo reltasks"><strong>Related tasks</strong><br /> <ul class="linklist"><li class="linklist"><a class="link" href="../../../build/service-portal/task/t_ConfigureAPage.html" title="Create or edit a page and use layouts to organize the columns that house the widgets.">Create and edit a page using the Service Portal Designer</a></li></ul></div> </div></body></html></div>