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.

    English (US)
    US English (US)
    FR French
    DE German
    ES Spanish
    IT Italian
    JP Japanese
    • Home
    • User Guides
    • Locator + Pages

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

    Replace element name via JavaScript

    Written by Sven Pierschalla

    Updated at September 2nd, 2025

    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
      API Guides 'Near Me' 360 Product descriptions New here Configuration and Connection Guides
    • Uberall Academy and Learning Resources
      Learning Resources - Best Practices Uberall 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 Directories
    • Connecting Tools
      Connection Troubleshooting API
    • Org Settings
      Users Billing API Keys Webhooks Legal Documentation Product Descriptions
    + 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.

    Knowledge Base Software powered by Helpjuice

    Expand