Displaying a calendar

This guide explains how to display your GravityCalendar on your WordPress site using different methods. Before displaying your calendar, make sure you’ve already created one.

Here are the different methods for displaying a GravityCalendar on your site:

Method 1: Using the Gutenberg block

If you’re using the WordPress block editor (Gutenberg), you can easily insert a calendar directly into a post or page.

Edit an existing post or create a new one, and click the + icon to add a new block. Next, search for Calendar and select the GravityCalendar block.

Calendar widget selection with options for Calendar, GravityCalendar, and related features

After adding the block to your page, open the block settings sidebar and choose the Form and Feed to display your calendar. The preview will automatically update inside the editor.

Calendar settings interface with dropdowns for form and feed selection. Option to edit settings

Method 2: Using a shortcode

Each calendar you create includes a shortcode that you can embed anywhere on your site—inside posts, pages, or widgets.

To find the shortcode for a given GravityCalendar, go to your Forms list in Gravity Forms, click Settings, and then GravityCalendar. In the feeds list, locate the Shortcode column. Copy the shortcode for your calendar.

GravityCalendar plugin settings showing feed options with shortcode and preview link

You can paste this shortcode into any WordPress page or post to display your GravityCalendar.

Example shortcode:

[gravitycalendar id="22"]

Method 3: Using a WordPress widget

You can also add a GravityCalendar to your sidebar, footer, or any widget-ready area.

In your WordPress dashboard, navigate to Appearance > Widgets. Click the + icon and search for GravityCalendar.

GravityCalendar widget highlighted in block editor's footer widget selection panel

In the widget settings:

  1. Select a Form (the one connected to your calendar).
  2. Choose the Feed (the specific calendar you want to display).
  3. Click Save to apply your settings.

Method 4: Using the GravityView widget

If you have GravityView installed, you can embed a calendar directly inside a View.

Edit your View and click + Add Widget. Select Calendar from the widget list.

Add Widget menu showing Calendar to display entries in a calendar format

Next, click the gear (settings) icon on the Calendar widget to configure it.

Calendar settings panel showing GravityCalendar Feed 2 and display options for events

Select the calendar you want to embed from the dropdown field. You can also choose to:

  • Display events for all entries in the View, or
  • Limit events to only the entries shown on the current page.

When finished, publish or update your View to save your changes.

Note: When used as a GravityView widget, the calendar will inherit your View’s settings. The final display may differ from the preview if you’ve configured filters, approval settings, or other options that control which entries appear.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us