Event Calendar Google Calendar Integration: Best Practice for Zoom Links

Hi Everyone, i’m super new to Elf Sight and the Event Widget. I’m using the Google Calendar integration with my widget and finding it difficult to nicely add a zoom link.

All my events are virtual, and it seems the only place I can add a zoom link is in the google event description. Is this true?

I love the look of the button on the calendar and the pop-out but I can’t seem to achieve that with the google calendar integration. Am I missing something or does anyone have a better work around?

Adding the link into the location field in Google doesn’t work effectively. I don’t need the map to show up in the widget for a virtual event.

2 Likes

Hi there, @Miranda_Mickiewicz :waving_hand:

Good question! I see that you’ve already found a way to disable the map in the popup.

As for the button, unfortunately, it’s not supported for the events imported from the Google Calendar. We have a Wishlist request for this button and you can upvote here - Add button for EC connected to Google Calendar

However, the good news is that you can add a custom button. For this, you should follow these steps:

  1. Add a text with the link to the event description in your Google Calendar:

  1. Add this code to the Custom CSS field on the Style tab of your widget’s settings:
.global-styles, a {
display: inline-block;
font-size: 12px;
font-weight: bold;
color: white;
background-color: purple;
padding: 10px 20px;
border: 0px solid purple;
border-radius: 20px;
text-align: center;
text-decoration: none;
cursor: pointer;
text-wrap: auto;
overflow-wrap: anywhere;
}

.global-styles,
a:hover,
a:focus {
color: white !important;
}

Please try it out and let me know if it helped :slightly_smiling_face:

1 Like