Learn how to configure basic options for the Joomla integration, including enabling the search bar, selecting inventory to display, using discounts, choosing font colour and family, and setting the calendar date.
Are you new to Joomla? Please read the first article in this series for an introduction to our Joomla integration.
Which plans include this feature?
Legacy: Soho, Pro, Plus, Enterprise, Flex
New: Growth (Subscription), Growth (Online Booking Fee), Managed
→ Learn more about our new plans or how to change your plan.
What more do I need to use this feature?
- Admin permissions to manage integrations.
- A hosted website with the free Joomla software.
- Ability to copy and paste into your website code or have some helpful person do this for you!
Which Checkfront version supports this feature - classic, new or both?
- This feature is available in both our classic version using items (Inventory > Items) and our newest version using products (Inventory > Products). → Learn more about products
|
Version Support Our integration supports Joomla versions up to and including 3.8. If you need support for a higher version, we instead recommend using the Booking Widget to display your Checkfront booking page on your website. |
Configuring category display options
Back to topYour first configuration option is to choose whether to display categories of items/products as a Dropdown menu or Tabs.
The item/product categories you create in your account are displayed in a dropdown menu by default.
Your Customers can refine the list of items/products displayed by selecting a specific category. This is a space-saver if you have lots of categories to list!
Alternatively, you can select Category Display: Tabs.
If you select this option, categories display in the booking portal as individual tabs. Click on each tab to view the related content.
Enabling the search calendar feature
Back to topThe search field and calendar help find the correct item/product to book.
Sometimes, you may need to display a simple booking form on your website. In this case, you can hide the search box and calendar from view.
Hiding the search and calendar from view means only the date picker appears, allowing Customers to filter for items/products based on the Start Date they specify.
If your Booking Page is configured to use the Detail Page layout (Manage > Layout > Booking Page > Booking Page Layout), then this setting also controls whether the calendar displays on the page or not.
With the Hide search & calendar option selected, both the search field and calendar are no longer visible. Magic!
Selecting inventory to display
Back to topIf you place the shortcode onto a web page aimed at a specific item/product, you can use the Display option to select which ones should be included.
Uncheck the box labelled All Items and Categories for items or All Products and Categories for products to reveal the individual selections. Select the ones you like by checking each one in turn.
All other items/products are filtered from the booking portal you are creating, providing an uncluttered view of the select offerings!
Using automatic discounts
Back to topIf you have a Discount Code you want to include automatically in the plugin, select it from this dropdown list.
All prices shown to the Customer now reflect the discount you chose, with the discount code's name displayed in brackets to illustrate that the discount has been applied.
Determining the font colour
Back to topFont Color is a self-explanatory option! If you wish the text on the Booking Page to be a different colour, choose one from the colour picker or specify the colour by entering the matching hexadecimal code.
Most text areas on the Booking Page reflect a font colour change, including the date field label, the product name/item title, and the product/item details.
Please take a look at the above screenshot for an example of which text changes if the font colour changes to red.
Choosing the font family
Back to topDoes your website use a specific standard font family like Arial or Tahoma? Then, you can enter the font family name here.
Once published, the Joomla plugin takes on this font. If left blank, the Joomla plugin uses the same font (and font back-ups) as the Booking Page: Helvetica Neue, Helvetica, Roboto, Arial, and sans-serif.
Different browsers support different fonts. All major browsers support web-safe fonts, so they are more likely to work than others!
Selecting the default calendar date
Back to topDo you need a specific start date selected by default? Then, pick a default calendar Date in the future. Click on the field to open the calendar and select your date. You use the small black arrows to advance the months back and forth.
This fast-forwards the Joomla plugin so that a specific start date is selected by default instead of the current date. This option enables the Customer to land on a set date at some point in the future. The Customer can still select another available date to book.
|
Learn more about configuring the default calendar booking length that's applied to the Booking Widget here: |
That's it for the basic options! You can click the Generate Code button and copy and paste the results into your webpage. Before you do that, you may wish to Preview your changes.
Next, check out advanced options for configuring Checkfront!
< Generating the shortcode for use with the Joomla plugin | Configuring advanced options for the Joomla plugin >