EventsAIR Agenda Plugin for WordPress

List of content:

1. Getting Started

For this we would need to have a website for the event already.
If you don’t have any, just create one by going into Online -> Event Website -> New.

If you already have a page, proceed to step 2.

Add New Page, edit it and simply drag in the EventsAir Agenda (tabbed) as shown below.

Save & Publish the site and you’re ready.

2. Navigate to your site

Latest update! You can now fetch this with only the link of the site where the agenda is! Skip this and jump to next section to read more!

You can easily find your site by going into Online -> Event Website -> Edit -> Design. Click on the page or copy the URL. Make sure to open the website in Chrome.

Once on the page where the Agenda is shown, right-click and click Inspect at bottom.

Alternatively, you can use the Chrome inspect element shortcut Key.

  • MacOS – Command + Option + C
  • Windows – Control + Shift + C.

You should see something like this:

On the right hand side (highlighted in red above), you will need to find the <script> containing our JSON url.

Usually it will lay at the bottom as highlighted in the image below. We would need to double-click on the jsonDataUrl: and copy the link.

In this example, this is our JSON file:

https://az659834.vo.msecnd.net/eventsairwesteuprod/production-gyroconference-public/36ce269fca3b45f293337dc5b91ed498

2.1. Fetch JSON from URL within plugin

In my latest update, I’ve included a PHP fetch script that can check your site for correct JSON file!

Copy your URL link and paste it in the fetcher in the plugin settings as shown below:

Click Fetch JSON will bring you into a new window. Just click on the link to copy, press OK on the popup message and it will close itself.

3. Edit settings on WordPress

Copy this link and place it somewhere safe (Notepad, Word, or whatever).

Head over to your WordPress site and navigate into EventsAIR tab on the left side. Paste your copied link from above into the empty field.

Once that is done, settings is complete and you are ready to add the shortcode.

4. Add shortcode to a page

In order to show the agenda on your page, we would need to add a shortcode. Copy the shortcode below.

[agenda]

Place this shortcode in any page like the example below.

5. Finished

You are done! If you have any feedback, please contact the developer Håkon Jevnesveen on hj@gyro.no.

6. Roadmap

The next thing is to have more than one agenda per WordPress installation. Currently it only support one (1) at this stage. As I’m not usually doing any PHP development (only doing JavaScript), the plugin looks like a mess on the backend. But it works! The classic «I don’t know why, but it works!».

Many hours have been going down into this to make it work and I’m still on a VERY early stage on it. Any constructive feedback would be appriciated.

The agenda fetches info about session, presenters and the time. You can also search with keywords (will search in info and presenter) to get to your correct session.

More features will come, but again; this development isn’t the quickest one. Things will take time as this plugin is developed during work hours.

7. Known bugs & other related stuff

Nothing comes bug free unfortunately. This is a list of bugs so far:

  • When searching and clicking on a session for day 2 (day 1 in the «start page»), the agenda will not pop into that session for some reason. But when showing day 2 and search again for that session, it will pop down to it. There is a bug somewhere that doesn’t change the page, but have no clue where I went wrong with that.
  • JSON Fetcher script will fail if not given a URL to any EventsAIR page without agenda on it. There is no fallback to warn about it.
  • Backend is messy. Code not super optimized. Blaming myself, not the average PHP developer.
  • Can only have one agenda per WordPress installation.
  • No option for AM/PM, only 24-hour.
  • No option for changing colors on the frontend. Must know CSS to do changes.