• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Sign Up Facebook

HoddzDJ

Active member
#1
I have seen on a few xenforo forums that people have added a 'Login with Facebook' button below the 'Sign Up Now!' button and would like to have this added on my forums to help people know that they can just sign up using their Facebook details. It's a lot easier for people and although personally I don't like doing it, sometimes it is quicker.

I have been searching for this for the past ten minutes and can't find anything for it :/
 

Brogan

XenForo moderator
Staff member
#2
Edit the sidebar_visitor_panel

Search for this:
Code:
<div class="section loginButton">
<div class="secondaryContent">
<label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase sign_up_now}</a></label>
</div>
</div>
Replace with this:
Code:
<div class="section loginButton">
<div class="secondaryContent">
<label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase sign_up_now}</a></label>

<xen:if is="{$xenOptions.facebookAppId}">
<div class="cta_fbButton">
<a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin"><span>{xen:phrase login_with_facebook}</span></a>
</div>
</xen:if>
</div>
</div>
I created a class for the styling which I added to EXTRA.css:
Code:
/* Add Facebook login button to visitor panel */
.cta_fbButton {
margin: 10px 30px;
text-align: center;
}
You could do it inline though if you prefer.