Customer Widget in Header

Site URL: https://www.lommedalengk.no/

Hey, guys! 

I want to add an external login-widget to the header-menu on our website. The information I was provided with regarding html, JS, and CSS is all here: https://www.golfforbundet.no/klubb/organisasjon/golfbox-widget. I have attached a picture of how the login-widget is supposed to look when you click it. 

I have problems implementing it, and I was wondering if you could help me. I have attached a picture where you can see where we want to add our widget. 

How can I solve this? 

9 hours ago, Mahjo said:

Site URL: https://www.lommedalengk.no/

Hey, guys! 

I want to add an external login-widget to the header-menu on our website. The information I was provided with regarding html, JS, and CSS is all here: https://www.golfforbundet.no/klubb/organisasjon/golfbox-widget. I have attached a picture of how the login-widget is supposed to look when you click it. 

I have problems implementing it, and I was wondering if you could help me. I have attached a picture where you can see where we want to add our widget. 

How can I solve this? 

 

You can add them to footer and move to header using custom code injection, did you add the button somewhere in the site yet?

Nope, I didnt add the button on the site yet. Wondering what I need to do from A - Z. Please explain 🙂

And what exactly do I have to add to the footer? 

On 12/23/2021 at 11:09 PM, Mahjo said:

And what exactly do I have to add to the footer? 

Add a Code Block in Footer >> Add this code

<link rel="stylesheet" href="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.css">
<a href="#" class="golfboxLoginOpen">Logg inn i GolfBox</a>
<script src="https://www.golfforbundet.no/ngfGolfbox/golfbox_login.js" defer></script>

It will show a button, then we will give code to move it to header

Thanks for the help so far! What to do after I injected the code in the footer @tuanphan? The button is working. Now I need help to move it to the header. I would like the button to be part of the menu, aligned to the right. 

15 hours ago, Mahjo said:

Thanks for the help so far! What to do after I injected the code in the footer @tuanphan? The button is working. Now I need help to move it to the header. I would like the button to be part of the menu, aligned to the right. 

 

Hi,

I don't see the button in Footer