javascript Adding simple code to a commerce site

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

I have a commerce account that should allow for Javascript integration into my website but it seems to still not be working.

I've generated the code from Lodgify to embed into my accommodations pages; I'll leave it up on this page and the code here.

If someone could help explain what I'm doing wrong I would really appreciate it.

Thanks,
Ian

Page is here: https://www.troutcreekwildernesslodge.com/caretakers-cottage

<script type="text/javascript" class="" src="https://cdn.lodgify.com/portable-search-bar/1.60.6/renderPortableSearchBar.js"></script><div><div id="lodgify-search-bar" data-website-id="350282" data-language-code="en" data-search-page-url="https://troutcreekwildernesslodge.lodgify.com/en/all-properties" data-dates-check-in-label="Arrival" data-dates-check-out-label="Departure" data-guests-counter-label="Guest" data-guests-input-singular-label="{{NumberOfGuests}} guest" data-guests-input-plural-label="{{NumberOfGuests}} guests" data-location-input-label="Location" data-search-button-label="Search" data-new-tab="true">
  </div>
  <style type="text/css">
  html {
    --lodgify-ui-action-color: #1b7542;
    --lodgify-ui-action-darker-color: #165e35;
    --lodgify-ui-action-lighter-color: #a4c8b3;
    --lodgify-ui-action-contrast-color: #ffffff;
  }
  </style>
  </div>

It appears you have selected the display source option in the code block editor.

Make sure the toggle is in the left as shown above. When the toggle is to the right it means display the code as a source listing as opposed to running the code.

Let us know how it goes.