Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

    Sign In
    • Home
    • User Guides
    • Locator + Pages

    How to change the name of an element in Locator & Pages?

    Replace element name via JavaScript

    Contact Us

    If you still have questions or prefer to get help directly from an agent, please submit a request.
    We’ll get back to you as soon as possible.

    Please fill out the contact form below and we will reply as soon as possible.

    • Getting Started
      New here Configuration and Connection Guides
    • Academy and Learning Resources
      Learning Resources - Best Practices Academy
    • User Guides
      AI What's New Platform Status and General FAQs Homepage The Dashboard Location Hub Review Management Messages Social Locator + Pages Analytics Directories Mobile App 'Near Me' 360
    • Connecting Tools
      Connection Troubleshooting API
    • Org Settings
      Users Billing API Keys Webhooks
    + More

    This article explains how to replace the naming of an element on a Location Page on the example of the email address.

    Disclaimer

    The following attempt was created and tested with a certain Locator and Pages version. Please note, that this solution might not be supported at a given point in future and we do not guarantee support for it.

    Replace email address via Javascript

    This attempt uses JavaScript to replace the naming of an element with a pre-defined text. In this example the email address will be replace by a generic text "Contact us".

    The script

    window.setInterval(function() {
        Array.from(document.getElementsByClassName('ubsf_details-email')).forEach(function(el) {
            var innerLink = el.querySelectorAll('a')[0];
            innerLink.text = 'Contact us';
        });
    }, 500);

    The above script selects the element 'ubsf_details-email' and replaces it the innerLink.text with the desired input - in this example "Contact us".

    Examples

    Fiddle with exposed JavaScript: https://jsfiddle.net/n81r2dxv/1/

    Fiddle with uploaded JavaScript: https://jsfiddle.net/n81r2dxv/2/


    Apply to other elements

    The above concept could be applied to other elements as well. In order to do so, replace the ('ubsf_details-email') in document.getElementsByClassName with the element you want to edit the text for.

    Change text

    The used text can be changed by editing the value of the innerLink.text.


    Read next: Locator & Pages - JavaScript to preselect a Filter

    javascript rename change name element locator+pages locator

    Was this article helpful?

    Yes
    No
    Give feedback about this article

    Related Articles

    • FAQ about Self Serve Locator & Pages
    • What is embedded Locator + Pages (Self Serve)?
    • Customizations of Locator + Pages via CSS
    • Locator and Pages attributes
    • Filters for Locator & Pages
     

    Copyright 2025 – uberall.

    Expand

    English (US)
    US English (US)
    FR French
    DE German
    ES Spanish
    IT Italian
    JP Japanese