How to connect a Lodgify Widget to Booking Page

Site URL: http://southcoastvillasja.com

Greetings, 

I have a code from Lodgify that I need to post into a block on my reserve page. Does anyone know how to select the option to embed a code into a block on the page?

Thank you!

Emma 

Hi Emma

You can easily add Lodgify with a Code Block, but you must be on a Business Plan or higher because the Squarespace Personal Plan does not allow code. 
 

-Paul

Hi-

 I have a code from lodgify- it displays beautifully but doest connect. Any suggestions? The site is thesandpointresort.com... and here is the code I embedded using a code block, its on the homepage and the booking page:

<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="368676" data-language-code="en" 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: #fac600;
    --lodgify-ui-action-darker-color: #c89e00;
    --lodgify-ui-action-lighter-color: #fde899;
    --lodgify-ui-action-contrast-color: #000000;
  }
  </style>
    </div>

On 6/4/2022 at 4:28 AM, laurensmithart said:

Hi-

 

 I have a code from lodgify- it displays beautifully but doest connect. Any suggestions? The site is thesandpointresort.com... and here is the code I embedded using a code block, its on the homepage and the booking page:

 

<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="368676" data-language-code="en" 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: #fac600;
    --lodgify-ui-action-darker-color: #c89e00;
    --lodgify-ui-action-lighter-color: #fde899;
    --lodgify-ui-action-contrast-color: #000000;
  }
  </style>
    </div>

Can you check site url? It says

Domain Not Claimed