I. Add HTML Tag
The Js Scheduler requires an element to be associated with. We create an HTML Elementor widget in the place of the web page where we want the schedule to appear. Then we write in it the HTML code that creates the calendar div:
Use the <HTML> widget of Elementor to insert code for the <div> element required by MindFusion JS Scheduler
We copy the theme we will use in a new folder called “calendar-themes” into the directory of your WordPress website. This folder should be located in the subfolder that has the name of the WordPress theme you are using. This subfolder is located in the wp/content/themes/ directory. The path should be:
Instead of “calendar-themes” you can use any other name for your folder.
Next, copy the MindFusion.Scheduling.js and FirstSchedule.js files in a new folder called “js”, which is located at the same place where the calendar-themes folder is placed. The path should be:
The directory structure of a WordPress blog with the newly created “js” and “calendar-themes” folders.
III. Get a Header/Footer WordPress Plugin.
Here is a list of the available options:
There we placed in the “Scripts in Header” text box:
<link href="http://ubydesign.net/wp-content/themes/twentyseventeen/calendar-themes/first-theme.css" rel="stylesheet">
And in the “Scripts in Footer” textbox:
On our test blog we use the twentyseventeen theme. That’s how the Header/Footer settings look like:
For technical questions please use the MindFusion discussion board: https://mindfusion.eu/Forum/YaBB.pl