How to Add Event Calendar & Upcoming Games to a Sports Team Site

by Kenneth Charles - a 15 minute read

Here’s How to Add an Event Calendar to Your Sports Team Website in WordPress

What follows is an easy way to add an event calendar to your team website in order to keep your fans up to date.

Install the AgileSite SportsPress Plugin

The SportsPress plugin is the perfect solution to easily add the features we are looking for. It is chock full of everything you need to build a professional sports team website and an event calendar is just one of them.

So, the first thing we will do is install it on our website. To do so, you can either find it in the WordPress directory or go to Plugins > Add New on your site. Once there, simply look for the name, it should be the first search result.

Hit Install Now and wait until it is downloaded, then don’t forget to activate. Once you do, you will meet the onboarding client that lets you set up the basics of the plugin like teams, players, venues and pages.

Create Your First Event(s)

Once you are through with the installation wizard, we can go right ahead and create our first event. This is so we have something to fill the event calendar with when we set it up in a bit.

So, our first stop is Events > Add New.

The screen should look quite familiar to anyone who has ever worked with WordPress. In AgileSite SportsPress you can pretty much create anything in the tried-and-true environment.

One of the main differences for events: there’s no need to enter a title. Instead, AgileSite SportsPress will generate one automatically from the competing teams. However, you may enter a description in the editor field that will show up on the event’s page.

Next, under Format, pick whether it’s a competitive or friendly event. Then move on to Details to pick the competition, season and optionally the venue of the event. You can also leave the latter to auto, that way AgileSite SportsPress will automatically pick the home team’s venue.

Further down you can choose the teams that will compete against each other and optionally players and staff that will be involved.

Finally, you may add a featured image or video if desired. That’s it for the basic options. However, before publishing, don’t forget to pick the right date and time from the Event box.

While this usually schedules the publishing date of a blog post, in this case it determines exactly when the event takes place. Once you are done, hit Publish to finish creating your event. If you want, you can set up a few more to fill the calendar with more options or just move on to the next step.

Set Up a Calendar

After that, it’s time to to get started with the event calendar. For that, our next destination is Events > Calendars. Here you will find a list of all calendars already on your site. To add a new one, find the respective button at the top and click it. This will take you to the editor screen once more.

Here, the first thing to do is add a name for the calendar. This can be something like Upcoming Games or any other title of your choosing. After that, turn to the Details column.

Here, you can determine what type of events will show up in your calendar. Options are:

  • Type of events — Determine whether past events, future events or all events show up in the calendar
  • Date — Limit events to a certain time span like today, this week or a date range
  • Match Day — Set a custom match day for the event.
  • Competition — Limit events in the calendar to a certain competition
  • Season — Determine what season to display events from
  • Venue — Show only events from a particular venue
  • Teams — Limit events to just one team
  • Sort by — Determine how to sort the events, by date or match day
  • Sort order — Choose between ascending or descending order (the first is best for upcoming events, second better to display results of events that already happened in the past)

Under Columns, you can also decide what information to display to users. This part will get more important further below.

Add an optional featured image if you want. After that, it’s time to publish. Well done! You just created your first event calendar!

Check the Event Calendar on the Front end

After patting yourself on the back, it’s time to see the calendar in action. For that, change to the front end of your site by clicking View Calendar.

There are 3 options for displaying a calendar : Calendar, List, and Blocks. The image below demonstrates the List Calendar layout.

Change the Layout

However, the classic calendar view is not the only option to display upcoming events. You might have already noticed the Layout box in the calendar creation page.

Here, we have two more layout options to choose from: list and blocks. To change the layout, simply pick one of them and hit the big blue Update button. However, when choosing the List option, make sure to check which columns you want to display under Columns first. Otherwise it will be pretty empty and disappointing to users. Once you have done so, here’s what it looks like:

Additional Event Calendar Options

While setting up a calendar was pretty easy, there are a few more things you can do.

Import the Calendar

Usually in SportsPress when creating league tables and other elements, you find shortcodes to display them in different places. Event calendars are no different, however, in this case you additionally find links to import your calendar into other programmes.

These links are in the ical format which means you can import them easily into Apple calendar, Outlook or Google calendar (or any other calendar using the format). That way, you can use use the links to easily share upcoming events with teammates or fans. Neat, right?

Change Settings

Of course, you can also further customise everything regarding events in the settings. Here’s what you find under SportsPress > Settings > Events:

As you can see, the plugin allows you to change the template for your calendars. That is for themes that come with their own custom templates.

For event lists, you have the option to switch on and off the calendar title and team logos. In addition to that, you are able to customize the title format to show team names or a custom title. The same is possible for the time/results format. Finally, you can choose how many events to display and whether to paginate the list when it reaches its limit.

Similar options are available for block display with additional settings for which details to display.

Display as Widgets

Just in case you don’t only want to set up your event calendar or list as its page but also display it in other places like the sidebar, you can do so via widgets. After installing AgileSite SportsPress you will find additional widget options under Appearance > Widgets.

Event Blocks, Event List and Event Calendar give you the same option to display upcoming events as we discussed for pages earlier. Just drag them to the desired widget area, configure all options and save.

Summing Up

Upcoming events and competitions are among the most important things for sports teams. It’s what you train for and what fans look forward to, often for weeks and months. In short, it’s the lifeblood of any sport. For that reason, it’s only reasonable that they are displayed properly on your team website.

As we have seen above, AgileSite SportsPress offers a number of different ways to do so and makes the process super simple. Just create a calendar, fill it with events and then share and display it on your site in numerous ways. All it takes is a few clicks.

We hope following along this tutorial has given you inspiration and understanding of how to show off your event calendar on your sports team website. Hope to catch one of your games soon!

View Live Demo

AGILESITE SPORT

Keep track of points and total touchdowns. Assign offensive and defensive positions to each player. Calculate overall statistics automatically.

American Football

Record points per quarter and overtime. Automatically calculate player statistics and percentages based on game performance.

Basketball

Separately track batsmen and bowlers with different sets of statistics. Display extras and players who did not bat at the end of scorecards.

Cricket

Generate fixtures and results. Automatically calculate points and goal differences. Track own goals and subtract them from player statistics.

Football (soccer)

Record 9-hole and 18-hole rounds with adjustable par setting per hole. Display a reported score automatically determined by strokes and par.

Golf, Your Content Goes Here

Record goals per quarter and detailed player statistics. Generate automated league tables with points and goal difference sorting.

Netball

Calculate points from tries, conversions, penalty drops, and drop goals per player. Display profiles with statistics for each season.

Rugby Union

Record matches using best-of-five rules and separate points for each game. Use match results to generate automated leaderboard statistics.

Squash

Record five sets of points and calculate total percentages based on results. Leaderboards take into account wins, losses, and unfinished matches.

Tennis

Generate game details with separate set points and individual player stats. Automatically generate leaderboards with Pct, B/S, and A/S columns.

Volleyball

OPENING HOURS

Week Days 9:00am – 5:30pm
Saturday Closed
Sunday Closed

+44(0) 208 1444 145

OFFICE LOCATION

OUR VALUES

To make digital technology commonplace and to enhance the digital performance of the business, education and sporting sectors.

Our business posture is one of openness, inclusiveness and simple transparency. We believe relationships go further and are more enjoyable this way.
To adopt biological thinking, never ending experimentation and to deliver economic as well as social value to the communities we serve.

The only digital solution for serious teams and athletes

Keep your team organised with advanced club and league management features. Get your own data-driven AgileSite Sports website for your team today!

Got a question?
2017-07-25T09:29:23+00:00

Leave A Comment