Buy me a coffee

Click Header button – Open Gettimely Popup

#1. First, add your Gettimely Embed Code to the Code Injection – Footer

Click Header Button Open Gettimely Popup 01 Min

#2. Next, add this code to the Custom CSS box and click Save

/* Gettimely Booking Popup */
a[href*="bookings.gettimely"] {
  position: absolute;
  opacity: 0;
  z-index: -100px;
}

Click Header Button Open Gettimely Popup 02 Min

#3. Add this code under the Gettimely embed code in the Code Injection – Footer

<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(); 
    $('a[href*="bookings.gettimely"]').click(); 
});
</script>

Click Header Button Open Gettimely Popup 03 Min

#4. Edit Header button > Paste this URL (and make sure Open in New Tab is DISABLED)

Click Header Button Open Gettimely Popup 04 Min

#5. Done. When clicking the Header button, Gettimely Popup will appear.

Click Header Button Open Gettimely Popup 05 Min