BEST PRACTICE: Highlighting Events on Your Homepage

Displaying event content on your homepage is absolutely crucial–not just to ensure the success of your online events calendar, but also the success of each event on your calendar and your website as a whole! Need inspiration? We’ve gathered some of our favorite ways our customers highlight events on their website homepages. Here’s how:

  1. Show off what you have to offer – Your homepage serves as the first impression for website visitors. Giving a glimpse of what’s going on gives a breath of personality and community to your page.
  2. Easy navigation – Make event content just one click away from your homepage and readily discoverable for your visitor’s eyes.
  3. Increase event visibility – Whether you want to raise attendance at a specific event or drive traffic to your main calendar, displaying content on your homepage is the first step towards your goal.

Choosing a Display 

Ultimately, the best display will vary from organization to organization depending on your homepage design and its overall goals.

Below you’ll find a variety of styles, layouts and placements of events on website home pages that we hope inspires you to add events to your website homepage thoughtfully and creatively. Note: Not all displays featured are being powered directly by Localist widgets.

The Common Thread: All of these formats showcase events in a way that is easily discoverable and digestible to users.


Bold Images

Hope College: Hope.educalendar.hope.edu

Screen Shot 2016-12-16 at 11.18.44 AM

Allegheny College: allegheny.edu

Screen Shot 2016-12-16 at 10.07.32 AM

Northland Church: northlandchurch.net / calendar.northlandchurch.net

Screen Shot 2016-12-16 at 10.47.06 AM


 

Horizontal Displays

devilslakend.com / events.devilslakend.com

Screen Shot 2016-12-16 at 10.29.30 AM

Kenyon College: kenyon.edu / calendar.kenyon.edu

Screen Shot 2016-12-16 at 10.06.40 AM

Missouri S&T: mst.edu / calendar.mst.edu

Screen Shot 2016-12-16 at 10.09.57 AM


Alongside News & Social 

University of Delaware: udel.edu / events.udel.edu

Screen Shot 2016-12-16 at 10.19.34 AM

Philadelphia University: philau.eduevents.philau.edu

Screen Shot 2016-12-16 at 10.20.16 AM


Side Displays

Clemson University: clemson.edu / calendar.clemson.edu

Screen Shot 2016-12-16 at 10.08.13 AM

University of Tulsa: utulsa.edu / calendar.utulsa.edu

Screen Shot 2016-12-16 at 11.31.48 AM


Extra additions

Visit Lorain: visitloraincounty.com / calendar.visitloraincounty.com

  • Mini Calendar & View Full Calendar button

Screen Shot 2016-12-16 at 12.58.10 PM

University of California, Irvine: uci.edutoday.uci.edu

  • Blurb about event community and calendar

Screen Shot 2016-12-16 at 12.59.54 PM

Wallace State Community College: wallacestate.edu

  • Background image & “read more” links

Screen Shot 2016-12-16 at 1.07.00 PM


Related Articles