Looking to add RESY widget to headliner on site

Site URL: http://www.moongreenwich.com

Trying to inject code 

5 minutes ago, matthewmadera said:

Site URL: http://www.moongreenwich.com

Trying to inject code 

 

<a href="https://resy.com/cities/gwh/moon" id="resyButton-k16ukHT6s6">Book your Moon reservation on Resy</a>

 

<script src="https://widgets.resy.com/embed.js"></script>

<script>

    resyWidget.addButton(document.getElementById('resyButton-k16ukHT6s6'), {"venueId":41949,"apiKey":"1Xa3dZqbRCqp1AMHdQQoRrxYCyHerhjz","replace":true,});

</script>

 

 

Having hard time to do this. When I add as new "link to page/external site" so it goes in nav header, it goes but i see the error "

 " data-animation-role="header-element">Resy"

 

Please help!

link nav not support script in its content, you got to move the widget by code

6 minutes ago, matthewmadera said:

Site URL: http://www.moongreenwich.com

Trying to inject code 

 

<a href="https://resy.com/cities/gwh/moon" id="resyButton-k16ukHT6s6">Book your Moon reservation on Resy</a>

 

<script src="https://widgets.resy.com/embed.js"></script>

<script>

    resyWidget.addButton(document.getElementById('resyButton-k16ukHT6s6'), {"venueId":41949,"apiKey":"1Xa3dZqbRCqp1AMHdQQoRrxYCyHerhjz","replace":true,});

</script>

 

 

Having hard time to do this. When I add as new "link to page/external site" so it goes in nav header, it goes but i see the error "

 " data-animation-role="header-element">Resy"

 

Please help!

Try to do following

1. Add the new navigation item as link/page external with this url

https://resy.com/cities/gwh/moon

2. Add the modified script into Settings->Advanced->Code Injection->Footer

<script src="https://widgets.resy.com/embed.js"></script>
<script>
    resyWidget.addButton(document.querySelector(".header-nav-item a[href*=resy][href*=moon]"), {"venueId":41949,"apiKey":"1Xa3dZqbRCqp1AMHdQQoRrxYCyHerhjz","replace":true,});
</script>