libcal widget example

widget.html

<script>
jQuery.getScript("https://stanforduniversity.libcal.com/js/myscheduler.min.js", function() {
    jQuery("#mysched_89018").LibCalMySched({iid: 5247, lid: 0, gid: 0, uid: 89018, width: 560, height: 680, title: 'Make an appointment - ', domain: 'https://stanforduniversity.libcal.com'});
});
</script>

<!-- Place the following link anywhere in your page. Make sure the id "mysched_89018" matches with the above code: jQuery("#mysched_89018")  //-->
<button id="mysched_89018" href="#">Schedule an appointment</button>
<!-- Below is optional button styling  //-->
<style>
#mysched_89018 {
  background: #8c1515;
  border: 1px solid #8c1515;
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  font-family: 'Source Sans Pro','Arial Unicode MS',Helvetica,sans-serif;
  padding: 8px 6px;
  cursor: pointer;
}
#mysched_89018:hover, #mysched_89018:active, #mysched_89018:focus {
  opacity: 0.9;
}
</style>