Submit a request

Login With Facebook

Follow

Feature Request

Need an integration or feature that doesn't exist?

Our experienced development team is always looking to add new capabilities to the platform. Let us know what you are looking for!


Enterprise Support

Is your company in need of full time 24/7 AmeriCommerce support?

Our Enterprise support plan is the perfect fit for large operations needing the commitment of our team outside of standard operating hours.

Comments

8 comments

  • Avatar
    admin

    This is great! You should make the code you show on this page as text so I can copy and paste it into my site!

    0
    Comment actions Permalink
  • Avatar
    admin

    What counts as a Newer Theme? I have the Base Theme, but it doesn't seem to be working.

    0
    Comment actions Permalink
  • Avatar
    Michael Fahrenbruch

    What happens if a customer already has an account and clicks login with Facebook?
    Does it link that account to Facebook?

    0
    Comment actions Permalink
  • Avatar
    Brian Gluck

    Copy&Paste would be very nice; but I'm happy enough with getting this feature!

    0
    Comment actions Permalink
  • Avatar
    John Lenertz

    Since I rewrote it you might as well copy & paste it.

    <ac:visibilityarea id="btnFacebookLogin">
    <div class="form-signin">
    <div class="pad-10 pad-t-only">
    $$FACEBOOKLOGINBUTTON$$
    </div>
    </div>
    <p style="text-align: center;">- or -</p>
    /ac:visibilityarea

    <ac:visibilityarea id="LinkedLoginServices">
    <div class="panel panel-default">
    <h3 class="panel-heading no margin MyAccountSectionHeader"? Linked Login Services</h3>
    <div class="panel-body">
    <div class="pad-10 pad-t-only">
    $$FACEBOOKLINKACTION$$
    </div>
    </div>
    </div>
    /ac:visibilityarea

    Michael - customers can link their existing account to Facebook. Login, click MY ACCOUNT, scroll down & link.

    0
    Comment actions Permalink
  • Avatar
    Michael Fahrenbruch

    John - I did see the feature for customers to link their account, I was just hopeful there was something more automated.
    Instead of requiring existing customers to go to their account page and linking to facebook it would be nice if there were something like a prompt to put in the password tied to that account, or maybe an email sent to that account, and clicking a button to verify the account.

    Don't get me wrong, I'm happy to see this feature, and I'm excited to use it. I just wondered how we could make it easier for existing customers to link their account.

    Thanks for the text, and the response.

    0
    Comment actions Permalink
  • Avatar
    Mallory Welch

    @admin - To answer your question, all responsive themes should have this functionality. However, if you cannot get it to work on your store front, try adding the $$FACEBOOKLOGINBUTTON$$ merge code into the customer login header widget of your theme using the Widget Layout. Hope this clarifies that.

    0
    Comment actions Permalink
  • Avatar
    Jack Beukelman

    What John wrote above had some < brackets missing. Seems that saving the post deleted them.
    Just be aware that the ac:visibilityarea is enclosed with <>

    Here is how I did mine. Did a slight modification to make it look natural in my web site. It actually works pretty cool.

    <!-- FB code -->
    <div>
    <p style="text-align: center;">- or -</p>
    <ac:visibilityarea id="btnFacebookLogin">
    <div class="form-signin">
    <div class="button">
    $$FACEBOOKLOGINBUTTON$$
    </div>
    </div>
    /ac:visibilityarea
    <!-- end FB code -->
    and for CSS on the customer login page I added this.
    .FacebookButton { background-color: #4c66a4; color: #fff; }
    .FacebookButton:hover { background-color: #364c7c; color: #fff; }
    .FacebookButton .icon-facebook { font-size: 1.2em; }

    This didn't seem to fit anywhere nor do anything when I added it that I could see so I left it off.
    .form-signin input, .form-signin button { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

    and for the Customer my account page I did this.
    <!-- FB code -->
    <div>
    <ac:visibilityarea id="LinkedLoginServices">
    <div class="panel panel-default">
    <h3 class="panel-heading no margin MyAccountSectionHeader"> Linked Login Services</h3>
    <div class="panel-body">
    <div class="pad-10 pad-t-only">
    $$FACEBOOKLINKACTION$$
    </div>
    </div>
    </div>
    /ac:visibilityarea
    </div>
    <!-- end FB code -->

    0
    Comment actions Permalink

Please sign in to leave a comment.

We're Here To Help


Standard Support Hours: Monday-Friday 8AM-6PM CST
Looking for Premium Support? Just ask!

Speak to a live person
1 (800) 936-9006
Submit A Support Ticket
Submit Your Ticket Here