How to Embed an Events Calendar on Your Site

You have two options for embedding an Events Calendar on your site. You can embed a persistent calendar (Method 1) that is always available to your site visitor’s regardless of the post or you can include a calendar on a specific post (Method 2)–more of a one time only approach–that is particularly relevant to the calendar. Step-by-step procedures for implementing both methods are described below.

 

To embed an Events Calendar on your site, you begin on the site’s dashboard. Hover your mouse over Appearance in the left hand navigation bar and select Widgets from the fly-out menu. embed shot 1 A page will display Available Widgets. Select the (BuddyPress)Group Events Widget. embed shot 2 You must then select from a list of possible locations on your site. Choose the location where you want the calendar to appear and click Add Widget. The list of available locations will vary depending on your site’s theme. embed shot 3 In the window that pops open, select the Group from which you want to pull your calendar. Give the Calendar a title and press Save. embed shot 4 The calendar is now embedded in your site.

 

  1. Open the dashboard for your site.
  2. Activate the “Group Events Shortcode and Widget” plugin.
  3. Once the plugin is activated, you can navigate to any post in edit mode.
  4. Click on the “Add Media” button.
  5. Next, select “Insert Post Element > Group Events”.
  6. Select the Group Calendar you wish to embed.
  7. Make whatever customizations you want to make and click the Insert Element button.
  8. If you are using the editor’s “Visual” mode, the group events should automatically render because of shortcode.