Search code examples
auth0

Change name and logo on Auth0 signup

Users get this on new signups on my app:

enter image description here

On auth0 dashboard I've named my app and uploaded a logo.

Where am I suppose to enter information to show this info on signup dialog?

Solution

  • Check the UI Customization docs

    The value for logo is a URL for an image that will be placed in the Lock's header, and defaults to Auth0's logo. It has a recommended max height of 58px for a better user experience.

    var options = {
  theme: {
    logo: 'https://example.com/logo.png'
  }
};

    enter image description here

    Check also the section Customizing Text to change the name, for example:

    var options = {
  languageDictionary: {
    emailInputPlaceholder: "[email protected]",
    title: "Log me in"
  },
};

    enter image description here

    For the sign-up:

    var options = {
  additionalSignUpFields: [{
    name: "address",
    placeholder: "enter your address",
    // The following properties are optional
    icon: "https://example.com/assests/address_icon.png",
    prefill: "street 123",
    validator: function(address) {
      return {
         valid: address.length >= 10,
         hint: "Must have 10 or more chars" // optional
      };
    }
  },
  {
    name: "full_name",
    placeholder: "Enter your full name"
  }]
}

    additionalSignUpFields Intended for use with database signup only additionalSignupFields are intended for use with database signups only. If you have social sign ups too, you can ask for the additional information after the users sign up (see this page about custom signup for more details). You can use the databaseAlternativeSignupInstructions i18n key to display these instructions.

    For more details check Custom Signup

    If using LinkedIn see this example, and also change the text as required: enter image description here