Changing the url in google sign in screen during web3auth authentication

[tawsifhasan.dev]

Can the url in the google sign in screen be changed from web3auth.io to my own url? Also can the url in the url bar be changed in these screens and the user flow screens?

[maharshi]

Hey @tawsifhasan.dev,

You can definitely achieve this customization by using custom verifiers instead of the default verifiers managed by Web3Auth. For instance, the app name that appears on the Google login prompt is configured on the Google Developer Dashboard. We have ours set to ‘web3auth.io’, but you can customize this to display any name you prefer when setting up your app on the Google Developer Dashboard.

[tawsifhasan.dev]

I have used custom verifiers in my web3auth dashboard and also configured the name,url, privacy and terms url in my google dashboard:

    const chainConfig = {
      chainNamespace: CHAIN_NAMESPACES.EIP155,
      chainId: '0xAA36A7', // Please use 0x1 for Mainnet
      rpcTarget: 'https://rpc.ankr.com/eth_sepolia',
      displayName: 'Sepolia Testnet',
      blockExplorerUrl: 'https://etherscan.io/',
      ticker: 'ETH',
      tickerName: 'Ethereum',
      logo: 'https://cryptologos.cc/logos/ethereum-eth-logo.png',
      isTestnet: true,
    };
    const privateKeyProvider = new EthereumPrivateKeyProvider({
      config: { chainConfig },
    });
    // console.log(process.env.CLIENT_ID, " client id ashe na?");
    const web3auth = new Web3AuthNoModal({
      clientId:
        'BJiOWkoJbGRIHQcsueXbgTkdPXU8of1qntIxhABSY8MlkmfaCLcS3WWF81q_U2N91QLw8imL-48m0YxJiwo4I8s',
      privateKeyProvider,
      uiConfig: {
        mode: 'dark',
        useLogoLoader: true,
        logoLight: 'https://cryptologos.cc/logos/ethereum-eth-logo.png',
        logoDark: 'https://resouces.s3.amazonaws.com/mic.png',
        defaultLanguage: 'en',
        theme: {
          primary: '#768729',
        },
      },
      web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_DEVNET,
    });
    const openloginAdapter = new OpenloginAdapter({
      privateKeyProvider,
      adapterSettings: {
        uxMode: "popup",
        loginConfig: {
          google: {
            verifier: "eidverse-test", // Pass the Verifier name here
            typeOfLogin: "google", // Pass on the login provider of the verifier you've created
            clientId: "717233594346-qd1svofumukr4i3mk19cvgvanks39v19.apps.googleusercontent.com", // Pass on the Google `Client ID` here
          },
        },
        whiteLabel: {
          appName: "Eidverse",
          appUrl: "https://eidverse.io",
          logoLight: "https://web3auth.io/images/web3auth-logo.svg",
          logoDark: "https://web3auth.io/images/web3auth-logo---Dark.svg",
          defaultLanguage: "en", // en, de, ja, ko, zh, es, fr, pt, nl, tr
          mode: "dark", // whether to enable dark mode. defaultValue: auto
          theme: {
            primary: "#00D1B2",
          },
          useLogoLoader: true,
        },
      },
    });
    web3auth.configureAdapter(openloginAdapter);

However still I am getting the url on the google sign in page as web3auth.io.

[TomTom]

hi @tawsifhasan.dev

I hope you are doing great. Did you manage to change the text from the google Dashboard? Would you mind sending me a screen shoot from the google dashboard where you are changing it?