How to Add a Booking Module to My Drupal Website?

It’s pretty easy…

If you don’t use Drupal, we also have lots of other integration possibilities such as WordPress plugin, Joomla, HTML integration, using Sagenda as main website and many more! See the links under this video, or check Sagenda.com in the “integration menu”, or our other videos.

Sagenda’s Drupal Github page

How to install Sagenda’s Drupal module?

From your Drupal Admin Control Panel, just go to: “Manage / Extend” and click “+ Install new module”.

You have 2 options to upload the module:

#1 option: copy paste the “.tar.gz” file URL.

#2 option: download the file to your computer and upload on your website.

You need to use only one of those options, not both.

Now, wait a few seconds while the Sagenda module is uploaded.

Then, select the checkbox in front of “Sagenda Booking Calendar” and click “Install”. Now, the module is activated.

How to configure Sagenda’s Drupal module?

To add the module to your website, follow the next steps. Go to “Manage / Structure / Block layout” click “Place block” anywhere you want (probably in “Content”). Search for “Sagenda Booking Calendar” block and click “Place block”. You can display the calendar anywhere you want, in this example we will just display it on one page located in “/node/1” so we will allow it only on this page.

Now, the calendar is displayed on your page but it isn’t linked to your Sagenda account yet! We have to configure it.

To do so, go to “Manage / Configuration / Sagenda Settings”

First, you need to enter your authentication code (aka: token) so the plugin can authenticate your Sagenda account. You will find this token in your Sagenda account under account settings and also on the Dashboard. Open your Sagenda account and copy this token, then paste it to your module configuration. Don’t retype the authorisation code from this video or any other example since it will not display your data, which is as personal as your email address.

Then, you can choose on what day your calendar week should start. In most cases, it’s Monday or Sunday. Let’s change it to “Sunday”. After changing the value in the drop down list, save your setting. Then, on the next reload, your frontend calendar will start each week with “Sunday” instead of “Monday”.

You can then also change the date and time format. See a few examples: on the left, the date format, and on the right, the result in the calendar view.  If you change your Drupal website language, the text date in letters will follow the language. We will come back later on more language options. For now, if I change the website language to “French”, “October” is replaced by “octobre”.

Now, let’s try to change the date format. On the “Hint popup”, you have already some format example. Let’s try one! I will change it to “YY MM DD”. If you want to see the change immediately, don’t forget to save your Drupal page and reload your calendar page. What’s the result? Pretty ugly, right? Without dot, backslash nor dash the date is difficult to read. Let’s add dots in between. The result is much better, right?

Let’s do the same for the time format. H in uppercase means hours counted from 00:00 to 24:00, while “h” in lowercase means hours from 12:00 AM to 11:00 PM. “A” add “AM or PM”. In order to have the American time format (e.g. 11:00 PM), you should enter: “hh:mm A”.

I will not explain all the possible functions here as we can make a book on this topic, and mainly because other options aren’t so commonly used. But you should know that you can choose the given link and manage format of Month, Quarter, Day of the Month, Day of the Year, Day of Week, Week of the Year, Year, AM/PM, Hours, Minutes, Seconds… 

Make sure to save your configuration.

If you don’t see changes on your calendar after saving some modifications, please clear Drupal’s caching system. Please go to: “Manage / Configuration / Development / Performance” and click “Clear all caches”.

How to change Sagenda’s Drupal language?

Sagenda uses your Drupal’s default language. Go to: Manage / Extend, install the “language” and the “Interface Translation” modules.

In the “language” module, open the detail of the description and click on “Configure”. Click “Add language”, select the language you want and click “Add language”. If needed, you may change the default language.

That’s all folks!

Don’t forget to watch our videos on how to set up your account. We have also plenty of other integration options: as a link, as HTML, as other CMS plugins and so on.

Feel free to contact us in case you need anything !

Thanks for reading and stay more productive with Sagenda!