Working with the Drupal plugin shortcode

---

Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise  | ✓ Flex |
Locate: Manage > Integrations > Website Integration > Drupal
Prerequisites: 

• Admin permissions to manage integrations.
• A hosted website with the free Drupal software.
• Ability to copy and paste into your website code or some helpful person to do this for you!
• The Drupal integration is available to both those using items (Inventory > Items), a key feature of our classic version of Checkfront, and those using products (Inventory > Products), a key feature of our newest version of Checkfront.

 

New to Checkfront - Products ✨ Products (Inventory > Products) is the successor feature to (Inventory > Items) and is available in our newest version of Checkfront. Not yet on our newest version and interested in upgrading? Please contact our Technical Support team for more information. Discover more product-related help articles here: Products (New).

 

In this article, we look at how to generate and place Drupal shortcodes, as well as, how to extend the shortcode using additional code/arguments.

New to Drupal and the booking plugin? Be sure to read the first article in this series for an introduction.

Please read the full series of articles, accessed at the side and bottom of this page, to get set up with the Drupal plugin.

 

---

You should have by now selected all the previous options that make the most sense in terms of your requirements. It's now time to generate the shortcode for your website!

Click on the Generate Code button and copy the resulting shortcode to your clipboard. The basic shortcode generated looks like this:

[checkfront]

 

---

With the shortcode pasted to your clipboard, head back over to Drupal and locate/create the page/post in which you wish to embed the booking portal.

1. Place the shortcode wherever you want the portal to appear. This may be before, after, or somewhere within your page content.
2. Make sure you select Full HTML from the Text Format field.

 

---

Adding some of the arguments from the list lower down this page controls how the booking portal appears and the information it contains. Above is an example of what this shortcode might look like.  

 

---

Following is a list of arguments that can be added to the basic [checkfront] shortcode to change the look and behaviour of your booking portal.

 

Type	Variable	Description
Inventory	[checkfront item_id="3,8,37"]	Show specific items or products
	[checkfront category_id="2,3"]	Show specific categories
	[checkfront filter_category_id="3"]	Limit upcoming events to a specific category
Options	[checkfront options=tabs]	Tabs as categories
	[checkfront options=category_select	Dropdowns as categories
	[checkfront options=hidesearch]	Hide search and calendar
	[checkfront options=hidedates]	Hide date picker
	[checkfront options=tabs,hidesearch,hidedates]	Together they would look like this
Discount Code	[checkfront discount_code="insert_code"]	Include an automatic discount code
Language	[checkfront lang_id: "en"]	Set default booking portal language
	[checkfront locale_id: en_US"]	Set default customer language. Customers can change this from the menu bar. Supercedes lang_id
Style	[checkfront style="color: #000000"]	Font colour
	[checkfront style="font-family: arial"]	Font-family
	[checkfront style="background-color: #873333"]	Background colour
	[checkfront style="color: #000000; background-color: #873333; font-family: arial"]	Font styles combined
Date	[checkfront date="20141224"]	Fast forward to a specific date
	[checkfront end_date="20140131"]	Add an end date
Tracking ID	[checkfront tid="promo-page"]	Tracking ID

 

---

• Is it possible to have multiple shortcodes on the same webpage?

  No. You can only have one shortcode per webpage. If you want to have multiple integrations on the same webpage, then you need to add a code block with a generated Booking Widget code.

 

 

---

< Configuring advanced options for the Drupal plugin

---