Help Center - Self-Service Portal

<!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/help-center/","20161017144125","https://web.archive.org/","web","/_static/", "1476715285"); </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>Help Center - Self-Service Portal | 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/20161017144125js_/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/20161017144125/https://d16cvnquvjw7pr.cloudfront.net/"> <link rel="dns-prefetch" href="//web.archive.org/web/20161017144125/https://ajax.googleapis.com/"> <link rel="shortcut icon" href="//web.archive.org/web/20161017144125im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/favicon.ico"/> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="//web.archive.org/web/20161017144125im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk144.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="//web.archive.org/web/20161017144125im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="//web.archive.org/web/20161017144125im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk72.png"> <link rel="apple-touch-icon-precomposed" href="//web.archive.org/web/20161017144125im_/https://d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk57.png"> <meta property="og:image" content="https://web.archive.org/web/20161017144125im_/https://d16cvnquvjw7pr.cloudfront.net/images/blog/zendesk-default-placeholder.jpg"/> <meta category="og:category" content=""/> <meta name="description" content="Help Center is knowledge base, community, & customer portal all in one. Serve up a customized support experience. Faster answers means happier customers!"/> <link rel="canonical" href="https://web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/"/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Help Center - Self-Service Portal | Zendesk"/> <meta property="og:description" content="Help Center is knowledge base, community, & customer portal all in one. Serve up a customized support experience. Faster answers means happier customers!"/> <meta property="og:url" content="https://web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/"/> <meta property="og:site_name" content="Zendesk"/> <link href="https://web.archive.org/web/20161017144125cs_/https://d1eipm3vz40hy0.cloudfront.net/css/help-center.min.61d76022.css" media="screen" rel="stylesheet" type="text/css"/> <link rel="alternate" hreflang="en" href="https://web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/"/> <link rel="alternate" hreflang="it" href="https://web.archive.org/web/20161017144125/https://www.zendesk.it/help-center/"/> <link rel="alternate" hreflang="ru" href="https://web.archive.org/web/20161017144125/https://www.zendesk.com.ru/help-center/"/> <link rel="alternate" hreflang="nl" href="https://web.archive.org/web/20161017144125/https://www.zendesk.nl/help-center/"/> <link rel="alternate" hreflang="fr" href="https://web.archive.org/web/20161017144125/https://www.zendesk.fr/help-center/"/> <link rel="alternate" hreflang="es-es" href="https://web.archive.org/web/20161017144125/https://www.zendesk.es/help-center/"/> <link rel="alternate" hreflang="es-mx" href="https://web.archive.org/web/20161017144125/https://www.zendesk.com.mx/help-center/"/> <link rel="alternate" hreflang="pt" href="https://web.archive.org/web/20161017144125/https://www.zendesk.com.br/help-center/"/> <link rel="alternate" hreflang="de" href="https://web.archive.org/web/20161017144125/https://www.zendesk.de/help-center/"/> <link rel="alternate" hreflang="x-default" href="https://web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/"/> </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/20161017144125/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/20161017144125/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 transparent nav-hide-n-seek" 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/20161017144125/https://www.zendesk.com/login/">Login</a> <a class="list secondary-menu-item masthead-top-i18n company" href="//web.archive.org/web/20161017144125/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/20161017144125/https://www.zendesk.com/about/">About us</a></li> <li class="list-item"><a href="/web/20161017144125/https://www.zendesk.com/company/press/">Press</a></li> <li class="list-item SL_norewrite"><a href="//web.archive.org/web/20161017144125/https://investor.zendesk.com/">Investors</a></li> <li class="list-item SL_norewrite"><a href="/web/20161017144125/https://www.zendesk.com/company/events/">Events</a></li> <li class="list-item"><a href="/web/20161017144125/https://www.zendesk.com/jobs/">Careers</a></li> <li class="list-item"><a href="/web/20161017144125/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/20161017144125/https://www.zendesk.es/">Español</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.com.mx/">Español (LATAM)</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.com.br/">Português</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.fr/">Français</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.de/">Deutsch</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.it/">Italiano</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.nl/">Nederlands</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/https://www.zendesk.co.jp/">日本語</a></li> <li class="list-item SL_norewrite"><a href="https://web.archive.org/web/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/https://www.zendesk.com/product/tour/">Products</a> <div class="primary-menu-list-dropdown"> <span class="pin"></span> <ul> <li class=""> <a href="/web/20161017144125/https://www.zendesk.com/product/tour/">Customer Service<span>Multichannel support software</span></a> <ul> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/help-desk-software/">Help Desk Software<span>Beautifully simple agent interface</span></a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/help-center/">Help Center<span>Knowledge base, forums, and portal</span></a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/zendesk-insights/">Insights & Reporting<span>Dashboards and analytics</span></a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/apps/">Integrations & Apps<span>Extend your Zendesk</span></a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/embeddables/">Embeddables<span>Bring support to mobile, web, and more</span></a></li> </ul> </li> <li class=""> <a href="/web/20161017144125/https://www.zendesk.com/live-chat-software/">Chat<span>Live chat software by Zopim</span></a> </li> <li class=""> <a href="/web/20161017144125/https://www.zendesk.com/voice/">Voice<span>Integrated phone support</span></a> </li> <li class="beta"> <a href="/web/20161017144125/https://www.zendesk.com/message/">Messaging<span>Facebook messenger integration</span></a> </li> <li class=""> <a href="/web/20161017144125/https://www.zendesk.com/inbox/">Inbox<span>Shared team email</span></a> </li> <li class=""> <a href="/web/20161017144125/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/20161017144125/https://www.zendesk.com/product/pricing/">Pricing</a></li> <li id="smartling-nav-demo" class="SL_swap menu-item list-parent "><a href="/web/20161017144125/https://www.zendesk.com/demo/">Demo</a></li> <li id="smartling-nav-solutions" class="SL_swap menu-item list-parent "> <a href="/web/20161017144125/https://www.zendesk.com/enterprise/">Solutions</a> <div class="primary-menu-list-dropdown"> <span class="pin"></span> <ul> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/enterprise/">Customer Support for Enterprise</a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/smb/">Support for Growing Businesses</a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/internal-help-desk/">Internal Help Desk for Employees</a></li> <li class=""><a href="/web/20161017144125/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/20161017144125/https://www.zendesk.com/resources/">Resources</a> <div class="primary-menu-list-dropdown"> <span class="pin"></span> <ul> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/resources/">Best Practices</a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/blog/">Zendesk Blog</a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/why-zendesk/customers/">Customer Stories</a></li> <li class=""><a href="//web.archive.org/web/20161017144125/https://support.zendesk.com/hc/en-us/articles/203736886">Training</a></li> <li class=""><a href="//web.archive.org/web/20161017144125/https://developer.zendesk.com/">API & Developers</a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/partner/">Partners</a></li> <li class=""><a href="/web/20161017144125/https://www.zendesk.com/support/webinars/">Live Webinars</a></li> </ul> </div> </li> </ul> <a href="/web/20161017144125/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> <style>.primary-menu .register{display:none;}.masthead.transparent{top:0;}.masthead.transparent .site-title a{background-image:url("//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/l-chrome/logo-zendesk-white.svg");}.reg-module[style='']+h5{display:none;}.masthead.transparent .js-stuck .site-title a{background-image:url("//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/l-chrome/logo-zendesk.svg");}.masthead .primary-menu{margin-right:-13px;}.masthead .site-title:after{color:#fff;}@media only screen and (min-width: 700px) {.masthead.transparent.nav-hide-n-seek .list-parent>a{color:#fff;}.secondary-menu .secondary-menu-item,.secondary-menu .secondary-menu-item>li>a{color:#fff;}}</style> <article class="help-templ t-tour"> <div class="splash mlf-content"> <div class="splash-img"> <div class="shell"> <div class="simple-widget"> <h1>Power self-service with Help Center</h1> <h3>Zendesk makes it easy to deliver seamless self-service experiences and reduce support requests with the fully customizable Help Center, a knowledge base, online community, and self-service portal–all-in-one.</h3> <div class="cta-wrap"> <a href="/web/20161017144125/https://www.zendesk.com/register/" class="button button-orange signup cta help-center" style="display: none;">Get Started</a> <ul class="subdomainlogin singlebutton" style="display: none;"> <li> <a href="#" class="cta button button-orange login-btn">Enable Help Center</a> <ul> </ul> </li> </ul> </div> <div class="reg-module inner" style="display:none"> <span class="test-drive">Take it for a risk-free 30 day test drive</span> <article class="reg"> <div class="step-1"> <form method="post" id="register" novalidate class="reg" name="eloquaform" data-anchor-target=".the-hero .title" data-100="opacity: 1;" data-450="opacity: 0;"> <ul> <li> <input type="email" placeholder="EMAIL ADDRESS" id="owner[email]" name="owner[email]" class="email step2 required"/> <label class="error"><span></span>Enter a valid email address</label> <span class="check"></span> </li> <li> <span class="ie-password-label">PASSWORD</span> <input type="password" autocomplete="off" placeholder="PASSWORD" id="owner[password]" name="owner[password]" class="password step2 required"/> <label class="error"><span></span>Enter 5 or more characters</label> <span class="check"></span> </li> <li style="display:none"> <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"> </li> <li class="full"> <a class="button button-orange next" data-plan="" href="/web/20161017144125/https://www.zendesk.com/trial-register/">Try it for free</a> </li> </ul> </form> </div> </article> </div> </div> </div> </div> </div> <article class="highlight"> <section> <aside> <a href="/web/20161017144125/https://www.zendesk.com/automatic-answers/"><h4>INTRODUCING AUTOMATIC ANSWERS</h4></a> <p>Add artificial intelligence to self-service to deliver faster customer responses</p> </aside> </section> </article> <article class="intro"> <section> <aside> <h2>Self-service happens wherever your customers are looking to discover and find helpful information.</h2> <ul> <li> <a id="knowledge-base" href="//web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/knowledge-base-software/"> <aside> <span class="icon"></span> <h4>Knowledge Base</h4> <p>Create a resource of helpful articles that answer customers’ (and agents’) most popular questions.</p> </aside> </a> </li> <li> <a id="community" href="//web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/community-software/"> <aside> <span class="icon"></span> <h4>Online Community</h4> <p>Cultivate customer conversations to crowdsource support and generate feedback.</p> </aside> </a> </li> <li> <a id="customer-portal" href="//web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/customer-portal-software/"> <aside> <span class="icon"></span> <h4>Customer Service Portal</h4> <p>Customers can log in to track tickets and view subscribed community topics and questions.</p> </aside> </a> </li> <div style="clear: both;"></div> </ul> </aside> </section> </article> <article id="self-service"> <section> <aside class="right-sided"> <h4>Online Self-service</h4> <h2><span class="tall">Help Center. </span>Self-Service Re-imagined.</h2> <p>Tailored to your customers. Easy for you to manage. Help Center is a knowledge base, community, and customer portal—all in one. Serve up a customized support experience for your customers.</p> </aside> <div style="clear: both;"></div> </section> </article> <article class="quote-mod"> <section class="col-960"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/swiftkey-logo.png" class="quote-logo"> <div class="quotes"></div> <h2>It’s key that we made our Help Center a simple experience. One that is responsive. One that works on mobile, and that is easy to digest.</h2> <p>Josh Greenwald, Community Support Lead at <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/customer/swiftkey/">Swiftkey</a></p> </section> </article> <article class="right-screen"> <section> <h4>Knowledge Base</h4> <h2>Caffeinate your service</h2> <div class="left-copy"> <p>Faster answers means happier customers. Deflect costly, repetitive inquiries and drive support efficiencies with a <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/knowledge-base-software/">knowledge base</a>. Organize your content—in 40+ languages—so everything is easy to find.</p> </div> <div class="right-contain"> <div class="right-img"></div> </div> <div style="clear: both;"></div> </section> </article> <article class="left-screen"> <section> <h4>Community</h4> <h2>Bring your community together</h2> <div class="left-contain"> <div class="left-img"></div> </div> <div class="right-copy"> <p>Grow deeper roots in your business community by opening a dialogue and building relationships outside of the support ticket. Start a <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/community-software/">community</a> discussion to gather feedback and crowdsource ideas. Your customers can also post a question and get answers from their peers.</p> </div> <div style="clear: both;"></div> </section> </article> <article class="left-screen portal"> <section> <h4>Customer Portal</h4> <h2>Everything in one place</h2> <div class="left-contain"> <div class="left-img"></div> </div> <div class="right-copy"> <p>Did you know <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/resources/searching-for-self-service/">customers actually prefer self-service?</a> Give your customers a single destination for everything they need with a dedicated <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/help-center/customer-portal-software/">customer portal</a>. One click on My Activities brings up their entire support history. A single search surfaces content from both the knowledge base and community.</p> </div> <div style="clear: both;"></div> </section> <div class="spacing-div"></div> </article> <article id="fave-feature" class="intro"> <section> <aside> <h4>Available wherever, whenever</h4> <h3>No matter where your customer are when they have a question, they can find what they need.</h3> <ul> <li> <aside> <span class="icon"></span> <h2>Online</h2> <p>Create a branded online destination for all your customers’ questions.</p> </aside> </li> <li> <aside> <span class="icon"></span> <h2>On Mobile</h2> <p>The Help Center is optimized for mobile devices, so customers have full access to answers no matter where they are.</p> </aside> </li> <li> <aside> <span class="icon"></span> <h2>Embedded</h2> <p>With <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/embeddables/">Zendesk Embeddables</a> integrate your Help Center natively into any app, website, or standalone device so support is always at your customer’s fingertips.</p> </aside> </li> </ul> <div class="clear"></div> </aside> </section> </article> <article class="quote-mod quote-2"> <section class="col-960"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/expedia-logo.png" class="quote-logo"> <div class="quotes"></div> <h2>With Help Center, partners were getting what I consider to be the very best service—which is that they never had to log a ticket in the first place.</h2> <p>Mike Cartwright, Chief of Partner Solutions at <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/customer/expedia/">Expedia®</a> Affiliate Network (EAN)</p> </section> </article> <article id="gallery"> <section> <h4>Brand & customize</h4> <p>Easily customize your Zendesk Help Center to reflect your company’s brand. Start with our predesigned layouts or take full control with powerful customization tools including HTML, CSS, JavaScript, and a theming framework.</p> <section id="dg-container" class="dg-container"> <div class="dg-wrapper"> <a target="_blank" href="//web.archive.org/web/20161017144125/https://get.slack.help/hc/en-us"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/slack-hc-2X.png" alt="image01"> <div>Slack</div> </a> <a target="_blank" href="https://web.archive.org/web/20161017144125/https://www.dropboxforum.com/"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/dropbox-hc-2X.png" alt="image01"> <div>Dropbox</div> </a> <a target="_blank" href="//web.archive.org/web/20161017144125/https://support.swiftkey.com/hc/en-us"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/swiftkey-hc-2X.png" alt="image01"> <div>SwiftKey</div> </a> <a target="_blank" href="//web.archive.org/web/20161017144125/https://support.canva.com/hc/en-us"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/canva-hc-2X.png" alt="image01"> <div>Canva</div> </a> <a target="_blank" href="//web.archive.org/web/20161017144125/https://support.philandteds.com/hc/en-us"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/philandted-hc-2X.png" alt="image01"> <div>Phil&Teds;</div> </a> <a target="_blank" href="//web.archive.org/web/20161017144125/https://help.cottonon.com/hc/en-us"> <img src="//web.archive.org/web/20161017144125im_/https://d1eipm3vz40hy0.cloudfront.net/images/p-helpcenter/cotton-on-hc-2X.png" alt="image01"> <div>Cotton: On</div> </a> </div> <nav> <span class="dg-prev">Previous</span> <span class="dg-next">Next</span> </nav> </section> </section> </article> <article class="signup"> <section class="l-col-960"> <h4>Give help center a try</h4> <h5 class="reg-module" style="display:none;">Start your free 30-day trial</h5> <h5>Create a self-service experience</h5> <div class="cta-wrap"> <a href="/web/20161017144125/https://www.zendesk.com/register/" class="button button-orange signup cta help-center reg-module" style="display: none;">Get Started</a> <ul class="subdomainlogin singlebutton" style="display: none;"> <li> <a href="#" class="cta button button-orange login-btn">Enable Help Center</a> <ul> </ul> </li> </ul> </div> </section> </article> <article class="feature-matrix feature-matrix-dark-5col"> <section class="l-col-960"> <ul class="feature-matrix-list"> <h2 class="title feature-matrix-title">Learn More</h2> <p>Here are some resources to get started with Help Center.</p> <li class="feature-matrix-list-item"> <a href="https://web.archive.org/web/20161017144125/https://www.zendesk.com/why-zendesk/customer/charity-water/"> <span class="ico ico-charity"></span> <h3 class="feature-matrix-list-item-desc">The charity: water story</h3> </a> </li> <li class="feature-matrix-list-item"> <a href="https://web.archive.org/web/20161017144125/https://pinterest.com/zendesk/custom-branded-zendesks/"> <span class="ico ico-bestpractices"></span> <h3 class="feature-matrix-list-item-desc">More custom Help Centers</h3> </a> </li> <li class="feature-matrix-list-item"> <a href="https://web.archive.org/web/20161017144125/https://www.zendesk.com/resources/searching-for-self-service/"> <span class="ico ico-selfservice"></span> <h3 class="feature-matrix-list-item-desc">Customers want self-service?</h3> </a> </li> <li class="feature-matrix-list-item"> <a href="https://web.archive.org/web/20161017144125/https://www.zendesk.com/resources/#self-service-2"> <span class="ico ico-helpcenter"></span> <h3 class="feature-matrix-list-item-desc">Self-service best practices</h3> </a> </li> </ul> </section> </article> </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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/http://investor.zendesk.com/">Investors</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom no_children "><a href="/web/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/https://www.zendesk.com/sitemap/">Sitemap</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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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/20161017144125/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="Help Center"/> <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/20161017144125/https://plus.google.com/+zendesk" class="ent-text ico-gplus" rel="publisher"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161017144125/https://www.facebook.com/zendesk" class="ent-text ico-facebook"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161017144125/https://www.twitter.com/zendesk" class="ent-text ico-twitter"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161017144125/https://www.linkedin.com/company/zendesk" class="ent-text ico-linkedin"></a> <a itemprop="sameAs" href="https://web.archive.org/web/20161017144125/http://www.slideshare.net/zendesk" class="ent-text ico-slideshare"></a> <a itemprop="sameAs" href="//web.archive.org/web/20161017144125/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/20161017144125/https://www.zendesk.com/" class="lotus SL_hide"></a> <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/company/privacy/">Privacy Policy</a> <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/company/cookies/">Cookie Policy</a> <a href="//web.archive.org/web/20161017144125/https://www.zendesk.com/company/terms/">Terms & Conditions</a> <a href="https://web.archive.org/web/20161017144125/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/20161017144125/https://www.zopim.com/">Live Chat</a></li> <li><a href="https://web.archive.org/web/20161017144125/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/20161017144125js_/https://d2wy8f7a9ursnm.cloudfront.net/bugsnag-2.min.js" data-apikey="14b4da2b1698aa9ce8da80a183366f26"></script> <script type="text/javascript" src="//web.archive.org/web/20161017144125js_/https://api.demandbase.com/api/v2/ip.js?key=cb334198e711721abab9b3d4c785e482544ca07f&var=dbase"></script> <script type="text/javascript" src="https://web.archive.org/web/20161017144125js_/https://d1eipm3vz40hy0.cloudfront.net/js/plugins.min.27e17e74.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20161017144125js_/https://d1eipm3vz40hy0.cloudfront.net/js/webutils.min.44e0c508.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20161017144125js_/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/20161017144125if_/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" src="https://web.archive.org/web/20161017144125js_/https://d1eipm3vz40hy0.cloudfront.net/js/homepage-trial.min.84f5109d.js"></script> <script charset="ISO-8859-1" src="//web.archive.org/web/20161017144125js_/https://fast.wistia.com/static/popover-v1.js"></script> <script type="text/javascript"> $(document).ready(function(){ if (window.webutils) { webutils.showCTA('.reg-module', '/agent/discovery/feature/helpCenter'); } else { $('reg-module').show(); } 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(){ /** * 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)', '-moz-transform' : 'translateX(-350px) translateZ(-200px)', '-o-transform' : 'translateX(-350px) translateZ(-200px)', '-ms-transform' : 'translateX(-350px) translateZ(-200px)', 'transform' : 'translateX(-350px) translateZ(-200px)', 'z-index' : 1 }; rightCSS = { '-webkit-transform' : 'translateX(350px) translateZ(-200px)', '-moz-transform' : 'translateX(350px) translateZ(-200px)', '-o-transform' : 'translateX(350px) translateZ(-200px)', '-ms-transform' : 'translateX(350px) translateZ(-200px)', 'transform' : 'translateX(350px) translateZ(-200px)', '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; }; if (window.webutils) { webutils.updateFeaturePriorities('help_center'); webutils.trackHomeTest('self-service'); } })( jQuery ); }); </script> </body> </html>

CINXE.COM

Help Center - Self-Service Portal | Zendesk