Event Calendar Google Calendar Integration: Best Practice for Zoom Links

Ask the Community General Questions
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