Skip to content

Instantly share code, notes, and snippets.

@gkalmoukis
Last active May 6, 2023 23:10
Show Gist options
  • Save gkalmoukis/ec14b93a677fa43c2e5e2bf1a9a2d252 to your computer and use it in GitHub Desktop.
Save gkalmoukis/ec14b93a677fa43c2e5e2bf1a9a2d252 to your computer and use it in GitHub Desktop.
Calendly Integration
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendly Integration</title>
</head>
<body>
<ol>
<li><a href="inline-embed.html">Inline Embed</a></li>
<li><a href="popup-widget.html">Popup Widget</a></li>
<li><a href="popup-text.html">Popup Text</a></li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inline Embed | Calendly</title>
</head>
<body>
<div class="calendly-inline-widget" data-url="https://calendly.com/gkalmoukis/30min" style="min-width:320px;height:630px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Popup Text | Calendly</title>
<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>
</head>
<body>
<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/gkalmoukis/30min'});return false;">Open</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Popup Widget | Calendly</title>
<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/gkalmoukis/30min', text: 'Schedule time with me', color: '#0069ff', textColor: '#ffffff', branding: true }); }</script>
</head>
<body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment