The browser tab title helps visitors identify your BoldDesk customer portal when it is open alongside other webpages. You can use custom JavaScript to replace the default browser tab title with a name that reflects your organization or support portal.

This customization applies to the customer portal of the selected brand. For example, you can change the browser tab title to Service Desk, Support Center, or another preferred name.

Prerequisites

Before changing the browser tab title, ensure that:

• Your role has the Manage Settings permission.
• You can access the customer portal settings.
• You have selected the correct brand.
• You have permission to add custom JavaScript.
• You can test the customization before applying it to the production customer portal.

Change the Customer Portal Browser Tab Title

To change the browser tab title:

1. Go to Admin > Customer Portal.

2. Select the brand whose customer portal you want to customize.

3. Open Customization.

4. Locate the Custom JS section.

5. Paste the following JavaScript:

   document.querySelector("title").innerText = "Service Desk";
   

6. Replace Service Desk with the title you want to display.

7. Save and publish the customer portal changes.

   

8. Open or refresh the customer portal and verify the browser tab title.

For instructions on accessing the Custom JS editor, explore How to Customize the BoldDesk Customer Portal.

Customize the JavaScript

In the following example, Service Desk is the browser tab title:

document.querySelector("title").innerText = "Service Desk";

To use another title, replace Service Desk with the required text.

For example:

document.querySelector("title").innerText = "Customer Support Center";

Before Customization

Before applying the custom JavaScript, the browser tab displays the default customer portal title.

After Customization

After applying the custom JavaScript, the browser tab displays the title specified in the script.

Troubleshooting

The Browser Tab Title Does Not Change

Confirm that:

• The JavaScript was added to the Custom JS section.
• The customer portal changes were saved and published.
• The correct brand was selected.
• The script contains the required title inside quotation marks.
• The browser page was refreshed after publishing the changes.

The Previous Browser Tab Title Is Still Displayed

The browser may be displaying a cached version of the customer portal. Perform a hard refresh or clear the browser cache, and then reopen the portal.

The Browser Tab Title Changes for One Brand but Not Another

Customer portal customization settings are brand-specific. Add and publish the custom JavaScript separately for each brand where the customized browser tab title is required.

The Customer Portal Does Not Load Correctly

Temporarily remove the custom JavaScript, save the changes, and reload the customer portal. Check the script for missing quotation marks or other syntax errors before adding it again.

Frequently Asked Questions

1. What does this JavaScript change in the customer portal?
   The JavaScript changes the title displayed in the browser tab when the customer portal is open.

2. Does this customization rename a customer portal navigation tab?
   No. It changes only the browser tab title. It does not rename navigation options such as Tickets or Knowledge Base.

3. Does changing the browser tab title modify the customer portal URL?
   No. The customer portal URL remains unchanged.

4. Can I configure a different browser tab title for each brand?
   Yes. Customer portal customization settings are brand-specific, so you can add different JavaScript for each brand.

5. How can I restore the default browser tab title?
   Remove the JavaScript from the Custom JS section, and then save and publish the customer portal changes.

6. Can a BoldDesk update affect this customization?
   Yes. Custom JavaScript depends on the customer portal’s page structure. Review and test the customization after significant customer portal updates.

Related Articles

1. How to Customize the BoldDesk Customer Portal
2. How to Restrict Agents from Creating Tickets in the Customer Portal
3. How to Add an External Website Link or Custom Tab to the Customer Portal
4. Make the Phone Number Field Mandatory in a Web Form and Help Widget
5. How to Add Third-Party Scripts to the Customer Portal
6. How to Increase the Length of the Description Field in Web Forms and Help Widgets
7. How to Modify the Knowledge Base Title Text in the Customer Portal