With our Next-Generation WordPress Themes released earlier in 2023, we introduced a host of new website features powered by our WP Plugin. Now, these new features have been extended to all users of the 365Villas plugin. This article will guide you through the new Next-Gen 2.0 shortcodes and parameters available – in addition to the original options you have been using to date.
Search Bars
[365-villas-search]
Building on the original shortcode above where there were 2 styles available, there are now some new parameters that will replace them for a more advanced options, with the option to set up two seperate searchbars in sync with your 365Villas account settings.
‘style=full‘ – This will replace the previous styles with our Next-Gen 2.0 Searchbar Suite
‘location=homepage’ – This should be added to your homepage searchbar so it syncs with the homepage searchbar settings in 365Villas.
‘location=searchpage’ – This should be added to your results page searchbar so it syncs with the advanced searchbar settings in 365Villas.
The following are size options for use with homepage searchbar, considering there is a limit of 5 fields plus search button:
‘size=small’ – This will stack the search fields vertically so ideal for narrow columns and mobile view
‘size=medium’ – This will create 3 search fields/button per row as an alternative to placing all inline
‘size=large‘ – All filters and button inline on 1 row. All options are mobile responsive.
‘showfilter=true’ – For use on your results page searchbar, we have introduced a dropdown advanced filter which will be activated with this shortcode.
Featured Properties
[365-villas-featured-properties]
The featured property section has been upgraded as default to include tabs for featured and discounted properties. If the featured property is discounted it will overwrite the featured tab. New parameters have been created should you wish to hide either of these:
‘showfeaturedlabel=false’ – Hide the featured tab
‘showdiscountlabel=false’ – Hide the discount tab
A new feature for the plugin is saved properties which consists of 2 shortcodes for displaying a heart icon on either property listings or within the property feature page.
‘showsavebutton=true’ – This will display heart-icon on the property image to alow users to save their favorites.
NEW: Category Grid
[365-villas-category-grid]
A new feature to display the categories of your properties as a visual grid – all configured in your 365Villas account. An alternative way to search properties for your users. Currently there is only option to display 4 categories per row only so you must add a multiple of 4 categories in 365Villas for them all to display.
Property Listings
[365-villas-properties-list]
For you search results page the property listing shortcode also includes the featured and discount logic above by default. There is also an alternative full-page map view avialble.
‘showsavebutton=true’ – show save heart-icon
A Map View version 2 is now available which works full width of the container. Property 1 in the list displays open by default.
‘showmap2=true’ – Updates the half-map view with a full width version
Property Page
There are a few improvements made to some of the property page shortcodes. We will go through the full list of options below.
Property Gallery Slider
[365-villas-property section=header]
This must be added next to the banner shortcode (below) as it allows an override of the page colour settings – and for our theme users, also allows the social share plugin to share the page url.
Property Banner: [365-villas-property section=banner]
Additional options:
‘showintrobox=false’ – remove property description from banner
‘bannerstyle=custom’ – activates Next-Gen 2.0 slider that fits all the propotions of photos in, regardless of dimensions.
Thumbnail Slider: [365-villas-property section=imagescroller]
Note: This is an additional shortcode to assist the main banner and will not work alone.
Booking Widget
There are now 3 options for the use of the booking widget on the property page. In addition to the floating widget you can now place it fixed inline within a container or activate it with a modal, triggered by a button fixed to the bottom of the browser.
Floating Booking Widget: [365-villas-property section=floater]
Additional options:
‘showdiscounts=true’ – show spots on discounted dates within the widget calendar
NEW: In-line Booking Widget: [365-villas-property section=quotewidget]
Additional options:
‘showdiscounts=true’ – show discount spots on widget calendar
‘modal=true’ – Activates popup widget activated by a fixed button tab
Custom button ID: ‘_villas-365-property-floater-modal-button’
NEW: Modal Booking Widget: [365-villas-property section=quotewidget]
Property Title
[365-villas-property section=name]
Property Description
[365-villas-property section=brief]
Additional options:
‘readmore=true’ – set a limit of text with a ‘read more’ link
Room Icons
[365-villas-property section=rooms]
Property Video
[365-villas-property section=virtualtour]
‘lightbox=true’ – opens in an on-screen modal instead of new tab
‘textonly=true’ – display a small inline icon and text
NEW: Save Properties Icon
[365-villas-property section=savebutton showtext=true]
‘showtext=true’ – displays text ‘SAVE’ next to heart icon
Amenities
[365-villas-property section=amenities]
‘amenitiesspecificrooms=true’ – shows individual room amenities. This should now be added as standard to match current 365Villas property settings.
Booking/Availability Calendar
[365-villas-property section=booking]
Additional options:
‘advanced=true’ – activate Next-Gen 2.0 booking calendar – recommended for a more streamlined user experience
‘style=1’ – NextGen Riviera Suite styling
‘style=2‘ – NextGen Camelot Suite styling
‘singleproperty=true‘ – add as standard for your property page. Remove if used elsewhere on your website
‘displaymonths=1′ – display 1 month wide calendar
‘displaymonths=2‘ – display 2-months wide in minimum 600px container (if less, it will respond to 1-month view)
showdiscounts=true – show discount spots on widget calendar
Rates Table
[365-villas-property section=rates]
Reviews Module
[365-villas-property section=reviews]
Policies
[365-villas-property section=policies]
Additional options:
‘readmore=true’ – set a limit of text with a ‘read more’ link
Related Properties
[365-villas-property section=related]
Additional options:
‘limit=2’ – 2 properties wide instead of the default 3 properties
NEW: Discounts Page
[365-villas-properties-list usecurrentpageforsearch=true discountsonly=true view=grid]
This is a variation of the property listing shortcode and must be used in full to display your discounted properties only. Instead of property descriptions, it displays the offer and information that the display price has already been adjusted in listings. Don’t forget to assign your discount page in 365 plugin settings.
Tip: Create a duplicate of your search results page then update the page banner and replace the listings shortcode with the above. Assign this page in the 365 Plugin Settings below:
NEW: Review Page Grid & Submission Form
NEW: [365-villas-reviews display=grid] – Displays a grid of your reviews, formatted in 365Villas account
NEW: [365-villas-reviews display=form] – Review Page Submission Form
NEW: Saved Properties Results Page
[365-villas-properties-list showsavebutton=true view=grid usecurrentpageforsearch=true] – This is a variation of the property listing shortcode and must be used in full to display your saved properties only. Don’t forget to assign your saved properties page in 365 plugin settings.
Tip: As with Discount page above, create a duplicate of your search results page then update the page banner and replace the listings shortcode with the above. Assign this page in the 365 Plugin Settings below:
[365-villas-saved-properties] – This will show the shared property count containing the link to access the saved results.
Tip: Use this shortcode in one of your global website templates eg. the header/topbar or a floating tab attached to the side of the browser – so this can be accessed at all times.
Login Form
[365-villas-login]
Large Booking Page Calendar
[365-villas-booking] – This is primarily a full page, all-property booking calendar but also where the booking widget on propert page directs to, to display reservation details an make bookings – so this page needs to be set up regardless of whether or not you want to give users access to the full version. Make sure this page is selected as your booking page in the plugin settings.
Additional options:
advanced=true – Add to assist a more streamlined booking experience from the property page
style=1 – NextGen Riviera Suite
style=2 – NextGen Camelot Suite
showdiscounts=true – show discount spots on widget calendar
