Desk.com Salesforce integration. This snippet shows you how to create a autocomplete field on the contacts template containing all your contacts of your Salesforce organization.

gistfile1.html

<div class="agent_customer_gravatar">
  <span class="a-user-icon">
   {{thumb}} {{social_profile}}
  </span>
</div>

<div class="agent_customer_section short" >
  {{first_name}}
</div>

<div class="agent_customer_section short" >
  {{last_name}}
</div>

<div class="agent_customer_section salesforce" >
  {{custom_salesforce_id}}
</div>

<div class="agent_customer_section">
{{company}}
</div>

<div class="agent_customer_section" >
{{title}}
</div>

<div class="agent_customer_section">
{{language}}
</div>

<div class="agent_customer_section" >
{{twitter_users}}
</div>

<div class="agent_customer_section" >
{{facebook_users}}
</div>

<div class="agent_customer_section" >
{{emails}}
</div>

<div class="agent_customer_section" >
{{phones}}
</div>

<div class="agent_customer_section" >
{{addresses}}
</div>

<div class="agent_customer_section" >
{{about}}
</div>

<style>
  .ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
  }
</style>

<script>
  $.widget('custom.catcomplete', $.ui.autocomplete, {
    _create: function() {
      this._loading = $('<img src="https://d3jyn100am7dxp.cloudfront.net/images/web_site_copy/loading.gif?1338961935">').insertBefore(this.element);
      // Reassigning the original element
      this.originalElement = this.element;
      this.element = this.originalElement.hide().clone().insertBefore(this.originalElement).attr({ id: '', name: '' }).val('');
      var originalSelect = this.options.select, that = this;
      this.options.select = function(event, ui) {
        if (ui.item && ui.item.id) that.originalElement.val(ui.item.id);
        return originalSelect(event, ui);
      };
      $.ui.autocomplete.prototype._create.call(this);
    },
    _renderMenu: function(ul, items) {
      var self = this,
          currentCategory = '';
      $.each(items, function(index, item) {
        if (item.industry != currentCategory) {
          ul.append('<li class="ui-autocomplete-category">' + item.industry + '</li>');
          currentCategory = item.industry;
        }
        self._renderItem(ul, item);
      });
    },
    el: function() {
      return this.element;
    },
    loading: function() {
      return this._loading;
    },
    oEl: function() {
      return this.originalElement;
    }
  });
  
  var ar = [],
      source = function(request, response) {
        response($.ui.autocomplete.filter(ar, request.term));
      },
      el = $('div.salesforce input').catcomplete({
        source: source,
        select: function(ev, ui) {
          if (ui.item) {
            for (var key in ui.item) {
              if ($('#customer_' + key).size() > 0) $('#customer_' + key).val(ui.item[key]);
            }
          }
        }
      }),
      callback = {
        onSuccess: function(queryResult) {
          if (queryResult.size > 0) {
            ar = queryResult.getArray('records').map(function(item) {
              if (el.val() == item.Id) {
                el.catcomplete('el').val(item.FirstName + ' ' + item.LastName + ', ' + item.Account.Name);
              }
              return {
                value: item.FirstName + ' ' + item.LastName + ', ' + item.Account.Name,
                first_name: item.FirstName,
                last_name: item.LastName,
                company: item.Account.Name,
                title: item.Title,
                industry: item.Account.Industry || 'None',
                id: item.Id
              };
            });
          }
          el.catcomplete('loading').hide();
          el.catcomplete('el').show();
        },
        onFailure: function(error) {
          alert("An error has occurred: " + error);
          $('div.salesforce').hide();
        }
      },
      run = function() {
        sforce.connection.login("api@example.com", "YourPassword");
        sforce.connection.query("Select Id, FirstName, LastName, Title, Account.Name, Account.Industry From Contact Order By Account.Industry", callback);
      };
  
  window.sfAsyncInit = run;
  
  (function(d) {
    var js, id = 'salesforce-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) {return run();}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = '//nodeproxy.herokuapp.com/sfconn.js';
    ref.parentNode.insertBefore(js, ref);
  }(document));
</script>