The Events Calendar Plugin with Google Map

If you are looking for an event plugin for your site or blog, you may like to try the “Events Calendar” developed by Shane & Peter.

The events calendar is easy to install and use than other event calendar plugins. What made it difference from the rest is it has Google Map embedded in it. The Google Map can be easily added to your site or blog by providing a valid address. However, this events calendar plugin does not provide direct online event registration; you will have to use a 3rd party service – EventBrite to do it. It has a plugin called EventBrite Integration that you can install into your site or blog for online event registration and payment. Before you download, you need to sign up an account with EventBrite.com to get your “API User Key”. It only takes a few seconds to register.

Once you have signed up an account, you can install the two plugins and start using them for your events. Continue reading if you want to want to overcome the shortcoming of Event Calendar.

How do you add the Event Calendar to the Navigation Bar?
The strange thing about Event Calendar is it only allows you to insert event in a post not page. In other words, the Event Calendar is unable to add its menu to the navigation bar when it is a post. However, there is a way to get around it.
  1. The Event Calendar setting will appear at the end of each post once it is installed.
  2. To create an event, you must create a new post and label it as an event in the Event Calendar setting.
  3. Then scroll up and click preview to view the post.
  4. While inside the browser, go to the top of the post, click on “< Back to Events”.
  5. Copy the URL which looks like “http://www.mydomain.com/category/events/.
    (This is the default URL of displaying calendar when visitors visit the Events page, if you want to display a list of events on the Events page then use the URL for e.g. “http://www.mydomain.com/category/events/upcoming” instead.)
  6. Go back to Wordpress admin dashboard.
  7. To add a page to the navigation bar, you have to use the Wordpress Menus.
  8. Go to Appearance > Menus and create a new menu name for example “main-menu”.
  9. Under “Theme Locations”, choose “main-menu” as your primary navigation.
  10. Click “Save” to save.
  11. At the “Custom Links”, paste in the URL you have copied earlier and add a name e.g. “Events” to the “Label”.
  12. Click on “Add to Menu” to add it to the box on the right.
  13. You can drag the “Events” bar up or down to the order that you want.
  14. Then click on “Save Menu” to finish.

Now the “Events” is added to your navigation bar. When visitors click on the “Events”, it will show them either a list of events or a calendar. The view is determined from the URL that you have copied at step number 4.

How to Remove the iCal Import Link at the Page?
You may notice a link “iCal Import” against blue background is found at the top of the event page. It is a text file format created for publishing the calendar information. If you want to remove the iCal Import text, you can click on this link and follow its instruction to do it.

Comments

Popular posts from this blog

Headway Visual Editor not Loading in the Browser