Skip to main content

Show Google Calendar tags in your calendar widgets

Learn how to show Google Calendar hashtags and tags inside your Display.Church calendar widgets. See how to enable event tags, customize their appearance, use tags for filtering, and understand which calendar views display tags on event

Written by Jason Alexis

Works only with Widgets using the Google Integrations

Already using hashtags in Google Calendar to organize and filter your events?

You can also display those tags to people viewing your calendar.

This gives you another way to quickly identify or categorize events—for example, #Youth, #Worship, #Community, or #Online.

First time using Google Calendar tags?
Start with our article, Using tags in Google Calendar (GCal), to learn how to add hashtags to your Google Calendar event descriptions and use them as filters.

How Google Calendar tags work

When using our Google Calendar integration, add a hashtag anywhere in the event description.

For example:

#Youth

or

#Community #Outreach

Display.Church recognizes those hashtags as event tags.

You can use the tags to:

  • Filter which events appear in a calendar.

  • Display the tags to your website visitors as part of the event information.

This article focuses on displaying the tags.

How to show tags in your calendar

After logging in to Display.Church:

Step 1

Go to Widgets → Calendars.

Step 2

Choose the calendar you want to edit.

Step 3

Click the Design tab.

Step 4

Open the Events section.

Step 5

Find show/display tags and toggle it ON.

If an event contains Google Calendar hashtags, Display.Church will now display those tags wherever that calendar view has enough room to show them.

Where will the tags appear?

This is important: not every calendar view has the same amount of space.

For calendar views that have room, your tags can appear directly with the event in the main calendar view.

For example:

Sunday Worship
September 12 · 11:00 AM
#Worship #Family

Visitors can immediately see how the event has been categorized without opening it.

Full Calendar / Monthly View

The Full Calendar view is a little different.

There usually isn't enough room inside each date on the monthly calendar to add tags without making the calendar crowded.

As a result, even when Show tags in card is enabled, the tags are not displayed directly inside the main monthly calendar.

However, when someone clicks an event to open the event details, the tags are displayed there.

Tiles View

Tiles works similarly.

Because of the available space and layout of the Tiles view, tags are not added directly to the main tile.

Visitors can still click the event to open the event details and see the tags there.

[INSERT SCREENSHOT: Tile view + event details]

Tags in event details

Even when a calendar view does not have enough room to display tags in its main layout, visitors can still see the tags when they open the event.

So you may have:

Main calendar view

Sunday Worship
September 12

And after clicking the event:

Event Details

Sunday Worship
September 12 · 11:00 AM

#Worship #Family

This allows us to keep compact calendar views clean while still making the additional event information available.

Customize how your tags look

For calendar views that display tags in the main view, you can also use the available design settings to adjust their appearance.

Depending on the view, you can customize options such as the tag text and border styling so that the tags better match your website and calendar design.

Remember to click Save after making your changes.

What if I don't see a tag?

If a tag is not appearing, check the following:

  1. Make sure the hashtag exists in the Google Calendar event description.

  2. Make sure Display.Church has synced the latest version of the event.

  3. Make sure Show tags in card is toggled on under Design → Events.

  4. Open the event details. Some views, including Full Calendar / Monthly and Tiles, intentionally do not display tags in the main view because of limited space.

  5. If you're using a Slider or another view that displays only a limited number of events at once, make sure the event containing the tag is one of the events currently being displayed.

Filtering and displaying tags are separate options

Keep in mind that these are two different ways of using tags.

Filtering by tag determines which events are included in your calendar.

Showing tags determines whether your visitors can see the tag associated with an event.

For example, you could create a calendar that only includes events tagged #Youth and also display the #Youth label on those events.

Or you could use tags only for filtering and leave them hidden from the main calendar display.

That gives you the flexibility to use Google Calendar hashtags for organization behind the scenes, for information your visitors can see, or both.

Did this answer your question?