Customer Messaging Software for Facebook Messenger

<!doctype html>      <html class="no-js" lang="en" prefix="og: http://ogp.me/ns#">  <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.zendesk.com/message/","20161018204844","https://web.archive.org/","web","/_static/", "1476823724"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Customer Messaging Software for Facebook Messenger | Zendesk</title> <script> // Create ga object before optimizely loads, since the snippet for // analytics.js is being loaded async through GTM window.ga = window.ga || function() { (window.ga.q = window.ga.q || []).push(arguments) }; </script> <script src="//web.archive.org/web/20161018204844js_/https://cdn.optimizely.com/js/112699136.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="google-site-verification" content="2q8u-0_6HxJZdS7l7LYlf-WDEYwIPvdJ_XVujkTFNCY"/> <meta name="viewport" content="width=device-width">  <link rel="profile" href="https://gmpg.org/xfn/11"/> <link rel="dns-prefetch" href="//web.archive.org/web/20161018204844/https://d16cvnquvjw7pr.cloudfront.net/"> <link rel="dns-prefetch" href="//web.archive.org/web/20161018204844/https://ajax.googleapis.com/"> <link rel="shortcut icon" href="//web.archive.org/web/20161018204844im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/favicon.ico"/> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="//web.archive.org/web/20161018204844im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk144.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="//web.archive.org/web/20161018204844im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="//web.archive.org/web/20161018204844im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk72.png"> <link rel="apple-touch-icon-precomposed" href="//web.archive.org/web/20161018204844im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk57.png"> <meta property="og:image" content="https://web.archive.org/web/20161018204844im_/https://d16cvnquvjw7pr.cloudfront.net/images/blog/zendesk-default-placeholder.jpg"/> <meta category="og:category" content=""/> <meta name="description" content="Zendesk Message is new customer message software that helps companies engage customers on their favorite messaging app. It’s easy to use, built to scale and personal."/> <link rel="canonical" href="https://web.archive.org/web/20161018204844/https://www.zendesk.com/message/"/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Customer Messaging Software for Facebook Messenger | Zendesk"/> <meta property="og:description" content="Zendesk Message is new customer message software that helps companies engage customers on their favorite messaging app. It’s easy to use, built to scale and personal."/> <meta property="og:url" content="https://web.archive.org/web/20161018204844/https://www.zendesk.com/message/"/> <meta property="og:site_name" content="Zendesk"/> <link href="https://web.archive.org/web/20161018204844cs_/https://d1eipm3vz40hy0.cloudfront.net/css/message.min.eb58fbcc.css" media="screen" rel="stylesheet" type="text/css"/></head> <body data-useragent class="lang-en responsive " lang="en-US"> <script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//web.archive.org/web/20161018204844/https://cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])}; heap.load("1646711747"); </script> <script type="text/javascript"> (function() { var loadConvertro = function() { (function(c){var e=document.createElement("script"); e.type='text/javascript';e.async=true; e.src='//web.archive.org/web/20161018204844/https://d1ivexoxmp59q7.cloudfront.net/'+c+'/live.js'; var n=document.getElementsByTagName('script')[0]; n.parentNode.insertBefore(e,n);})('zendesk'); }; if (!window.potentialBot) { loadConvertro(); } }()); </script><header class="masthead " role="banner"> <div class="masthead-top col-960 unpadded"> <div class="secondary-menu menu"> <a class="list list-vert secondary-menu-item masthead-top-item masthead-top-i18n company" href="/web/20161018204844/https://www.zendesk.com/login/">Login</a> <a class="list secondary-menu-item masthead-top-i18n company" href="//web.archive.org/web/20161018204844/https://support.zendesk.com/">Support</a> <ul class="list secondary-menu-item masthead-top-i18n company"> <li class="first"> <a href="#">Company<span class="ent-text"></span></a> <ul class="list-sub"> <li class="list-item"><a href="/web/20161018204844/https://www.zendesk.com/about/">About us</a></li> <li class="list-item"><a href="/web/20161018204844/https://www.zendesk.com/company/press/">Press</a></li> <li class="list-item SL_norewrite"><a href="//web.archive.org/web/20161018204844/https://investor.zendesk.com/">Investors</a></li> <li class="list-item SL_norewrite"><a href="/web/20161018204844/https://www.zendesk.com/company/events/">Events</a></li> <li class="list-item"><a href="/web/20161018204844/https://www.zendesk.com/jobs/">Careers</a></li> <li class="list-item"><a href="/web/20161018204844/https://www.zendesk.com/support/contact/">Contact us</a></li> </ul> </li> </ul> <ul class="list SL_swap secondary-menu-item masthead-top-i18n" id="smartling-lang-dropdown"> <li class="first"><a href="#">English<span class="ent-text"></span></a> <ul class="list-sub"> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.es/">Español</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.com.mx/">Español (LATAM)</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.com.br/">Português</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.fr/">Français</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.de/">Deutsch</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.it/">Italiano</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.nl/">Nederlands</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.co.jp/">日本語</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.com.ru/">Pусский</a></li> </ul> </ul> </div> <div class="masthead-stuck-target"> <div class="js-stuck-inner"> <span class="context-menu"><h4>Howdy there, right clicker!</h4><p>Would you like a pristinely gorgeous high quality version of our logo?</p><a class="button button-white" href="//web.archive.org/web/20161018204844/https://www.zendesk.com/company/brand-assets/">Check out our fine Brand Assets</a></span> <header class="site-title"><a href="https://web.archive.org/web/20161018204844/https://www.zendesk.com/" title="Zendesk" rel="home" class=""></a></header> <div class="primary-menu menu"> <div class="primary-menu-anchor"></div> <nav class="primary-menu-list-wrap"> <ul id="menu-header-navigation-mini" class="primary-menu-list"> <li id="smartling-nav-product" class="SL_swap menu-item list-parent "> <a href="/web/20161018204844/https://www.zendesk.com/product/tour/">Products</a> <div class="primary-menu-list-dropdown"> <span class="pin"></span> <ul> <li class=""> <a href="/web/20161018204844/https://www.zendesk.com/product/tour/">Customer Service<span>Multichannel support software</span></a> <ul> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/help-desk-software/">Help Desk Software<span>Beautifully simple agent interface</span></a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/help-center/">Help Center<span>Knowledge base, forums, and portal</span></a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/zendesk-insights/">Insights & Reporting<span>Dashboards and analytics</span></a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/apps/">Integrations & Apps<span>Extend your Zendesk</span></a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/embeddables/">Embeddables<span>Bring support to mobile, web, and more</span></a></li> </ul> </li> <li class=""> <a href="/web/20161018204844/https://www.zendesk.com/live-chat-software/">Chat<span>Live chat software by Zopim</span></a> </li> <li class=""> <a href="/web/20161018204844/https://www.zendesk.com/voice/">Voice<span>Integrated phone support</span></a> </li> <li class="beta"> <a href="/web/20161018204844/https://www.zendesk.com/message/">Messaging<span>Facebook messenger integration</span></a> </li> <li class=""> <a href="/web/20161018204844/https://www.zendesk.com/inbox/">Inbox<span>Shared team email</span></a> </li> <li class=""> <a href="/web/20161018204844/https://www.zendesk.com/bime/">Analytics<span>Customer analytics platform by BIME</span></a> </li> </ul> </div> </li> <li id="smartling-nav-pricing" class="SL_swap menu-item list-parent "><a href="/web/20161018204844/https://www.zendesk.com/product/pricing/">Pricing</a></li> <li id="smartling-nav-demo" class="SL_swap menu-item list-parent "><a href="/web/20161018204844/https://www.zendesk.com/demo/">Demo</a></li> <li id="smartling-nav-solutions" class="SL_swap menu-item list-parent "> <a href="/web/20161018204844/https://www.zendesk.com/enterprise/">Solutions</a> <div class="primary-menu-list-dropdown"> <span class="pin"></span> <ul> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/enterprise/">Customer Support for Enterprise</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/smb/">Support for Growing Businesses</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/internal-help-desk/">Internal Help Desk for Employees</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/mobile-solutions/">Customer Support for Mobile</a></li> </ul> </div> </li> <li id="smartling-nav-resources" class="SL_swap menu-item list-parent "> <a href="/web/20161018204844/https://www.zendesk.com/resources/">Resources</a> <div class="primary-menu-list-dropdown"> <span class="pin"></span> <ul> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/resources/">Best Practices</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/blog/">Zendesk Blog</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/why-zendesk/customers/">Customer Stories</a></li> <li class=""><a href="//web.archive.org/web/20161018204844/https://support.zendesk.com/hc/en-us/articles/203736886">Training</a></li> <li class=""><a href="//web.archive.org/web/20161018204844/https://developer.zendesk.com/">API & Developers</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/partner/">Partners</a></li> <li class=""><a href="/web/20161018204844/https://www.zendesk.com/support/webinars/">Live Webinars</a></li> </ul> </div> </li> </ul> <a href="/web/20161018204844/https://www.zendesk.com/register/" class="buy-button button button-orange orange register">Get Started</a> </nav> </div> </div> </div> </div> <div class="clearfix"></div> </header> <article class="mod-block message-landing"> <div class="content"> <article class="message-hero"> <div class="container"></div> <section class="center"> <h5>Zendesk Message</h5> <h1>Make sure customers get the message</h1> <p>Zendesk Message is new customer messaging software that helps companies engage customers on their favorite messaging app. It’s easy to use, built to scale, and lets companies maintain that personal touch—always.</p> <a data-anchor="#interestFormWrapper" href="#interestFormWrapper" class="cta-button cta-yellow">Register Now</a> </section> </article> <article class="row-standard facebook-banner"> <div class="container"> <section> <h5 class="facebook-headline">If you have questions, try messaging us on Facebook Messenger</h5> <fb:messengermessageus class="msg-btn" color="white" size="large" messenger_app_id="696641330481483"/> </section> </div> </article> <article class="row-standard message-medium"> <div class="wrap-container"> <div class="container"> <section class="center"> <h5>Message is the Medium</h5> <h3>Messaging has evolved into something new</h3> <ul> <li> <aside> <span class="icon circle-airplane"></span> <h2>Go where the customers are</h2> <p>Bring customer service to the most popular digital communication channel</p> </aside> </li> <li> <aside> <span class="icon circle-crane"></span> <h2>Make it personal</h2> <p>Communicate with customers in a personal and intuitive way—on their favorite messaging app</p> </aside> </li> <li> <aside> <span class="icon circle-bird"></span> <h2>Scale as you grow</h2> <p>Scale support as you grow. Zendesk Message is purpose-built for live messaging</p> </aside> </li> </ul> </section> </div> </div> </article> <article class="row-standard reach-customers"> <div class="wrap-container"> <div class="container"> <section class="left"> <div class="reach-container"> <div class="col-left"> <h5>Join the Evolution</h5> <h3 class="darker center">Reach your customers – all of them</h3> <p>As the most popular digital communications channel, messaging gives businesses the opportunity to reach and market to a new generation of customer. It’s a support channel that’s “always on,” and it’s evolving into a primary driver of customer satisfaction. Zendesk Message is designed to help scale support on popular messaging apps—and it’s the next step in the evolution of customer support.</p> </div> <div class="col-right"> <a href="//web.archive.org/web/20161018204844/https://fast.wistia.net/embed/iframe/p7mf22m0mr?popover=true" class="play-button wistia-popover[height=568,playerColor=7b796a,width=960]"> <div class="active-hover"> <div class="img-spot"></div> </div> <h5>See message in action</h5> </a> </div> </div> </section> </div> </div> </article> <article class="row-standard reach-customers talk-a-bot"> <div class="wrap-container"> <div class="container"> <section class="right"> <div class="reach-container"> <div class="col-left"> <video loop poster="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/camera-still-2X.png" autoplay="autoplay" preload id="story-of-video" class="res-video"> <source src="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/camera-bot.mov" type="video/mp4"></source> <source src="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/camera-bot.webm" type="video/webm; codecs=vp8,vorbis"></source> <source src="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/camera-bot.ogv" type="video/ogg; codecs=theora,vorbis"></source> </video> </div> <div class="col-right"> <h5>LET’S TALK A BOT IT</h5> <h3 class="darker center">Giving bots a human touch</h3> <p>Bots are a great tool to help automate replies and reach more customers. Using Zendesk Message, businesses can blend human agents with bots to increase efficiency—and add that human touch.</p> </div> </div> </section> </div> </div> </article> <article class="row-standard ovum-research"> <div class="container"> <section class="center"> <div class="quote-logo"></div> <div class="quoted">"Bots on Messenger is a prime example of how conversational commerce is developing, and Spring is thrilled to work with Zendesk to deliver users a shopping experience that seamlessly integrates an automated personal shopping assistant with best-in-class Concierge customer service."</div> <p>- <a href="//web.archive.org/web/20161018204844/https://www.shopspring.com/">Alan Tisch, CEO, Spring Inc</a></p> </section> </div> </article> <article class="row-standard business-on-messenger" id="business-on-messenger" data-anchor-target="#business-on-messenger"> <div class="container"> <div class="step-one"> <section> <h5 class="center">Personalize your Relationships</h5> <h3 class="darker center">Facebook’s Businesses on Messenger</h3> <div class="col-image"></div> <div class="col-text"> <div class="tiny-subheader">Step One</div> <div class="medium-subheader">Connect with customers on Facebook Messenger</div> <p>Customers can opt-in to receive updates through Facebook Messenger after making a purchase</p> </div> </section> </div> <div class="step-two"> <section> <div class="col-text"> <div class="tiny-subheader">Step Two</div> <div class="medium-subheader">Send customers detailed messages with rich media</div> <p>Businesses start a conversation by pushing customized messages about order confirmations, shipping updates, and more</p> </div> <div class="col-image"></div> <div class="clear"></div> </section> </div> <div class="step-three"> <section> <div class="col-image"></div> <div class="col-text"> <div class="tiny-subheader">Step Three</div> <div class="medium-subheader">The relationship continues to evolve</div> <p>Customers can now have a real-time conversation with a business on Facebook Messenger and keep their order history in one place</p> </div> </section> </div> </div> </article> <article class="row-standard customer-testimonial"> <div class="bg-wrapper"> <section> <aside> <p class="quoted"> <span class="customer-logo"></span> <span class="quotation">“Bark & Co is obsessed with offering our pup parents and their dogs an amazing customer experience. Through Zendesk, we saw our average response times on Facebook Messenger decrease dramatically even as the number of meaningful conversations doubled. We also earned the “Very Responsive” badge on our Facebook page.”</span> <a href="/web/20161018204844/https://www.zendesk.com/company/press/zendesk-partners-facebook-power-businesses-messenger/"><span class="author">Hernan Giraldo, Bark & Co’s Customer Experience Leader</span></a> </p> </aside> </section> </div> </article> <article class="standard-list evolution-scale"> <div class="grey-box"></div> <section class="container"> <aside> <h5 class="center">Evolution at Scale</h4> <nav class="list list-hor carousel-tabs context"> <ul> <li><a class="first active team">Team</a></li> <li><a class="agent">Agent</a></li> <li><a class="last customer">Customer</a></li> </ul> </nav> <ul class="carousel-content context"> <li class="carousel-content-item active"> <img class="carousel-content-img" src="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/evolution-team-2X.png"> <div class="popover popover-pos-left popover-first" style="top:43px; left:280px;"> <span class="popover-pin"></span> <div class="popover-content"> <div class="popover-title">Work as a team</div> <p class="popover-text">Happier teams mean better customer service. Allow agents to own, assign, and resolve conversations for better workflows.</p> </div> </div> </li> <li class="carousel-content-item"> <img class="carousel-content-img" src="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/evolution-agent-2X.png"> <div class="popover popover-pos-left" style="top:160px; left:280px;"> <span class="popover-pin"></span> <div class="popover-content"> <div class="popover-title">Increase Efficiency</div> <p class="popover-text">Faster responses means happier customers. Prioritize customers who are online to facilitate real-time conversations. Make handoff between agents easier with long form history.</p> </div> </div> </li> <li class="carousel-content-item"> <img class="carousel-content-img" src="//web.archive.org/web/20161018204844im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-message/evolution-customer-2X.png"> <div class="popover popover-pos-right" style="top:165px; left:90px;"> <span class="popover-pin"></span> <div class="popover-content"> <div class="popover-title">Build Relationships</div> <p class="popover-text">Give customers what they want. Provide on-going live messaging support on their favorite messaging apps</p> </div> </div> </li> <nav class="carousel-paddles"> <a class="carousel-paddles-rt"></a> <a class="carousel-paddles-lt"></a> </nav> </ul> </aside> </section> </article> <article class="interest-form" id="interestFormWrapper" data-anchor-target="#interestFormWrapper"> <section> <aside class="center"> <h4>Submit your Interest for our Early Access Program</h4> <p>There is limited availability for our Zendesk Message Early Access Program. If you would like to be considered, fill out the form below and we will get back to you.</p> <form method="post" class="form-gray form-access" id="early-access" method="post" name="eloquaform"> <div class="full loading"> <span class="loading-inner"> <span class="loading-img"></span> <p>Submitting...please wait</p> <span> </div> <ul> <li> <label>Please enter name</label> <input type="text" placeholder="Name" name="owner[name]" id="owner[name]" class="name required"/> </li> <li> <label>Please enter email</label> <input type="email" placeholder="Email" name="owner[email]" id="owner[email]" class="email required"/> </li> <li> <label>Please enter job title</label> <input type="text" placeholder="Job Title" name="owner[job]" id="owner[job]" class="job required"> </li> <li> <label>Please enter company name</label> <input type="text" placeholder="Company Name" name="account[name]" id="account[name]" class="company required"> </li> <li> <label>Please enter company website</label> <input type="text" placeholder="Company Website" name="account[website]" id="account[website]" class="company-website required"> </li> <li> <label>Please select industry</label> <span class="select-label" id="selected-industry"> Industry <span class="toggle"></span> </span> <select type="select" name="account[industry]" id="account[industry]" class="select industry required"> <option value="-" selected>Industry</option> <option value="Aerospace & Defense">Aerospace & Defense</option> <option value="Automotive">Automotive</option> <option value="Banks">Banks</option> <option value="Biotech/Medical Devices">Biotech/Medical Devices</option> <option value="Charities, Foundations & Non-Profits">Charities, Foundations & Non-Profits</option> <option value="Chemicals">Chemicals</option> <option value="Computer Hardware">Computer Hardware</option> <option value="Computer Software/Social">Computer Software/Social</option> <option value="Construction & Building Materials">Construction & Building Materials</option> <option value="Consumer Products">Consumer Products</option> <option value="Consumer Services">Consumer Services</option> <option value="Corporate Services">Corporate Services</option> <option value="Crops & Agriculture Production">Crops & Agriculture Production</option> <option value="Electronics">Electronics</option> <option value="Energy & Environmental">Energy & Environmental</option> <option value="Financial Services">Financial Services</option> <option value="Food & Beverage">Food & Beverage</option> <option value="Government">Government</option> <option value="Holding Companies">Holding Companies</option> <option value="Hospitality">Hospitality</option> <option value="Hospitals & Healthcare">Hospitals & Healthcare</option> <option value="Industrial Manufacturing & Services">Industrial Manufacturing & Services</option> <option value="Insurance">Insurance</option> <option value="IT Services & Hosting">IT Services & Hosting</option> <option value="Leisure, Sports & Recreation">Leisure, Sports & Recreation</option> <option value="Media & Entertainment">Media & Entertainment</option> <option value="Mining & Metals">Mining & Metals</option> <option value="Pharmaceuticals & Biotech">Pharmaceuticals & Biotech</option> <option value="Real Estate">Real Estate</option> <option value="Recruitment & HR Services">Recruitment & HR Services</option> <option value="Retail">Retail</option> <option value="Schools & Education">Schools & Education</option> <option value="Telecommunications">Telecommunications</option> <option value="Transportation">Transportation</option> <option value="Technology">Technology</option> <option value="Other">Other</option> </select> </li> <li> <label>Select # of employees</label> <span class="select-label" id="selected-employees"> Number of employees <span class="toggle"></span> </span> <select type="select" name="account[employees_size]" id="account[employees_size]" class="select employees required"> <option value="-" selected>Number of employees</option> <option value="5000+">5000+</option> <option value="1000-4999">1000-4999</option> <option value="500-999">500-999</option> <option value="250-499">250-499</option> <option value="50-249">50-249</option> <option value="25-49">25-49</option> <option value="10-24">10-24</option> <option value="1-9">1-9</option> </select> </li> <li> <label>Are you a Zendesk customer?</label> <span class="select-label" id="selected-customer"> Are you a Zendesk customer? <span class="toggle"></span> </span> <select type="select" name="account[customer]" id="account[customer]" class="select customer required"> <option value="-" selected>Zendesk Customer</option> <option value="Yes">Yes</option> <option value="No">No</option> <option value="I'm currently in a 30-day trial">I'm currently in a 30-day trial</option> </select> </li> <li style="display:none" class="checkbox-optin-container"> <input type="checkbox" name="DoubleOptinCheckbox" id="DoubleOptinCheckbox" checked> <input type="hidden" name="DoubleOptin" id="DoubleOptin" value="1"/> <span class="checkbox-optin">Abonnieren Sie unsere News & Produkt-Updates</span> </li> <li> <a class="button orange btn-submit" id="message-submit">Submit</a> </li> <li style="display:none"> <input type="hidden" name="elqFormName" id="elqFormName" value="WebsiteZendeskMessageAccessForm"> <input type="hidden" name="elqCustomerGUID" id="elqCustomerGUID" value=""> <input type="hidden" name="elqCookieWrite" id="elqCookieWrite" value="0"> <input type="hidden" name="elqSiteID" id="elqSiteID" value="2136619493"> <input type="hidden" name="Web_Offer_Name__c" id="Web_Offer_Name__c" value="Message"/> <input type="hidden" name="GA_Medium" id="GA_Medium" value=""/> <input type="hidden" name="GA_Source" id="GA_Source" value=""/> <input type="hidden" name="Opti_ID" id="Opti_ID" value=""/> <input type="hidden" name="Opti_Variation_ID" id="Opti_Variation_ID" value=""/> <input type="hidden" name="trial_extras[Convertro_SID__c]" id="trial_extras[Convertro_SID__c]" value=""> <input type="hidden" name="trial_extras[Sub_Industry]" id="trial_extras[Sub_Industry]" value=""> <input type="hidden" name="trial_extras[Behavioral_1__c]" id="trial_extras[Behavioral_1__c]" value=""> <input type="hidden" name="trial_extras[Behavioral_2__c]" id="trial_extras[Behavioral_2__c]" value=""> <input type="hidden" name="trial_extras[Behavioral_3__c]" id="trial_extras[Behavioral_3__c]" value=""> <input type="hidden" name="trial_extras[Behavioral_4__c]" id="trial_extras[Behavioral_4__c]" value=""> <input type="hidden" name="trial_extras[DB_City__c]" id="trial_extras[DB_City__c]" value=""> <input type="hidden" name="trial_extras[DB_State__c]" id="trial_extras[DB_State__c]" value=""> <input type="hidden" name="trial_extras[DB_CName__c]" id="trial_extras[DB_CName__c]" value=""> <input type="hidden" name="trial_extras[DB_CCode__c]" id="trial_extras[DB_CCode__c]" value=""> <input type="hidden" name="trial_extras[Country__c]" id="trial_extras[Country__c]" value=""> <input type="hidden" name="trial_extras[DB_Zip__c]" id="trial_extras[DB_Zip__c]" value=""> <input type="hidden" name="ZOBU_1" id="ZOBU_1" value=""> <input type="hidden" name="ZOBU_2" id="ZOBU_2" value=""> <input type="hidden" name="ZOBU_3" id="ZOBU_3" value="ZOBU 1A"> <input type="hidden" name="FirstName" id="FirstName"/> <input type="hidden" name="LastName" id="LastName"/> </li> </ul> </form> <div class="clear"></div> </aside> </section> </article> </div> </article> </div> <div class="clearfix"></div> <footer class="clear"> <div class="sitemap mega-footer"> <div class="col-960"> <nav class="primary-menu-list-wrap"> <ul id="menu-footer-navigation" class="primary-menu-list"> <li id="smartling-nav-footer-product" class="SL_swap menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children list-parent "><a href="/web/20161018204844/https://www.zendesk.com/product/tour/">Our Products</a> <div class="primary-menu-list-dropdown"><span class="pin"></span> <ul> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/product/tour/">Zendesk Overview</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/help-desk-software/">Help Desk</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/help-center/">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/embeddables/">Embeddables</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/analytics/">Analytics</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_hide"><a href="https://web.archive.org/web/20161018204844/http://www.zopim.com/">Zopim by Zendesk</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/voice/">Voice</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/message/">Customer Messaging</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/apps/">Integrations & Apps</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/bime/">BIME by Zendesk</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/inbox/">Inbox Team Email</a></li> </ul> </div> </li> <li id="smartling-nav-footer-features" class="SL_swap menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children list-parent "><a href="/web/20161018204844/https://www.zendesk.com/product/tech-specs/">Top Features</a> <div class="primary-menu-list-dropdown"><span class="pin"></span> <ul> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/product/tour/">Ticketing System</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/help-center/knowledge-base-software/">Knowledge Base</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/help-center/community-software/">Community Forums</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/live-chat-software/">Live Chat Software</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/voice/">Phone Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_hide"><a href="/web/20161018204844/https://www.zendesk.com/product/it-service-software-tour/">IT Help Desk</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/product/zendesk-security/">Security</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="https://web.archive.org/web/20161018204844/http://developers.zendesk.com/">Developer API</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/product/tech-specs/">Tech Specs</a></li> </ul> </div> </li> <li id="smartling-nav-footer-resources" class="SL_swap menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children list-parent "><a href="/web/20161018204844/https://www.zendesk.com/resources/">Resources</a> <div class="primary-menu-list-dropdown"><span class="pin"></span> <ul> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_norewrite"><a href="/web/20161018204844/https://www.zendesk.com/resources/">Best Practices</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_norewrite"><a href="/web/20161018204844/https://www.zendesk.com/blog/">Zendesk Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/why-zendesk/customers/">Customer Stories</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/product/tour/">Product Help</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/demo/">Request a demo</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/support/webinars/">Live webinars</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="https://web.archive.org/web/20161018204844/http://support.zendesk.com/hc/en-us/articles/203736886">Training</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_hide"><a href="https://web.archive.org/web/20161018204844/http://developers.zendesk.com/">API & Developers</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/support/partners/">Services & Partners</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_hide"><a href="/web/20161018204844/https://www.zendesk.com/lp/retail/">For Retailers</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="https://web.archive.org/web/20161018204844/https://relate.zendesk.com/">Relate by Zendesk</a></li> </ul> </div> </li> <li id="smartling-nav-footer-company" class="SL_swap menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children list-parent "><a href="/web/20161018204844/https://www.zendesk.com/about/">Company</a> <div class="primary-menu-list-dropdown"><span class="pin"></span> <ul> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/about/">About us</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/company/press/">Press</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="https://web.archive.org/web/20161018204844/http://investor.zendesk.com/">Investors</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/jobs/">Careers</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="https://web.archive.org/web/20161018204844/http://www.neighborfoundation.org/">Neighbor Foundation</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/support/contact/">Contact Us</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/sitemap/">Sitemap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="https://web.archive.org/web/20161018204844/https://status.zendesk.com/">System Status</a></li> </ul> </div> </li> <li id="smartling-nav-footer-favorites" class="SL_swap menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children list-parent "><a href="/web/20161018204844/https://www.zendesk.com/">Favorite Things</a> <div class="primary-menu-list-dropdown"><span class="pin"></span> <ul> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/startups/">Zendesk for Startups</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_hide"><a href="https://web.archive.org/web/20161018204844/http://relate.zendesk.com/articles/shit-support-agents-say/">Sh*t Agents Say</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children SL_hide"><a href="/web/20161018204844/https://www.zendesk.com/resources/zombies-zendesk/">Zombies & Zendesk</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/benchmark-your-support/">Zendesk Benchmark</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/small-business/">Zendesk for Small Business</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/resources/gartner-magic-quadrant-crm/">Gartner CRM Magic Quadrant</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161018204844/https://www.zendesk.com/blog/10-interview-questions-for-hiring-great-customer-service-reps/">Hiring Great Support Teams</a></li> </ul> </div> </li> </ul> <div style="clear: both;"></div> </nav> <div id="newsletter-form" class="newsletter-sub"> <h3>Enter the Fold</h3> <p>Join the elite group of other people who have also signed up for our mailing list.</p> <form id="newsletter" class="form-gray" method="post" name="eloquaform"> <label class="success"><span></span>Welcome to the club!</label> <ul> <li class="error"> <div class="depth-wrap"> <input name="owner[email]" id="owner[email]" type="text" placeholder="What's your email?" class="email"> <a class="register"></a> </div> <label style="display: block; opacity: 1;"><span></span>Please use a valid email</label> </li> <li style="display:none"> <input type="hidden" name="elqFormName" id="elqFormName" value="WebsiteNewsletterSignup_new"> <input type="hidden" name="elqCustomerGUID" id="elqCustomerGUID" value=""> <input type="hidden" name="elqCookieWrite" id="elqCookieWrite" value="0"> <input type="hidden" name="elqSiteID" id="elqSiteID" value="2136619493"> <input type="hidden" name="Web_Offer_Name__c" id="Web_Offer_Name__c" value="Message"/> <input type="hidden" name="GA_Medium" id="GA_Medium" value=""/> <input type="hidden" name="GA_Source" id="GA_Source" value=""/> <input type="hidden" name="Opti_ID" id="Opti_ID" value=""/> <input type="hidden" name="Opti_Variation_ID" id="Opti_Variation_ID" value=""/> <input type="hidden" name="trial_extras[Convertro_SID__c]" id="trial_extras[Convertro_SID__c]" value=""> <input type="hidden" name="trial_extras[Sub_Industry]" id="trial_extras[Sub_Industry]" value=""> <input type="hidden" name="trial_extras[Behavioral_1__c]" id="trial_extras[Behavioral_1__c]" value=""> <input type="hidden" name="trial_extras[Behavioral_2__c]" id="trial_extras[Behavioral_2__c]" value=""> <input type="hidden" name="trial_extras[Behavioral_3__c]" id="trial_extras[Behavioral_3__c]" value=""> <input type="hidden" name="trial_extras[Behavioral_4__c]" id="trial_extras[Behavioral_4__c]" value=""> <input type="hidden" name="trial_extras[DB_City__c]" id="trial_extras[DB_City__c]" value=""> <input type="hidden" name="trial_extras[DB_State__c]" id="trial_extras[DB_State__c]" value=""> <input type="hidden" name="trial_extras[DB_CName__c]" id="trial_extras[DB_CName__c]" value=""> <input type="hidden" name="trial_extras[DB_CCode__c]" id="trial_extras[DB_CCode__c]" value=""> <input type="hidden" name="trial_extras[Country__c]" id="trial_extras[Country__c]" value=""> <input type="hidden" name="trial_extras[DB_Zip__c]" id="trial_extras[DB_Zip__c]" value=""> <input type="hidden" name="ZOBU_1" id="ZOBU_1" value=""> <input type="hidden" name="ZOBU_2" id="ZOBU_2" value=""> <input type="hidden" name="ZOBU_3" id="ZOBU_3" value="ZOBU 1A"> </li> </ul> </form> <div class="l-island l-island-right social clear"> <span itemscope itemtype="https://schema.org/Organization"> <link itemprop="url" href="https://www.zendesk.com"> <a itemprop="sameAs" href="//web.archive.org/web/20161018204844/https://plus.google.com/+zendesk" class="ent-text ico-gplus" rel="publisher"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161018204844/https://www.facebook.com/zendesk" class="ent-text ico-facebook"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161018204844/https://www.twitter.com/zendesk" class="ent-text ico-twitter"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161018204844/https://www.linkedin.com/company/zendesk" class="ent-text ico-linkedin"></a> <a itemprop="sameAs" href="https://web.archive.org/web/20161018204844/http://www.slideshare.net/zendesk" class="ent-text ico-slideshare"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161018204844/https://instagram.com/zendesk/" class="ent-text ico-instagram"></a> </span> </div> </div> </div> <div class="clearfix"></div> </div> <div class="legal clear"> <div class="col-960"> <a href="/web/20161018204844/https://www.zendesk.com/" class="lotus SL_hide"></a> <a href="//web.archive.org/web/20161018204844/https://www.zendesk.com/company/privacy/">Privacy Policy</a> <a href="//web.archive.org/web/20161018204844/https://www.zendesk.com/company/cookies/">Cookie Policy</a> <a href="//web.archive.org/web/20161018204844/https://www.zendesk.com/company/terms/">Terms & Conditions</a> <a href="https://web.archive.org/web/20161018204844/https://www.zendesk.com/legal/">©Zendesk 2016</a> <div class="product-family"> <ul> <li><a href="javascript:;">Zendesk Product Family: </a></li> <li><a href="https://web.archive.org/web/20161018204844/https://www.zopim.com/">Live Chat</a></li> <li><a href="https://web.archive.org/web/20161018204844/https://www.bimeanalytics.com/">Analytics</a></li> <li></li> </ul> </div> </div> </div> <div class="universe-search"> <div class="universe-search-close ent-text"></div> <div class="col-960"> <div class="universe-search-help"><span class="universe-search-help-count">0</span> results. <br/>How about another try?</div> <div class="universe-search-form"> <span class="universe-search-icon ent-text"></span> <input type="text" name="search" class="universe-search-input" placeholder="Start typing to get your search on..." value=""/> </div> <div class="universe-search-results"></div> <div class="universe-search-pagination" style="display:none"> <ol class="universe-search-pagination-list"> </ol> </div> </div> </div> <div class="search"> <div class="col-960"> <a href="javascript:;" class="search-launcher"><span class="ent-text icon"></span>Search Zendesk <span class="cursor"></span></a> </div> </div> <div class="clearfix"></div> </footer> <script src="//web.archive.org/web/20161018204844js_/https://d2wy8f7a9ursnm.cloudfront.net/bugsnag-2.min.js" data-apikey="14b4da2b1698aa9ce8da80a183366f26"></script> <script type="text/javascript" src="//web.archive.org/web/20161018204844js_/https://api.demandbase.com/api/v2/ip.js?key=cb334198e711721abab9b3d4c785e482544ca07f&var=dbase"></script> <script type="text/javascript" src="https://web.archive.org/web/20161018204844js_/https://d1eipm3vz40hy0.cloudfront.net/js/plugins.min.cdc1139f.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20161018204844js_/https://d1eipm3vz40hy0.cloudfront.net/js/webutils.min.629efcdc.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20161018204844js_/https://d1eipm3vz40hy0.cloudfront.net/js/global.min.212f59ae.js"></script> <script type="text/javascript"> webutils.styleHeader(); webutils.gauge(); var emeaCountryCodes = new Array('UK', 'GB', 'IM', 'GI', 'JE', 'GG', 'AT', 'BE', 'CY', 'EE', 'FI', 'FR', 'DE', 'EL', 'IE', 'IT', 'LV', 'LU', 'MT', 'NL', 'PT', 'SK', 'SI', 'ES', 'MC', 'VA', 'SM', 'ME', 'MC', 'LU', 'XK', 'KV', 'GR', 'AD') , emeaDomainNames = new Array('www.zendesk.de', 'www.zendesk.es', 'www.zendesk.fr', 'www.zendesk.it', 'www.zendesk.nl'); if((typeof dbase !== 'undefined' && $.inArray(dbase.registry_country_code, emeaCountryCodes) > -1) || $.inArray(window.location.hostname, emeaDomainNames) > -1) { webutils.cookieNotice(); } webutils.loadEloqua(); </script> <script type="text/javascript"> dataLayer = []; </script> <noscript><iframe src="//web.archive.org/web/20161018204844if_/https://www.googletagmanager.com/ns.html?id=GTM-Z4DV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> if (!window.potentialBot) { webutils.loadGTM(); webutils.processGA(); webutils.saveEloquaGuid(); } </script> <script type="text/javascript"> /** * * Animate a slide pin from the correct direction * * @params (pin:element) document element * */ function animatePin(pin) { setTimeout(function(){ pin .css({'left':'+=15', 'opacity':0, display: 'block'}) .show() .animate({'left':'-=23', 'opacity':1}, 200, function(){ $(this).animate({ 'left':'+=8' }, 100) }); }, 300); } function setMenu(button) { var parent = button.parent(), active = parent.find('.active'), index = button.parent().index() + 1, target, wrapper; wrapper = parent.parent().parent().parent(); target = wrapper.find('.carousel-content li:nth-child(' + index + ')'); wrapper .find('.carousel-content li.active') .css({'opacity':0}) .removeClass('active') .find('.popover') .hide(); target .css({'opacity':1}) .addClass('active') .delay(400) .animate({ 'opacity': 1}, 300, function(){ $(this).find('.info').animate({ 'opacity':'1' }, 100, function() { $(this).animate({ }, 250) }); }) .find('.info') .css({ 'opacity':0 }); animatePin(target.find('.popover')); button.parent().parent().find('.active').removeClass('active'); button.addClass('active'); } /** * * Scroll through slides using nav arrows * * @params (button:element) button that was clicked * */ function setScreen(button) { var parent = button.parent().parent(), active = parent.find('.active'), index = active.index() + 2, count = parent.find('li').length, target; if(button.attr('class') === 'carousel-paddles-lt') index = index - 2; if(index > count) index = 1; else if(index < 1) index = count; target = parent.find('li:nth-child(' + index + ')'); active .css({'opacity':0}) .removeClass('active') .find('.popover') .hide() .end() .find('.magnify') .hide(); target .css({'opacity':1}) .addClass('active'); animatePin(target.find('.popover')); var menu = parent.parent().parent().find('.carousel-tabs'); menu .find('.active').removeClass('active') .end() .find('ul li:nth-child(' + index + ') a') .addClass('active'); } /** * * Returns distance from an element to the top of the screen * * @params (target:element) * @returns (int) distance from element to top of window * */ function getTargetTop(target){ var id = target.attr("href"), offset = 90; return $(id).offset().top - offset; } $(function(){ /** * Global Listeners */ animatePin($(".popover-first")); $('a[href^="#"]') .on('click', function(event) { if(!$(this).hasClass('popout')) { var target = getTargetTop($(this)); var targetID = $(this).attr("id"); paused = true; $('html, body').animate({scrollTop:target + 55}, 650, function(){ $("#char-bar").clearQueue(); setTimeout(function(){paused = false;}, 600); }); $(".carousel-tabs a[class*=" + targetID + "]").click(); event.preventDefault(); } }); $('.carousel-content .carousel-paddles a') .on('click', function(){ setScreen($(this)); }); $('.carousel-tabs a') .on('click', function(){ setMenu($(this)); }); $('#dg-container').gallery(); }); /** * jquery.gallery.js * https://www.codrops.com * * Copyright 2011, Pedro Botelho / Codrops * Free to use under the MIT license. * * Date: Mon Jan 30 2012 */ (function( $, undefined ) { /* * Gallery object. */ $.Gallery = function( options, element ) { this.$el = $( element ); this._init( options ); }; $.Gallery.defaults = { current : 0, // index of current item autoplay : false,// slideshow on / off interval : 2000 // time between transitions }; $.Gallery.prototype = { _init : function( options ) { this.options = $.extend( true, {}, $.Gallery.defaults, options ); // support for 3d / 2d transforms and transitions this.support3d = Modernizr.csstransforms3d; this.support2d = Modernizr.csstransforms; this.supportTrans = Modernizr.csstransitions; this.$wrapper = this.$el.find('.dg-wrapper'); this.$items = this.$wrapper.children(); this.itemsCount = this.$items.length; this.$nav = this.$el.find('nav'); this.$navPrev = this.$nav.find('.dg-prev'); this.$navNext = this.$nav.find('.dg-next'); // minimum of 3 items if( this.itemsCount < 3 ) { this.$nav.remove(); return false; } this.current = this.options.current; this.isAnim = false; this.$items.css({ 'opacity' : 0, 'visibility': 'hidden' }); this._validate(); this._layout(); // load the events this._loadEvents(); // slideshow if( this.options.autoplay ) { this._startSlideshow(); } }, _validate : function() { if( this.options.current < 0 || this.options.current > this.itemsCount - 1 ) { this.current = 0; } }, _layout : function() { // current, left and right items this._setItems(); // current item is not changed // left and right one are rotated and translated var leftCSS, rightCSS, currentCSS; if( this.support3d && this.supportTrans ) { leftCSS = { '-webkit-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', '-moz-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', '-o-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', '-ms-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', 'transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', 'z-index' : 1 }; rightCSS = { '-webkit-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', '-moz-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', '-o-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', '-ms-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', 'transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', 'z-index' : 1 }; leftCSS.opacity = 1; leftCSS.visibility = 'visible'; rightCSS.opacity = 1; rightCSS.visibility = 'visible'; } else if( this.support2d && this.supportTrans ) { leftCSS = { '-webkit-transform' : 'translate(-350px) scale(0.8)', '-moz-transform' : 'translate(-350px) scale(0.8)', '-o-transform' : 'translate(-350px) scale(0.8)', '-ms-transform' : 'translate(-350px) scale(0.8)', 'transform' : 'translate(-350px) scale(0.8)', 'z-index' : 1 }; rightCSS = { '-webkit-transform' : 'translate(350px) scale(0.8)', '-moz-transform' : 'translate(350px) scale(0.8)', '-o-transform' : 'translate(350px) scale(0.8)', '-ms-transform' : 'translate(350px) scale(0.8)', 'transform' : 'translate(350px) scale(0.8)', 'z-index' : 1 }; currentCSS = { 'z-index' : 999 }; leftCSS.opacity = 1; leftCSS.visibility = 'visible'; rightCSS.opacity = 1; rightCSS.visibility = 'visible'; } this.$leftItm.css( leftCSS || {} ); this.$rightItm.css( rightCSS || {} ); this.$currentItm.css( currentCSS || {} ).css({ 'opacity' : 1, 'visibility': 'visible', 'z-index' : 999 }).addClass('dg-center'); }, _setItems : function() { this.$items.removeClass('dg-center'); this.$currentItm = this.$items.eq( this.current ); this.$leftItm = ( this.current === 0 ) ? this.$items.eq( this.itemsCount - 1 ) : this.$items.eq( this.current - 1 ); this.$rightItm = ( this.current === this.itemsCount - 1 ) ? this.$items.eq( 0 ) : this.$items.eq( this.current + 1 ); if( !this.support3d && this.support2d && this.supportTrans ) { this.$items.css( 'z-index', 1 ); this.$currentItm.css( 'z-index', 999 ); } // next & previous items if( this.itemsCount > 3 ) { // next item this.$nextItm = ( this.$rightItm.index() === this.itemsCount - 1 ) ? this.$items.eq( 0 ) : this.$rightItm.next(); this.$nextItm.css( this._getCoordinates('outright') ); // previous item this.$prevItm = ( this.$leftItm.index() === 0 ) ? this.$items.eq( this.itemsCount - 1 ) : this.$leftItm.prev(); this.$prevItm.css( this._getCoordinates('outleft') ); } }, _loadEvents : function() { var _self = this; this.$navPrev.on( 'click.gallery', function( event ) { if( _self.options.autoplay ) { clearTimeout( _self.slideshow ); _self.options.autoplay = false; } _self._navigate('prev'); return false; }); this.$navNext.on( 'click.gallery', function( event ) { if( _self.options.autoplay ) { clearTimeout( _self.slideshow ); _self.options.autoplay = false; } _self._navigate('next'); return false; }); this.$wrapper.on( 'webkitTransitionEnd.gallery transitionend.gallery OTransitionEnd.gallery', function( event ) { _self.$currentItm.addClass('dg-center'); _self.$items.removeClass('dg-transition'); _self.isAnim = false; }); }, _getCoordinates : function( position ) { if( this.support3d && this.supportTrans ) { switch( position ) { case 'outleft': return { '-webkit-transform' : 'translateX(-450px) translateZ(-300px) rotateY(45deg)', '-moz-transform' : 'translateX(-450px) translateZ(-300px) rotateY(45deg)', '-o-transform' : 'translateX(-450px) translateZ(-300px) rotateY(45deg)', '-ms-transform' : 'translateX(-450px) translateZ(-300px) rotateY(45deg)', 'transform' : 'translateX(-450px) translateZ(-300px) rotateY(45deg)', 'opacity' : 0, 'visibility' : 'hidden' }; break; case 'outright': return { '-webkit-transform' : 'translateX(450px) translateZ(-300px) rotateY(-45deg)', '-moz-transform' : 'translateX(450px) translateZ(-300px) rotateY(-45deg)', '-o-transform' : 'translateX(450px) translateZ(-300px) rotateY(-45deg)', '-ms-transform' : 'translateX(450px) translateZ(-300px) rotateY(-45deg)', 'transform' : 'translateX(450px) translateZ(-300px) rotateY(-45deg)', 'opacity' : 0, 'visibility' : 'hidden' }; break; case 'left': return { '-webkit-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', '-moz-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', '-o-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', '-ms-transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', 'transform' : 'translateX(-350px) translateZ(-200px) rotateY(45deg)', 'opacity' : 1, 'visibility' : 'visible', 'z-index' : 1 }; break; case 'right': return { '-webkit-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', '-moz-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', '-o-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', '-ms-transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', 'transform' : 'translateX(350px) translateZ(-200px) rotateY(-45deg)', 'opacity' : 1, 'visibility' : 'visible', 'z-index' : 1 }; break; case 'center': return { '-webkit-transform' : 'translateX(0px) translateZ(0px) rotateY(0deg)', '-moz-transform' : 'translateX(0px) translateZ(0px) rotateY(0deg)', '-o-transform' : 'translateX(0px) translateZ(0px) rotateY(0deg)', '-ms-transform' : 'translateX(0px) translateZ(0px) rotateY(0deg)', 'transform' : 'translateX(0px) translateZ(0px) rotateY(0deg)', 'opacity' : 1, 'visibility' : 'visible', 'z-index' : 999 }; break; }; } else if( this.support2d && this.supportTrans ) { switch( position ) { case 'outleft': return { '-webkit-transform' : 'translate(-450px) scale(0.7)', '-moz-transform' : 'translate(-450px) scale(0.7)', '-o-transform' : 'translate(-450px) scale(0.7)', '-ms-transform' : 'translate(-450px) scale(0.7)', 'transform' : 'translate(-450px) scale(0.7)', 'opacity' : 0, 'visibility' : 'hidden' }; break; case 'outright': return { '-webkit-transform' : 'translate(450px) scale(0.7)', '-moz-transform' : 'translate(450px) scale(0.7)', '-o-transform' : 'translate(450px) scale(0.7)', '-ms-transform' : 'translate(450px) scale(0.7)', 'transform' : 'translate(450px) scale(0.7)', 'opacity' : 0, 'visibility' : 'hidden' }; break; case 'left': return { '-webkit-transform' : 'translate(-350px) scale(0.8)', '-moz-transform' : 'translate(-350px) scale(0.8)', '-o-transform' : 'translate(-350px) scale(0.8)', '-ms-transform' : 'translate(-350px) scale(0.8)', 'transform' : 'translate(-350px) scale(0.8)', 'opacity' : 1, 'visibility' : 'visible', 'z-index' : 1 }; break; case 'right': return { '-webkit-transform' : 'translate(350px) scale(0.8)', '-moz-transform' : 'translate(350px) scale(0.8)', '-o-transform' : 'translate(350px) scale(0.8)', '-ms-transform' : 'translate(350px) scale(0.8)', 'transform' : 'translate(350px) scale(0.8)', 'opacity' : 1, 'visibility' : 'visible', 'z-index' : 1 }; break; case 'center': return { '-webkit-transform' : 'translate(0px) scale(1)', '-moz-transform' : 'translate(0px) scale(1)', '-o-transform' : 'translate(0px) scale(1)', '-ms-transform' : 'translate(0px) scale(1)', 'transform' : 'translate(0px) scale(1)', 'opacity' : 1, 'visibility' : 'visible', 'z-index' : 999 }; break; }; } else { switch( position ) { case 'outleft' : case 'outright' : case 'left' : case 'right' : return { 'opacity' : 0, 'visibility' : 'hidden' }; break; case 'center' : return { 'opacity' : 1, 'visibility' : 'visible' }; break; }; } }, _navigate : function( dir ) { if( this.supportTrans && this.isAnim ) return false; this.isAnim = true; switch( dir ) { case 'next' : this.current = this.$rightItm.index(); // current item moves left this.$currentItm.addClass('dg-transition').css( this._getCoordinates('left') ); // right item moves to the center this.$rightItm.addClass('dg-transition').css( this._getCoordinates('center') ); // next item moves to the right if( this.$nextItm ) { // left item moves out this.$leftItm.addClass('dg-transition').css( this._getCoordinates('outleft') ); this.$nextItm.addClass('dg-transition').css( this._getCoordinates('right') ); } else { // left item moves right this.$leftItm.addClass('dg-transition').css( this._getCoordinates('right') ); } break; case 'prev' : this.current = this.$leftItm.index(); // current item moves right this.$currentItm.addClass('dg-transition').css( this._getCoordinates('right') ); // left item moves to the center this.$leftItm.addClass('dg-transition').css( this._getCoordinates('center') ); // prev item moves to the left if( this.$prevItm ) { // right item moves out this.$rightItm.addClass('dg-transition').css( this._getCoordinates('outright') ); this.$prevItm.addClass('dg-transition').css( this._getCoordinates('left') ); } else { // right item moves left this.$rightItm.addClass('dg-transition').css( this._getCoordinates('left') ); } break; }; this._setItems(); if( !this.supportTrans ) this.$currentItm.addClass('dg-center'); }, _startSlideshow : function() { var _self = this; this.slideshow = setTimeout( function() { _self._navigate( 'next' ); if( _self.options.autoplay ) { _self._startSlideshow(); } }, this.options.interval ); }, destroy : function() { this.$navPrev.off('.gallery'); this.$navNext.off('.gallery'); this.$wrapper.off('.gallery'); } }; var logError = function( message ) { if ( this.console ) { console.error( message ); } }; $.fn.gallery = function( options ) { if ( typeof options === 'string' ) { var args = Array.prototype.slice.call( arguments, 1 ); this.each(function() { var instance = $.data( this, 'gallery' ); if ( !instance ) { logError( "cannot call methods on gallery prior to initialization; " + "attempted to call method '" + options + "'" ); return; } if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) { logError( "no such method '" + options + "' for gallery instance" ); return; } instance[ options ].apply( instance, args ); }); } else { this.each(function() { var instance = $.data( this, 'gallery' ); if ( !instance ) { $.data( this, 'gallery', new $.Gallery( options, this ) ); } }); } return this; }; })( jQuery ); </script> <script charset="ISO-8859-1" src="//web.archive.org/web/20161018204844js_/https://fast.wistia.net/static/popover-v1.js"></script> <script> window.fbAsyncInit = function() { FB.init({ appId : "696641330481483", xfbml : true, version : 'v2.1' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//web.archive.org/web/20161018204844/https://connect.facebook.com/en_US/sdk/xfbml.mncommerce.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script type="text/javascript"> var successMessage = '<span>You\'ve successfully registered your interest in our Early Access Program. Someone from our team will be in touch with you shortly.</span>'; </script> <script type="text/javascript" src="https://web.archive.org/web/20161018204844js_/https://d1eipm3vz40hy0.cloudfront.net/js/p-message.min.f4178363.js"></script> </body> </html>

CINXE.COM

Customer Messaging Software for Facebook Messenger | Zendesk