Event Calendar Google Calendar Integration: Best Practice for Zoom Links

Ask the Community General Questions
1

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
3

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:

image
image1141×815 93.3 KB

  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