Embedding Your Calendar in Joomla

Add your Loxi calendar to any Joomla site in a few quick steps. Please see our full tutorial on embedding calendars for a deeper dive on how to customize the calendar widget.

1. Log in to your Joomla website

You probably already knew this one but, hey, it’s worth mentioning. 

2. Adjust your text editor correctly

Caution: By default, Joomla's default Tiny MCE editor will remove Javascript from its editor when adding content.  If you use the default editor, the calendar embed will simply not work.

The following forum entry does a great job at explaining how to fix that.
In a nutshell, you will need to make sure to use either:

  1. The very popular JCE editor with Javascript allowed (log in as an Administrator and head over to Components > JCE Editor > Profiles > Desired profile > Editor parameters > Advanced and set Allow javascript to Yes). 
  2. The CodeMirror editor (be mindful while using this editor as it has some potential security implications)

3. Navigate to Content > Articles > Add New Article

Joomla allows you to either create a new article or edit an existing one. 
Choose whether you want to embed your Loxi calendar on a new article or make a new one altogether. Either way works!

4a. Embedding the code with JCE editor

  1. Add a title
  2. Select the Code tab in JCE editor
  3. Take the code snippet you copied from Loxi's Embed / Export screen and paste it
  4. Hit the Save button

4b. Embedding the code with CodeMirror

  1. Add a title
  2. Take the code snippet you copied from Loxi's Embed / Export screen and paste it
  3. Hit the Save button

5. Stand back and admire your work

Once you’ve clicked the Save button and saved your article, visit the page and your Loxi calendar will be on the screen. High fives all around!


If you bump into any issues, check out the Troubleshooting Embeds section of our Embedding Calendars tutorial for a few tips.