Add a Placeholder Text Inside the Password Field in the Login Page of Web Store

Written by
Ryan
Published on
August 24, 2023 at 4:59:58 AM PDT August 24, 2023 at 4:59:58 AM PDTth, August 24, 2023 at 4:59:58 AM PDT

Scenario

When trying to log in on a SiteBuilder Webstore, the password field can be modified to show a placeholder text.


Solution

  1. Navigate to Commerce > Website > Website List
  2. Web Store: Click Edit
  3. Click the Appearance subtab > Web Site Templates section, take note of the selected Web Site Theme from the drop-down list
  4. Go to Commerce > Site Builder > Themes
  5. Web Site Theme: Click Edit
  6. Click Body > Content Area Template, and add the following code block below:
    • <script> document.getElementById('retpwd').placeholder = "Enter Your Password Here"; </script> 
  7. Click Save