Set Up WordPress Real Estate Availability Calendar

Installation

Once you have downloaded this plugin you are then able to install in on to your WordPress website. There are two ways to do this:

  • First Option: Go to Plugins >> Add New >> Upload >> Select the plugin zip file >> Install now. The plugin will install automaticly and you will then see ‘Availability Calendar’ in the left hand menu of your WordPress dashboard
  • Second Option: Unzip the plugin zip file and upload the whole folder using a FTP program to public_html/plugins/wp-content/plugins

Configuration

Once the Real Estate Availability Calendar and Pricing Table has been installed it will appear in the left hand menu of your WordPress dashboard ‘Availability Calendar’, here you will find the setting and configurations areas you will need to edit to enable and use the plugin.

Settings:

settingsBasic configuration of the plugin to enable and disble the plugin and select the theme and currency required for your website.

  • Enabled – Dropdown menu to enable the plugin (Enabled / Disabled)
  • Calendar Enabled – Dropdown menu to enable the ‘Availability Calendar’ part of the plugin (Enabled / Disabled)
  • Price Table Enabled – Dropdown menu to enable the ‘Price Table’ part of the plugin (Enabled / Disabled)
  • Theme – Select out of the 5 themes provided which one you would like to use (default, light, dark, colorful and modern)
  • Default Currency – Dropdown menu for the default currency (Euros, British Pounds or US Dollars)

 

 

Availability:

For the ‘Availability Calendar’ it is necessary to configure the options required for your website, as the dates in the calendar are created to show different colors depending on the status for that particular date. By default 4 statuses are created for your calendar: Available, Not available, Start date and End Date. You can then select the color for each box and color for the text of that back. If you require to show an image in the date box, you can do this by uploading an image (23px X 23px).

You are also able to delete status rows and add new rows if required.

The order of the status rows (top to bottom) is the order of the clicks required on the date box in the calendar to show that particular status, we therefore recommend that the most used statuses are at the top.

availability

 

Seasons:

Season are where we start to develop the ‘Price Table’, by adding the seasons we would like to include in the table. By default ‘Low Season’, ‘Mid Season’ and ‘High Season’ have been created, these can be deleted and you are able to add new seasons as well.

seasons

 

Duration:

Duration is the next configuration for the ‘Price Table’ which allows us to add prices for each time duration. By default ‘Night’, ‘Weekend’, ‘Week’ and ‘Month’ have been created, these can be deleted and you are able to add new durations as well. To be able to select a duration as a possible ‘Minimal Stay’, you will need to tick the check box, by default these have all been checked already.

duration

 

Post Types:

Here in the ‘Post types’ settings is where you select in which post, page or custom post you would like the ‘Availability Calendar’ and ‘Pricing Table’ to appear. It is important to enable all necessary items and check boxes for this plugin to work correctly.

 

  • Post type: This is the list on the left of the page, you will see it’s a list of all the possible posts, pages and custom posts you have created in your WordPress. Find the ‘Post Type’ row where you would like to activate the ‘Availability Calendar’ and ‘Pricing Table’. In the example below we have a custom post type created called ‘Rental’, this is what we will be activating.
  • Admin settings: For the ‘Post Type’ you would like to activate, select the amount of calendar months to be shown in the backend of WordPress in the edit page.
  • Front-end settings: For the ‘Post Type’ you would like to activate, select the amount of calendar months to be shown in the front-end of WordPress.
  • Availability options: Tick the check boxes to select the Availability options you would like available to use in this post type.
  • Default Options: Select the default status of the calendar to be shown
  • Price Table: Enable or Disable to ‘Price Table’
  • Season Options: Tick the check boxes to select the Season options you would like available to use in this post type.
  • Duration Options: Tick the check boxes to select the Duration options you would like available to use in this post type.
  • Default Minimal Stay: Select from the dropdown the ‘Minimal Stay’ option required for this post type

Repeat the above steps to activate another ‘Post Type’ to work with the ‘Availability Calendar and Pricing Table plugin’.

Your ‘Availability Calendar and Pricing Table’ are now ready to be used.

post-type

 

End Result

backend-screenshotOnce you have finished the set up and configuration process you can now edit the ‘Availability Calendar’ in the post type of your WordPress.

Select from the left hand menu in your WordPress sidebar the post, page or custom post where you have created your ‘Availability Calendar’, in the example below we have created it in a custom post called ‘For Rent’. We have created a new post and from the same post edit page you can see the ‘Availability Calendar’ and ‘Pricing Table’

To edit the ‘Availability Calendar’ dates, just click on the date you would like to alter, and it will change status, to remove status, keep clicking though the statuses until you are back the the beginning again. Or to select a whole month, click ‘Change Status’ above the month you choose top alter.

To edit the ‘Price Table’ click ‘Add New’ – a row will appear to be filled in, select the ‘Season’ you require, a ‘Start’ date, an ‘End’ date for this price row, next fill in the different prices for each duration, select the minimal stay from the drop down and the currency that the prices show be displayed in.

Save the page.

 

Display front-end

To add the availability calendar to the front end of your website, you will need to add a shortcode:

From a post or page you can add:
Basic Calendar:

[ac_calendar]

With all options:

[ac_calendar post_id="1" month="1" year="2013" lang="en" months="3"]

To add the calendar into PHP script, you can add:
Basic Calendar:

<?php  echo do_shortcode('[ac_calendar]'); ?>

With all options:

<?php  echo do_shortcode('[ac_calendar post_id="1" month="1" year="2013" lang="en" months="3"]'); ?>

post_id = if you want display availability calendar for other post than the current post (default = current post)
month = display this month (default current month)
year = display this year (default current year)
lang = language of the month names and day names … available en/es (default current wpml language, if wpml installed, otherwise english)
months = number of months to display (default = default front-end settings for this content type)calendar4

We recommend using this plugin with Custom Content Type Manager to create your custom content

This WordPress plugin is compatible with WordPress 3.9.2