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

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