Hide Skip Button on Account Linking Extension

Knowledge Articles
1

Overview

When users log in with an email they have used before but with a different login method, a new user is created. The account linking extension allows added functionality to link accounts together. Users skip the ability to link their accounts, and it is a business requirement to have only one account per user. This article explains how to make changes to the HTML and CSS of the Account Linking Extension to solve this issue.

Applies To

  • Account Linking
  • Account Linking Extension

Cause

Users have multiple accounts with the same email and are skipping the functionality to link the accounts together.

Solution

In the extension, either add CSS or a script to hide the Skip button.

Navigate to Dashboard > Extensions > Auth0 Account Link > Login > Custom Hosted Page > Custom Hosted Page.

The page looks like this:

image (5)
image (5)1053×1238 75.7 KB

Add this directly following the CustomCss tag:

   <style>
      p.auth0-lock-alternative {
        display: none !important;
      }
    </style>

Or add this script directly following the ExtensionsScripts tag:

    <script>
      try {
        document.querySelectorAll('p.auth0-lock-alternative')
          .forEach(function(e) {e.remove()})
      } catch (e) {
        console.warn(e)
      }
    </script>