Click Header Button – Show Google Calendar Popup

Suppose you want a Google Calendar Lightbox appear when users click on the Header button, you can follow these steps:

#0. When you edit the Header Button URL, make sure the option “Open link in New Tab” is disabled.

#1. Add your Google Calendar Embed Code to Code Injection > Footer. This is just example code. Use your code. Do not use example code.

#2. Use this code to Custom CSS box

button.qxCTlb {
    position: fixed;
    opacity: 0;
    transform: translateX(-1000px);
}

#3. Use this code to Code Injection – Footer, under #1 code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).on('click', 'header#header a.btn', function(event) { 
    event.preventDefault(); 
    $('button.qxCTlb').click(); 
});
</script>

#4. Result

Ask me a question, free