Jump to content

How to change login and password placeholders on the member area login page?

Go to solution Solved by creedon,

Recommended Posts

  • 1 month later...

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

I looked at the site and my code has been muddled. Syntax  errors have been introduced and I really couldn't parse the intent of the code that has been added.

My code does work when the custom code added to it works.

ScreenShot2023-05-18at11_17_42PM.png.81dfce782c15e8ce89bb3529c5a81a81.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
16 hours ago, creedon said:

I looked at the site and my code has been muddled. Syntax  errors have been introduced and I really couldn't parse the intent of the code that has been added.

My code does work when the custom code added to it works.

ScreenShot2023-05-18at11_17_42PM.png.81dfce782c15e8ce89bb3529c5a81a81.png

I've tried to make it work but couldn't, can you share the code?

Link to comment
  • Solution

I can share some example code but not a full solution to your needs.

I started out with a callback.

<script>

  const placeholderChange = ( dcmnt, logInType ) => {

    dcmnt

      .querySelectorAll ( '[placeholder="Password"]')

      .forEach ( element => {

        element.setAttribute ( 'placeholder', 'x' );
        
        } );
        
    };
    
  </script>

Then I added my Member Area Log In Dialog Change code. In that code I set the following lines. You should get a fresh copy of my code as the code you have is messed up and out of date.

        signIn : 'Zaloguj Się',
        
        signUp : 'Załóż Konto',
        
      accountFrameCallback : placeholderChange
      

 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
5 minutes ago, C4Guns said:

If I want to do the same with other placeholders I should approach this the same way?

I've provided the code to make it possible to modify the dialog and I've provided an example of how you might go about modifying placeholder text. I am unable to provide a full solution to your specification. I am available on a consulting basis and you can contact me via DM if you are interested.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.