Free Trial Signup

Articles in this section

Working with the Drupal plugin shortcode

Learn how to generate and place Drupal shortcodes and how to extend the shortcode using arguments, which are values passed in the code to customize the experience.

Are you new to Drupal? Please read the first article in this series for an introduction to our Drupal integration.

 

Which plans include this feature?

Legacy:  Soho, Pro, Plus, Enterprise, Flex
New:  Starter, Growth, Managed  |  Learn more about our new plans or how to change your plan.


Where can I find this feature using the top menu?

Manage > Integrations > Website Integration > Drupal

What more do I need to use this feature?

  • Admin permissions to manage integrations.
  • A hosted website with free Drupal 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?

  • 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. 

 

Products

New to Checkfront - Products ✨

With our newest version of Checkfront, we have added Products (Inventory > Products) as the successor to items (Inventory > Items).

Are you interested in migrating to our newest version? Please reach out to our Technical Support team for more information.

 

Generating the shortcode

Back to top

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!

Drupal Generate Shortcode

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

 

Placing the shortcode

Back to top

Drupal Place Shortcode

With the shortcode pasted to your clipboard, head back to Drupal and locate/create the page/post where 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.

 

Using arguments with the shortcode

Back to top

Drupal Shortcode Arguments

Adding arguments (from the list below) controls how the booking portal appears and the information it contains. Above is an example of what this shortcode might look like.  

 

Extending the shortcode

Back to top

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

 

Frequently Asked Questions

Back to top

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

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

 

Alert Be sure to allow browser cookies in the current browser session. Not accepting cookies may prevent the plugin from loading properly.

 

 

< Configuring advanced options for the Drupal plugin

 

 

Related articles