Change button

briandaviddavidson · Aug 15, 2022 · 76af789 · 76af789
1 parent a63463e
commit 76af789
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -38,11 +38,22 @@
   </head>
   <body>
 
-    <!-- Calendly badge widget begin -->
-    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
-    <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
-    <script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/briandaviddavidson/30min', text: 'Schedule time with me', color: '#5bbf7b', textColor: '#ffffff', branding: false }); }</script>
-    <!-- Calendly badge widget end -->
+<!-- Google Calendar Appointment Scheduling begin -->
+<link href="https://calendar.google.com/calendar/scheduling-button-script.css" rel="stylesheet">
+<script src="https://calendar.google.com/calendar/scheduling-button-script.js" async></script>
+<script>
+(function() {
+  var target = document.currentScript;
+  window.addEventListener('load', function() {
+    calendar.schedulingButton.load({
+      url: 'https://calendar.google.com/calendar/appointments/AcZssZ2SLo7uny0b-lVS7jD9jAsuBH0gjtHjpC8JpvI=?gv=true',
+      color: '#5484ed',
+      label: 'Book an appointment',
+      target,
+    });
+  });
+})();
+</script>
 
   <div id="fh5co-page">
     <div id="fh5co-main">