---
title: "Displaying a calendar"
date: 2026-04-23
author: "GravityKit"
link: "https://www.gravitykit.com/docs/gravitycalendar/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](https://www.gravitykit.com/docs/gravitycalendar/creating-a-calendar/).

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

- [Gutenberg block](#method-1-using-the-gutenberg-block-a3xee)
- [Shortcode](#method-2-using-a-shortcode-eygbq)
- [WordPress widget](#method-3-using-a-wordpress-widget-aph41)
- [GravityView widget](#method-4-using-the-gravityview-widget-lfh6x)

## 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](https://www.gravitykit.com/wp-content/uploads/2025/10/file-DvaSPoVdET.png)
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](https://www.gravitykit.com/wp-content/uploads/2025/10/file-dE38SUUAbv.png)

## 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](https://www.gravitykit.com/wp-content/uploads/2025/10/file-zTKoMPCUau.png)
*You can paste this shortcode into any WordPress page or post to display your GravityCalendar*
**Example shortcode:**

```
[gravitycalendar id="22"]
```

```
[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](https://www.gravitykit.com/wp-content/uploads/2025/10/file-diXR6ktQjS.png)
*In the widget settings:*
- Select a **Form** (the one connected to your calendar).
- Choose the **Feed** (the specific calendar you want to display).
- Click **Save** to apply your settings.

## Method 4: Using the GravityView widget

If you have [GravityView](https://www.gravitykit.com/features/) 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](https://www.gravitykit.com/wp-content/uploads/2025/10/file-h14gOL4xOY.png)
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](https://www.gravitykit.com/wp-content/uploads/2025/10/file-S9FerY6y0U.png)
*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](https://www.gravitykit.com/docs/gravityview/getting-started-gravityview/the-view-settings-meta-box/). The final display may differ from the preview if you’ve configured filters, approval settings, or other options that control which entries appear.