Is there a way to add 'contact us' link under 'Continue' button on login screen?

Help
,
1

Hi all,

I’m currently utilizing Universal login and would like to include a link below the ‘Continue’ button on the login screen.
Is it possible to customize the auth0:widget through templates? I see that there is way to add a tag outside of the widget, but I’m wondering if it’s possible to add something within the auth0:widget.

<!DOCTYPE html>
<html>
  <head>
    {%- auth0:head -%}
  </head>
  <body>
    {%- auth0:widget -%}
    <span>hello all</span>
 </body>
</html>

thanks

2

I was able to get it rendered:

<!DOCTYPE html>
<html>

<head>
    {%- auth0:head -%}
</head>

<body class="_widget-auto-layout">
{%- auth0:widget -%}
<scr`+`ipt>
    document.addEventListener("DOMContentLoaded", function (event) {
        {% if prompt.name == "login" %}
            var contactSpan = document.createElement('span');
            contactSpan.id = 'contactSpan';
            contactSpan.innerHTML = 'Having trouble logging in? ';

            var contactLink = document.createElement('a');
            contactLink.href = 'mailto:example@example.com'; // Replace 'example@example.com' with the actual email address
            contactLink.textContent = 'Contact Us';

            contactSpan.appendChild(contactLink);

            // Find the form element and insert the contact span as the last child
            var form = document.querySelector('form');
            if (form) {
              form.appendChild(contactSpan);
            };
        {% endif %}
    });
</scr`+`ipt>
</body>
</html>
2 Likes
3

Perfect! Thanks for sharing it with the rest of community!