Email widget example

gistfile1.html

<!-- CSS & JS -->
<link href="https://desk-customers.s3.amazonaws.com/shared/email_widget.css" media="screen" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https://desk-customers.s3.amazonaws.com/shared/email_widget.js" type="text/javascript"></script>

<!-- The lightbox -->
<div id="desk-support-box">
  <a id="desk-support-box-close">&otimes;</a>
  <iframe src="http://YOUR-SITE.desk.com/customer/widget/emails/new" id="desk-widget-iframe"></iframe>
</div>
<div id="desk-darkness"></div>

<!-- Use one of these three different CTA styles (sidetab, button, or text link) -->
<a class="desk-cta desk-sidetab" href="http://YOUR-SITE.desk.com/customer/widget/emails/new">Support</a>
<a class="desk-cta desk-button" href="http://YOUR-SITE.desk.com/customer/widget/emails/new">Support</a>
<a class="desk-cta desk-text" href="http://YOUR-SITE.desk.com/customer/widget/emails/new">Support</a>