How to add the Login and Join button

Good day,

I would like to know how to add the buttons Login and Join on my main page.

It is the splash page visible on the homepage.  The one you can modify under Basic Settings.

I have found an old post with:

<div class="bx-splash-actions bx-hide-when-logged-in"><button class="bx-btn bx-btn-primary bx-btn-sa-join">Join</button><button class="bx-btn bx-def-margin-left bx-btn-sa-login">Login</button></div>

However it does not seems to work on 7.2.1.

Any help would be appreciated.

Thanks

Clement

<div class="bx-splash-actions bx-hide-when-logged-in"><button class="bx-btn bx-btn-primary bx-btn-sa-join">Join</button><button class="bx-btn bx-def-margin-left bx-btn-sa-login">Login</button></div>

 Hi My Friend,

You can use the above code in a block by adding a block in Admin/Builders/Page Builder. 

Now select Homepage and then drag a box to where you want the Login/Join boxes to appear. 

Once in place click the HTML Block link followed by TOOLS then View Source.  Now copy and paste the above code then click OK.  Now give the box a title and make sure that you select Visible For guests only.

Click save now you have a block with the buttons showing (see below)

Also on the Basic Settings options you can choose what page to show the splash on, either on home page, or all, or nothing.

Hope this helps.

Gew

Please refer to this this answer:

https://www.boonex.com/forums/topic/Embed-Join-or-Login-floating-button-in-templat.htm#268884

You can include this code on your page: 

<div class="bx-splash-actions bx-hide-when-logged-in">

                        <button class="bx-btn bx-btn-primary bx-btn-sa-join" onclick="javascript:showPopupJoinForm();">Join</button>

                        <button class="bx-btn bx-def-margin-left bx-btn-sa-login" onclick="javascript:showPopupLoginForm();">Login</button>

</div>