Can I add social networks to the Sign Up page and not just Sign In

Andrew_M · October 3, 2022, 4:33pm

We have enabled Keycloak
And so far we only see the section “log in using social networks” on the authorization (Sign In) page.
Can we add to the registration page. Thanks

xgp · October 3, 2022, 4:50pm

You can do this with a custom theme. You’ll need to override the register.ftl template.

Take the social providers section from the login.ftl template:

github.com

keycloak/keycloak/blob/main/themes/src/main/resources/theme/base/login/login.ftl#L84-L101


      
          <div id="kc-social-providers" class="${properties.kcFormSocialAccountSectionClass!}">
              <hr/>
              <h4>${msg("identity-provider-login-label")}</h4>
          
          
    <ul class="${properties.kcFormSocialAccountListClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountListGridClass!}</#if>">
                  <#list social.providers as p>
                      <a id="social-${p.alias}" class="${properties.kcFormSocialAccountListButtonClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountGridItem!}</#if>"
                              type="button" href="${p.loginUrl}">
                          <#if p.iconClasses?has_content>
                              <i class="${properties.kcCommonLogoIdP!} ${p.iconClasses!}" aria-hidden="true"></i>
                              <span class="${properties.kcFormSocialAccountNameClass!} kc-social-icon-text">${p.displayName!}</span>
                          <#else>
                              <span class="${properties.kcFormSocialAccountNameClass!}">${p.displayName!}</span>
                          </#if>
                      </a>
                  </#list>
              </ul>
          </div>

Topic		Replies	Views
Is it possible to show Social account buttons in registration as well? Configuring the server identity-brokering	2	884	May 3, 2021
I created my custom theme in keycloak for login it works fine but when i add google button so that user can able to login with google also then it not work authentication , oidc	1	62	October 23, 2024
Custom login ans signup page instead of custom theme Getting advice authentication	1	4065	March 23, 2020
Social.providers is empty in the login.ftl	2	61	January 27, 2025
How to have registration page appart of login page? Getting advice	11	6592	September 2, 2020

Can I add social networks to the Sign Up page and not just Sign In

Related topics