[cXF] Log in OR Register

[cXF] Log in OR Register [Paid] 1.0.3

No permission to buy (€12.00)

BassMan

Well-known member
BassMan submitted a new resource:

[cXF] Log in OR Register - Add separator between Log in and Register button and customize it.

Description
Add a Font Awesome icon or phrase as a separator between the 'Log in' and 'Register' navbar buttons as a clear indication of a call to action for logging in or registering on your site.

Features
  • separate 'Log in' and 'Register' by a custom short phrase (such as 'OR')
  • set the font size
  • choose to separate 'Log in' and 'Register' by a Font Awesome icon
  • add a separator line on the sticky navbar to draw more attention to either option
  • customize the...

Read more about this resource...
 
This, combined with cXF Animation applied to the sign up button has a very high conversion rate from social media.

I have a small page (2500 likes) and I shared a post to it linking to my blog (though, you can use a thread).

If the content is engaging enough, a blinking sign up button (rephrased 'register' to 'sign up' and 'log in' to 'sign in' due to top sites in the US using this phrasing along with an 'OR' option) with an OR option is very eye catching and will convert.

According to Facebook, I got 77 link clicks with a 497 person reach over a 2.5 hour period (with peak times still occurring in the next 5 hours here). Of which, 2 members signed up.

Well worth the $7 investment.

I'd suggest struggling forums to implement this simple modification in order to convert to registrations.
 
Love this tweak @BassMan! Simple but effective.
The color choices look very good on your forum for a CTA.

I'd suggest removing the sticky navbar line separator on your site though as it's meant to go straight down on squared buttons (removing radius so the buttons are square on the default theme) and hit the bottom.
 
If you have registration disabled this still shows the OR symbol after the login link.

1587372039933.webp

Not an issue for me as noticed this on a test site but looks odd.
 
Thank you for reporting, but if registration is disabled then I see no need for this add-on. It can be disabled.
 
Hello BassMan,
Do you have an easy way to have this add-on active only for desktops/laptops?
On mobile it makes the display very large and it is not possible to display my logo.
Many thanks
David
 
I did it and the separator is no more displayed.
The issue is more due to the icons displayed before "Log in" and "Register" than the separator.
It is possible to display these icons only on PC/laptops?
 
I think you are referring to this:

Wrap the code to this:
CSS:
@media (min-width: @xf-responsiveMedium) {
    *** modification code ***
}
 
Yes you are right, I was not on the right add-on.

I did it but I do not understand why, the icons are still here, only the icones colors changed.
I have tried ctrl+F5 in order to ensure a good CSS reload but nothing more, icons still there :(

I miss something... :(
 
Ok, another guess is that you are using Top Navigation add-on. If you do, add this to your extra.less template:
CSS:
@media (max-width: @xf-responsiveMedium) {
.p-navgroup-link.p-navgroup-link--textual {
    &.p-navgroup-link--logIn:before, &.p-navgroup-link--register:before {
           display: none;
    }
}
}
 
Top Bottom