Howdy!
I’m trying to add a rental booking widget onto a site being built and this is the exact code the booking site provides:
< div id=“search-widget_IO312PWQ” >< script >!function(e,t,a,n,c,r){function s(t){e.console.log(“[Guesty Embedded Widget]:”,t)}var i,d,l,o,y,m,g,h,p,u;n&&(i=n,d=t.getElementsByTagName(“head”)[0],(l=t.createElement(“link”)).rel=“stylesheet”,l.type=“text/css”,l.href=i,l.media=“all”,d.appendChild(l)),o=function(){try{e[a].create(r).catch(function(e){s(e.message)})}catch(e){s(e.message)}},h=!1,y=c,m=function(){h||this.readyState&&“complete”!=this.readyState||(h=!0,o())},(g=t.createElement(“script”)).type=“text/javascript”,g.src=y,g.async=“true”,g.onload=g.onreadystatechange=m,p=g,(u=t.getElementsByTagName(“script”)[0]).parentNode.insertBefore(p,u)}(window,document,“GuestySearchBarWidget”,https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.css,https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.js,{“siteUrl”:“stayreverie.guestybookings.com”});< /script>< /div>
Added spaces throughout for the code to show in post lol
Everything about this code is throwing me off lmao.
Am I correct in adding < link href = " https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.css " rel=“stylesheet” > to Project header and < script src=“https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.js”>< /script> to Project footer?
Not sure how to make this widget work 
Thanks!