Lodgix.com Manuals & TutorialsUser Manual Availability and Booking CalendarsHow Do I Find and Embed a Single Property Calendar?

How Do I Find and Embed a Single Property Calendar?

Do you want the specific booking URL at Lodgix.com for a specific property?  If you want the booking url then go here.  Otherwise to embed the single property calendar on to a page in your website, read below.

Obtaining the HTML Code for Embedding a Single Unit Calendar

Obtaining the HTML Code for Embedding a Single Unit Calendar

Step #1:  Click on the menu item for Single Property Calendar.

Important point to remember: Any settings you choose and save here will immediately be reflected wherever your calendar is displayed.  You only need to copy / paste the embed code once into your website or blog.  Any changes made after that will be immediately reflected on your calendar.

Calendar Settings

Calendar Settings

ALWAYS SAVE YOUR CHANGES BY CLICKING IN THE FLOPPY DISK ICON

  1. Choose your desired property
  2. Cell Dimensions: This number can probably be left alone, unless you are looking to reduce the width of your calendar.   The width of your calendar can be adjusted by either decreasing or increasing the cell dimensions OR by reducing the number of columns displayed.
  3. Number of Rows:  Each row in the calendar can contain from 2 to 6 calendar months (depending on number of columns).  The more rows that are displayed the greater the height of your calendar.
  4. Availability Type: This allows you to choose whether to display half days on check-in or check-out days.   If "Full" is chosen then on check-out days the day will be blank, as the night is available for rental.  On check-in days the day will be completely full, signaling that the night is not available for booking.  Most folks prefer the half day method.  Examples of each are shown at the end of this tutorial.
  5. Number of Columns:  Each column can contain from 1 to 6 calendar months (depending on number of rows).  The more columns that are displayed the greater the width of your calendar.
  6. Show Title:  When chosen your company's name, address and phone are available for display at the top of the calendar.  An example of the calendar title is shown at the end of this tutorial.
  7. If you decide to play with the colors of the calendar, and if you screw them up, you can always click the "reset colors" button to return the default colors.  Some examples of various color possibilities are included at the end of this tutorial.

Embed Code

Embed Code

Cut and paste the HTML provided to embed the calendar anywhere in your website.

Example of Half Day Availability Type

Example of Half Day Availability Type

Example of Full Day Availability Type

Example of Full Day Availability Type

Calendar Title

Calendar Title

Customizable color gradients

Customizable color gradients