Support » Plugin: Keyy Two Factor Authentication (like Clef) » Custom Login/Profile Builder and a comment to login method alternative

  • Resolved edvardwillaume

    (@edvardwillaume)


    Hi folks!

    Initially I had an issue with my keyy account, which was solved very quickly by the support. Thank you.
    On my site I use a plugin – Profile Builder – for user registration and managing user output like listings and further more. They also provide a custom login form which doesn´t show the Keyy wave. Pretty much the same issue as this support topic
    Profile Builder puts the login-form into a wrapper and the form action= [link to standard wp-login.php]
    The code you made for the other support question doesn´t work on my site.

    Overall comment: This system seems to be very smooth and might be a great relief for my users, not having the need of remebering another set of username/password.
    Only I am a bit worried about the scenarion where I – or my users – can´t log in due to missing network on their phone or tablet, which might happen occasionally.
    Any thoughts about that?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor LumberHack

    (@lumberhack)

    Hi there @edvardwillaume

    You can try this code and it can help integrate Keyy with your plugin.

    
    function keyy_support( $form_part, $args ){
    
    	global $keyy_login_plugin;
    	$keyy_login_plugin->enqueue_scripts('login');
    
    	return $form_part;
    }
    add_filter( 'login_form_bottom', 'keyy_support', 9999, 2 );
    

    Only I am a bit worried about the scenarion where I – or my users – can´t log in due to missing network on their phone or tablet, which might happen occasionally.
    Any thoughts about that?

    Keyy has a secret login url which you can use in such cases

    https://getkeyy.com/faqs/how-can-i-disable-keyy-on-a-website/

    Regards

    Hi,
    The code actually works! – though I have to do some css tweaks to make it look nice in a box centrered on the page. The code is placed in my themes functions.php (and I guess it would be wrong to put it in congig.php?).

    But some strange behaviour occurs. If I press the switch to QR-code button it all breaks up and I only see the wave on left side.
    If I open the page and do nothing then, after a few minutes, same thing happens. The keyy log-in box breaks up and now only the QR-code is seen on the left side.

    I can fix the switch button issue by: .keyy_qrcode_switch {display: none;}
    My custom css uses the class: .keyy_qrcode_container only, but there are also .keyy_wave_container and .keyy-login-wrapper

    Plugin Contributor LumberHack

    (@lumberhack)

    Thanks for letting me know @edvardwillaume

    If its possible for you to share a link, I’d be happy to investigate and tweak some CSS to make this look good for you

    Let me know

    Warm Regards
    Jude

    Thanks @lumberhack and sorry for the late reply – have been busy…

    It´s same link as in my first post but here it is:
    My custom Log in page

    Plugin Contributor LumberHack

    (@lumberhack)

    Sorry about that ! I missed going through your first post.

    I did investigate the page and observed the login form structure itself highly is modified by WPPB and this causes the JS that Keyy relies on to remove the whole container as opposed to only the Keyy wave.

    I think the simplest way forward in this case is to use either the wave or the QR code (not both). This will allow you to keep both plugins up to date by avoiding modifications to the code.

    Also you may want to hide the switch with this

    
    .keyy_qrcode_switch {
        display:none;
    }
    

    Warm Regards
    Jude

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom Login/Profile Builder and a comment to login method alternative’ is closed to new replies.