Inbouwhandleiding MWE4016 (achterbumper parkeersensoren-set)

Gemaakt door Erwin Derks, Gewijzigd op Di, 4 Jun, 2024 om 11:34 AM op Erwin Derks


Aanmaakdatum: 13-05-2024

Document revisie: A
Product/merk: Dometic
Product type: 
MWE4016
Product hardware versie: 


In de bijlage (onderaan deze pagina) de volledige inbouwhandleiding van de MWE4016F. Parkeersensoren voor de voorzijde van een voertuig. De afbeeldingen hieronder zijn van het parametermenu.

<!DOCTYPE html>

        <!--[if lt IE 7]><html class="no-js ie6" lang="en" dir="ltr" data-date-format="non_us"><![endif]-->
        <!--[if IE 7]><html class="no-js ie7" lang="en" dir="ltr" data-date-format="non_us"><![endif]-->
        <!--[if IE 8]><html class="no-js ie8" lang="en" dir="ltr" data-date-format="non_us"><![endif]-->
        <!--[if IE 9]><html class="no-js ie9" lang="en" dir="ltr" data-date-format="non_us"><![endif]-->
        <!--[if IE 10]><html class="no-js ie10" lang="en" dir="ltr" data-date-format="non_us"><![endif]-->
        <!--[if (gt IE 10)|!(IE)]><!--><html class="no-js " lang="en" dir="ltr" data-date-format="non_us"><!--<![endif]-->
	<head>
		
		<!-- Title for the page -->
<title> Recommendations to enhance inclusivity in your articles : Freshdesk </title>

<!-- Meta information -->

      <meta charset="utf-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta name="description" content= "Here are our suggestions that can help your knowledge base articles be more inclusive and accessible to a wide range of users." />
      <meta name="author" content= "" />
       <meta property="og:title" content="Recommendations to enhance inclusivity in your articles" />  <meta property="og:url" content="https://support.freshdesk.com/en/support/solutions/articles/50000009780-accessibility-of-your-knowledge-base-articles" />  <meta property="og:description" content=" Creating accessible knowledge base articles is crucial for ensuring that all users, regardless of ability, can access and benefit from the information provided.      Here are some tips to generate accessible knowledge-base articles:   Clear struc..." />  <meta property="og:image" content="/assets/misc/logo.png?702017" />  <meta property="og:site_name" content="Freshdesk" />  <meta property="og:type" content="article" />  <meta name="twitter:title" content="Recommendations to enhance inclusivity in your articles" />  <meta name="twitter:url" content="https://support.freshdesk.com/en/support/solutions/articles/50000009780-accessibility-of-your-knowledge-base-articles" />  <meta name="twitter:description" content=" Creating accessible knowledge base articles is crucial for ensuring that all users, regardless of ability, can access and benefit from the information provided.      Here are some tips to generate accessible knowledge-base articles:   Clear struc..." />  <meta name="twitter:image" content="/assets/misc/logo.png?702017" />  <meta name="twitter:card" content="summary" />  <link rel="canonical" href="https://support.freshdesk.com/en/support/solutions/articles/50000009780-accessibility-of-your-knowledge-base-articles" />  <link rel='alternate' hreflang="en" href="https://support.freshdesk.com/en/support/solutions/articles/50000009780-accessibility-of-your-knowledge-base-articles"/> 

<!-- Responsive setting -->
<link rel="apple-touch-icon" href="/assets/misc/favicon.ico?702017" />
        <link rel="apple-touch-icon" sizes="72x72" href="/assets/misc/favicon.ico?702017" />
        <link rel="apple-touch-icon" sizes="114x114" href="/assets/misc/favicon.ico?702017" />
        <link rel="apple-touch-icon" sizes="144x144" href="/assets/misc/favicon.ico?702017" />
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" /> 

<!-- Google Tag Manager support.freshdesk.com
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-M9C979"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M9C979');</script> 

End Google Tag Manager -->

<!-- Google Tag Manager freshdesk.com -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KH9KHM');</script>
<!-- End Google Tag Manager -->

<!-- Google Webmaster -->
<meta name="google-site-verification" content="zxbE0WofJTqJ3OxuARlsCR-Ix9b0KT9lD07Xz-l29DM" />
<!-- End Google Webmaster -->


<link rel="canonical shortcut icon" href="https://website-assets-fw.freshworks.com/attachments/Support+desk.ico">
<script src='//cdn.freshmarketer.com/61608/70421.js'></script>
<!-- add event script-->
<script type="text/javascript" src="https://addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script>
<!-- autopilot -->
<script type="text/javascript">(function(o){var b="https://api.autopilothq.com/anywhere/",t="fcaee29234a44e6d93a90b19e3033250dd4ef22d50ab4a35b717a08ddc622f55",a=window.AutopilotAnywhere={_runQueue:[],run:function(){this._runQueue.push(arguments);}},c=encodeURIComponent,s="SCRIPT",d=document,l=d.getElementsByTagName(s)[0],p="t="+c(d.title||"")+"&u="+c(d.location.href||"")+"&r="+c(d.referrer||""),j="text/javascript",z,y;if(!window.Autopilot) window.Autopilot=a;if(o.app) p="devmode=true&"+p;z=function(src,asy){var e=d.createElement(s);e.src=src;e.type=j;e.async=asy;l.parentNode.insertBefore(e,l);};y=function(){z(b+t+'?'+p,true);};if(window.attachEvent){window.attachEvent("onload",y);}else{window.addEventListener("load",y,false);}})({});</script>

<meta name="google-site-verification" content="5O_DeRevomSBHph4tK2Iq-6JeOyxEJnPIUSkt_1aNjo" />
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
		
		<!-- Adding meta tag for CSRF token -->
		<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="eGv3xPRpvzw5j/x1pB0KeVjiXpUw+BMUasA+Y8OaDNWm4FXb6iMCJz0vqvkDQ9yaNcdqkxpEPemJjdwaGX8SnA==" />
		<!-- End meta tag for CSRF token -->
		
		<!-- Fav icon for portal -->
		<link rel='shortcut icon' href='/assets/misc/favicon.ico?702017' />

		<!-- Base stylesheet -->
 
		<link rel="stylesheet" media="print" href="https://assets8.freshdesk.com/assets/cdn/portal_print-6e04b27f27ab27faab81f917d275d593fa892ce13150854024baaf983b3f4326.css" />
	  		<link rel="stylesheet" media="screen" href="https://assets4.freshdesk.com/assets/cdn/portal_utils-83ada44a269c552c54b626cf88f4b3f5f6141b36e5921e2061b52dfba15293b5.css" />

		
		<!-- Theme stylesheet -->

		<link href="/support/theme.css?v=3&amp;d=1717251551" media="screen" rel="stylesheet" type="text/css">

		<!-- Google font url if present -->
		

		<!-- Including default portal based script framework at the top -->
			<script src="https://assets8.freshdesk.com/assets/cdn/portal_head_v2-9be1cf61b8b84c5a262f7ce4fb55bfdf61dd6d11076cda5f3e999a77574bb763.js"></script>
		<!-- Including syntexhighlighter for portal -->
		<script src="https://assets1.freshdesk.com/assets/cdn/prism-8b4315d7eb1c628b02d42a6227b3886a6e3af23341e6c927b2be4fc2740d9495.js"></script>

		    <!-- Google tag (gtag.js) -->
	<script async src='https://www.googletagmanager.com/gtag/js?id=UA-29847110-2'></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	  gtag('config', 'UA-29847110-2');
	</script>


		<!-- Access portal settings information via javascript -->
		 <script type="text/javascript">     var portal = {"language":"en","name":"Freshdesk","contact_info":"","current_page_name":"article_view","current_tab":"solutions","vault_service":{"url":"https://vault-service.freshworks.com/data","max_try":2,"product_name":"fd"},"current_account_id":2,"preferences":{"bg_color":"#efefef","header_color":"#3b3b3b","help_center_color":"#f9f9f9","footer_color":"#777777","tab_color":"#006063","tab_hover_color":"#4c4b4b","btn_background":"#ffffff","btn_primary_background":"#6c6a6a","baseFont":"Helvetica","textColor":"#333333","headingsFont":"Helvetica","headingsColor":"#333333","linkColor":"#049cdb","linkColorHover":"#036690","inputFocusRingColor":"#f4af1a","nonResponsive":"false"},"image_placeholders":{"spacer":"https://assets7.freshdesk.com/assets/misc/spacer.gif","profile_thumb":"https://assets1.freshdesk.com/assets/misc/profile_blank_thumb-4a7b26415585aebbd79863bd5497100b1ea52bab8df8db7a1aecae4da879fd96.jpg","profile_medium":"https://assets2.freshdesk.com/assets/misc/profile_blank_medium-1dfbfbae68bb67de0258044a99f62e94144f1cc34efeea73e3fb85fe51bc1a2c.jpg"},"falcon_portal_theme":false,"current_object_id":50000009780};     var attachment_size = 25;     var blocked_extensions = "";  </script> 


		
	</head>
	<body>
            	
		
		
		
<div class="page page-layout">
   <div class='gradient_bg  inner_bg '>
       




<header class="banner header-menu ">
  <div class='mini_header clearfix  otherpage_header '>
    <div class='c-wrapper no-padding'>
      <a class='pullleft' target="_window" href="https://www.freshworks.com/"><i class="icon-home for-not-mobile"></i> Freshworks </a> 
      <div class='pullright nav-menu'>
        <li class="nav-contact">
          <a href="https://www.freshworks.com/freshdesk/signup/" target="_window">Sign up for Freshdesk</a>
        </li>
        <li class="nav-contact phonenumber_dropdown">
          <span id="region-contact"><i class="flags flag-usa"></i><span>+1 (866) 832-3090</span></span>
          <ul class="nav-contant-phonenumbers">
            <li class="f-contact" data-toggle="tooltip" data-placement="left" title="U.S.A."> 
              <i class="flags flag-usa"></i>
              <a href="tel:+18668323090">
                <p>+1 (866) 832-3090</p>
              </a>
            </li>
            <li class="f-contact" data-toggle="tooltip" data-placement="left" title="India"> 
              <i class="flags flag-india"></i>
              <a href="tel:+914466678040">
                <p>+91 (44) 6667 8040</p>
              </a>
            </li>
            <li class="f-contact" data-toggle="tooltip" data-placement="left" title="U.K."> 
              <i class="flags flag-uk"></i>
              <a href="tel:+448008085790">
                <p>+44 (800) 808 5790</p>
              </a>
            </li>
            <li class="f-contact" data-toggle="tooltip" data-placement="left" title="Australia"> 
              <i class="flags flag-aus"></i>
              <a href="tel:+61894687228">
                <p>+61 2 8188 4692</p>
              </a>
            </li> 
          </ul>
        </li>
      </div>
    </div>
  </div>
</header>

<div id="sticky_anchor"></div>
<div id="sticky_head">  
  <header class="banner header-menu  otherpage_bg ">
    
    <div class='c-wrapper no-padding'>
      
      <div class="banner-wrapper">
        <div class="nav-wrapper clearfix">
          <a href="https://www.freshworks.com/freshdesk/" class="logo"></a> 
          
          <span class="nav-burger show-in-mobile">
            <span class="nav-burger-icon"></span>
          </span>
          
          <div id="new-ticket-button">
            <div class='  search_in_header  '><form class="hc-search-form print--remove" autocomplete="off" action="/en/support/search/solutions" id="hc-search-form" data-csrf-ignore="true">
	<div class="hc-search-input">
	<label for="support-search-input" class="hide">Enter your search term here...</label>
		<input placeholder="Enter your search term here..." type="text"
			name="term" class="special" value=""
            rel="page-search" data-max-matches="10" id="support-search-input">
	</div>
	<div class="hc-search-button">
		<button class="btn btn-primary" aria-label="Search" type="submit" autocomplete="off">
			<i class="mobile-icon-search hide-tablet"></i>
			<span class="hide-in-mobile">
				Search
			</span>
		</button>
	</div>
</form></div>
            
            <!--- <a href="#" class="btn-medium fd-joe-bots">Ask Freddy</a> ---->
            
                        <div class="hide" id="ask-agent" style="z-index: 999;">
                            <div x-arrow></div>
                            <div class="card">
                                <div class="image-holder">
                                    <img style="width: 80px; height: 80px;" src="https://i.pravatar.cc/150?img=60">
                                </div>
                                <div class="card-body">
                                    <div class="clearfix">
                                        <h3 class="lead">Sathish Macherla </h3>
                                        <h6>Your TAM</h6>
                                    </div>
                                    <div>
                                        <ul class="phone-list">
                                            <li><span style="margin: 0px; margin-left: 5px;" class="f-phone">
                                                    <i class="icon-fw-phone-new"></i>
                                                    <span>866832-3090</span>
                                                </span></li>
                                            <li><span style="margin: 0px; margin-left: 5px;" class="f-phone">
                                                    <i class="icon-fw-phone-new"></i>
                                                    <span>866832-3090</span>
                                                </span></li>
                                        </ul>

                                        <br>

                                    </div>
                                  
                                    <div>
                                        <a href="" class="btn btn-small btn-primary">Request for a call
                                            back</a>
                                    </div>
                                </div>
                            </div>
                        </div>
         
            
            <img class="profile-picture" src="/images/fillers/profile_blank_thumb.gif" />
            
            <div class="dropdown" id="action-bar-toggle">
              <a class="dropdown-toggle profile-name" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="#">Erwin<b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                <a href="/en/support/profile/edit">Edit Profile</a>
                <a href="/logout">Sign Out</a>
              </ul>
            </div>
            
          </div>
          
        </div>
      </div>
    </div>
  </header>
  
  <div class='screen'></div>
  <nav class='mobile-ham-nav show-in-mobile'>
    
  <!---  <a href="#" class="fd-joe-bots">Ask Freddy</a> -->
    
    <a href="/en/support/profile/edit">Edit Profile</a>
    <a href="/logout">Sign Out</a>
    <a href="/logout">Sign Out</a>
    <a href="https://freshdesk.com/">Go to Freshdesk</a>
    <ul class='mobile_view_contacts'>
      <li>
        <a>Contact Support</a>
        <ul>
          <li><i class="flags flag-usa"></i>+1 (866) 832-3090</li>
          <li><i class="flags flag-india"></i>+91 (44) 6667 8040</li>
          <li><i class="flags flag-uk"></i>+44 (800) 808 5790</li>
          <li><i class="flags flag-aus"></i>+61 2 8188 4692</li>
        </ul>
      </li>
      
    </ul>
    
  </nav>
  
  <nav class="page-tabs action-bar menubar_otherpage  makewhite " >
    <div class='page no-padding'>
      
      <a class="help-center-tab show-in-mobile">Support Home</a>
      <p class="currenttab show-in-mobile">solutions</p>
      <a class="nav-sub-toggle icon-arrow-down show-in-mobile" id="menu-icon" ></a>
      <div class="action-bar-wrapper clear">  
        <div class="nav-link clearfix menu_underline_animation" id="page-tabs">
          <ul>
                        <span class='underline'>
            </span>
            
            

            
            <li class="tab-home "><a class="tab-home " href="/en/support/home">
              Support Home 
              </a></li><li class=""><a  href="https://support.freshdesk.com/support/solutions/folders/7" >FAQs </a></li>
            
            
            
            
            

            <li class="current_page_item active"><a href="/en/support/solutions">
              Solutions 
            </a></li>
            
            
            
            

            <li class=""><a href="/en/support/discussions">
              Forums 
            </a></li>
            <li><a href="https://freshdesk.com/academy" target="_window">Training </a></li>
            <li><a href="https://community.freshworks.com/freshdesk-11246" target="_window">Community </a></li>
            
            
            
            

            <li class=""><a href="/en/support/tickets">
              Tickets 
            </a></li>
            
            
            
          </ul>
          
        </div>
        
      </div>
    </div>
    
  </nav>
</div>





    <script src='//cdn.freshmarketer.com/61608/70421.js'></script>
    
<script type='text/javascript'>
  jQuery('#page-tabs a[href*="/support/discussions"]').text("Community");
</script> 
  
            
     <script>
              if(window.location.href == "https://support.freshdesk.com/support/discussions"){
    window.location.replace("https://community.freshworks.com");
     }
</script>
<script>
  jQuery("a[href*='/en/support/discussions']").hide();

  jQuery("a[href*='/support/discussions']").hide();

  </script>
  
  
  
  
  

<!--Community Hours Banner 
 <script>
   jQuery(document).ready(function(){
     jQuery('<div class="alert-bar-module--banner_notification--BKCRe"><span>Earn up to 100% revenue by building & publishing apps for Freshworks customers. Join the App Monetization Webinar to learn more.<b><a style="font-weight:700;color:#ffffff" href="https://freshworks.zoom.us/webinar/register/3016770616417/WN_aVT5JG-tRnG3eDTZEc0bsQ" target="_blank"><b><i>Register now</i></b> &nbsp;</a></b></span></div>').insertBefore('.page.page-layout')
     var removeQuadrant = setInterval(function () {
    jQuery('.sumo-form-wrapper.smartbar-popup').remove()
    jQuery('body').css('margin-top','0')
      if (jQuery('.sumo-form-wrapper.smartbar-popup').text()!="") {
clearInterval(removeQuadrant);
}
});
     
   });
  </script>
  <style>
    .alert-bar-module--banner_notification--BKCRe {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #143d2d;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-family: neue-haas-grotesk-text,Helvetica,sans-serif;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.75;
    min-height: 48px;
    width: 100%;
}
.alert-bar-module--closebtn--vW2TE {
    cursor: pointer;
    display: block;
    font-size: 2rem;
    margin-right: 20px;
    position: absolute;
    right: 0;
}
  </style>
<!-- Community Hours Banner End -->

<!-- Redirect to New Forums -->


<!-- Redirect to New Forums End-->
  
  <!-- <script>
document.querySelector('.nav-contact.phonenumber_dropdown').hide()
</script> -->


   </div>
</div>


<!-- Quick links -->


<!-- Notifocation Messages for the page  -->
 <div class="alert alert-with-close notice" id="noticeajax" style="display:none;"></div> 

<div class=>
  <div class="c-wrapper">
     <div class="content min-height-on-desktop main-links" id="article-show-50000009780">
  
  <div class="breadcrumbs">
    <a href="/en/support/solutions"> Solution home </a>
    <a href="/en/support/solutions/50000000015">Self Service Tools</a>
    <a href="/en/support/solutions/folders/74531">Populating your Knowledge Base</a>
  </div>
  
  <div class="main content single-article-main min-height-on-desktop">
    <b class="page-stamp page-stamp-article">
      <b class="icon-page-article"></b>
    </b>
    <h1 class="single-article-title">
      Accessibility of your knowledge base articles
      <a href="javascript:print();" class="icon-print solution-print-icon" title="Print this Article"></a>
    </h1>
    <div class="row-fluid solution-top">
      <h4 class="modified-single-article span6">
        Modified on: Thu, 14 Mar, 2024 at 10:09 PM
      </h4>     
      
      <div class="community-social span5">
        <div class="facebook">
          <div class="fb-share-button" data-layout="button"></div>
        </div>
        <div class="twitter">
          <a class="twitter-share-button" href="https://twitter.com/share" data-count="none" data-via="AskFreshdesk"  data-text="Accessibility of your knowledge base articles">
            Tweet</a>
        </div>
      </div>
    </div>
    
    <!-- falcon !-->
    <div class='animateme'>
      <div class='seeold_ui_artilce hide'>
        <span class='fullcontent'><span class='animated_left'>If you are using the <b>previous version</b> of Freshdesk , </span> <a class='animated_right'> refer to this article instead</a>      </span>
      </div>
      
      <div class='seenew_ui_artilce hide'>
        <span class='fullcontent'><span class='animated_left'>We will be replacing the older version of Freshdesk with the new Mint experience on <b>January 31, 2019</b>. All your data and configurations will remain intact. Switching back to the old Freshdesk will not be possible.<br /> To read about this feature on <b>Freshdesk Mint</b>, </span> <a class='animated_right'> refer to this article instead</a>      </span>
      </div>
      
      <div class='not_in_new_ui article_note hide'>
        <span>This feature is currently not available on Freshdesk Mint. </span>
      </div> 
      
      <div class='not_in_old_ui article_note hide'>
        <span>This feature is not available on the old Freshdesk.  </span>
      </div> 
      
      <hr />
      
      
      
      


 
      <div class="single-article-content article-body">
        
        <p>Creating accessible knowledge base articles is crucial for ensuring that all users, regardless of ability, can access and benefit from the information provided.&nbsp;</p><p><br></p><h4 dir="ltr"><strong dir="ltr">Here are some tips to generate accessible knowledge-base articles:</strong></h4><ul><li dir="ltr"><strong dir="ltr">Clear structure:</strong> Organize your content logically with clear headings, subheadings, and bullet points to help users navigate through the article easily.</li><li dir="ltr"><strong dir="ltr">Use plain language:</strong> Write in clear, simple language, avoiding jargon and complex terminology that may be difficult for some users to understand.</li><li dir="ltr"><strong dir="ltr">Descriptive headings and links:</strong> Use descriptive headings and link text that accurately describe the content they lead to, helping users understand where the link will take them.</li><li dir="ltr"><strong dir="ltr">Alt Text for images:</strong> Provide descriptive alt text for all images used in the article to ensure that users who rely on screen readers can understand the content.</li><li dir="ltr"><strong dir="ltr">Accessible document formats:&nbsp;</strong>Use accessible document formats such as HTML or PDFs with proper tagging and structure for screen reader compatibility.</li><li dir="ltr"><strong dir="ltr">Use of colors:</strong> Ensure sufficient color contrast between text and background to make it easier for users with low vision or color blindness to read the content.<strong dir="ltr"></strong></li><li dir="ltr"><strong dir="ltr">Transcripts for multimedia:</strong> Provide transcripts or captions for multimedia content such as videos and audio recordings to make the content accessible to users with hearing impairments.</li><li dir="ltr"><strong dir="ltr">Include accessible tables:</strong> If using tables, ensure they are properly formatted with row and column headers and are accessible to screen readers.</li><li dir="ltr"><strong dir="ltr">Test for accessibility:</strong> Regularly test your knowledge base articles using accessibility tools and guidelines such as WCAG (Web Content Accessibility Guidelines) to identify and fix any accessibility issues.</li><li dir="ltr"><strong dir="ltr">Responsive design:</strong> Ensure that your knowledge base articles are designed to be responsive and accessible across different devices and screen sizes.</li><li dir="ltr"><strong>Provide alternative formats:</strong> Offer alternative formats such as plain text or downloadable PDFs for users who may have difficulty accessing the content in its default format.</li><li dir="ltr"><strong>Offer multiple access points:</strong> Provide multiple ways for users to access information, such as search functionality, a table of contents, or a site map, to accommodate different user preferences and needs.</li><li dir="ltr"><strong>Update accessibility guidelines:</strong> Stay updated with the latest accessibility guidelines and standards to ensure your knowledge base articles remain accessible as technology and best practices evolve.</li></ul><p dir="ltr"><br></p><p dir="ltr">By implementing these recommendations, you can create articles that are accessible to a wide range of users, enhancing inclusivity and usability for all.</p>

      
      <hr />
    </div>

    <div class="community-social">
      <div class="facebook">
        <div class="fb-share-button" data-layout="button"></div>
      </div>
      <div class="twitter">
        <a class="twitter-share-button" href="https://twitter.com/share" data-count="none" data-via="AskFreshdesk" data-text="Accessibility of your knowledge base articles">
          Tweet</a>
      </div>
    </div>
    <p class="article-vote" id="voting-container">
      Did you find it helpful?
      <span data-href="/en/support/solutions/articles/50000009780/thumbs_up" class="vote-up a-link" 
      data-remote="true" data-method="put" data-update="#voting-container" 
      data-update-with-message="Glad we could be helpful. Thanks for the feedback.">
        Yes
      </span>
      <span data-href="/en/support/solutions/articles/50000009780/thumbs_down" class="vote-down a-link" 
      data-remote="true" data-method="put" data-update="#vote-feedback-form"
      data-hide-dom="#voting-container" data-show-dom="#vote-feedback-container">
        No
      </span>
    </p>
    <div class="hide" id="vote-feedback-container">
      <div class="lead">Can you please tell us how we can improve this article?</div>
      <div id="vote-feedback-form">
        <div class="sloading loading-small loading-block"></div>
      </div>
    </div>  
  </div>
</div>

<div class="side-article-list sidebar content min-height-on-desktop article-list">

  
  <!-- community newsletter box code >
  <div class="container">
            <div class="text">
              <h4>Great things come </h4>
             <h4> to those who signup</h4>
              <br>
              <p>Stay on top of product updates, get a snapshot of the best conversations in the <a href="https://support.freshdesk.com/support/discussions">Freshdesk community</a> and a hand-picked good read every week :) </p>
            </div>
            <div id="hidden_div" style="display:none">
              <p style="text-align:center">Yay, great to have you on board :)</p>
</div>
  <form id="contactForm">
    <input type="email" id="fname" placeholder="Your email" required>

    <input type="submit" value="Count me in">
  </form>
            
</div>
          <script>
          jQuery('#contactForm').submit(function () {
            jQuery(".text").hide();
                        jQuery("#contactForm").hide();
            sendContactForm();
            return false;
});
            
            function sendContactForm(){
              //return false;
    jQuery("#hidden_div").slideDown("slow");
    setTimeout('jQuery("#hidden_div").slideUp();jQuery(".container").slideUp("slow")', 2500);
}
          </script>
<!-- newsletter form code-->
  
  
  <h3 class="list-lead related_articles">
    Related Articles
  </h3>
  <ul>			<li>
				<div class="ellipsis">
					<a href="/en/support/solutions/articles/50000003752-the-all-new-freshdesk-portal-an-overview">The All-new Freshdesk Portal - An overview</a>
				</div>
			</li>
			<li>
				<div class="ellipsis">
					<a href="/en/support/solutions/articles/37601-portals-portal-settings">Portals &amp; Portal Settings</a>
				</div>
			</li>
			<li>
				<div class="ellipsis">
					<a href="/en/support/solutions/articles/50000002318-understanding-the-knowledge-base-dashboard">Understanding the Knowledge base dashboard</a>
				</div>
			</li>
			<li>
				<div class="ellipsis">
					<a href="/en/support/solutions/articles/37613-converting-agent-replies-to-solution-articles">Converting agent replies to Solution Articles</a>
				</div>
			</li>
			<li>
				<div class="ellipsis">
					<a href="/en/support/solutions/articles/217390-voice-search-in-the-freshdesk-android-app">Voice search in the Freshdesk Android app</a>
				</div>
			</li>
</ul>
  
  
</div>

</div>

<!-- SlideJS -->
<script type="text/javascript" src="https://sjs-tp.googlecode.com/git/js/jquery.slides.min.js"></script>
<link rel="stylesheet" href="https://sjs-tp.googlecode.com/git/css/font-awesome.min.css" />
<style>
  
  .slideshow {
    display: none
  }
  
  .slideshow .slidesjs-navigation {
    margin-top:3px;
  }
  
  .slideshow .slidesjs-previous {
    margin-right: 5px;
    float: left;
  }
  
  .slideshow .slidesjs-next {
    margin-right: 5px;
    float: left;
  }
  
  .slideshow .slidesjs-next:hover,#slideshow .slidesjs-previous:hover {
    text-decoration: none;
  }
  
  .slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
  }
  
  .slidesjs-pagination li {
    float: left;
    margin: 0 1px;
    list-style: none;
  }
  
  .slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(https://sjs-tp.googlecode.com/git/img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
  }
  
  .slidesjs-pagination li a.active,
  .slidesjs-pagination li a:hover.active {
    background-position: 0 -13px
  }
  
  .slidesjs-pagination li a:hover {
    background-position: 0 -26px
  }
  
  #slides a:link,
  #slides a:visited {
    color: #333
  }
  
  #slides a:hover,
  #slides a:active {
    color: #9e2020
  }
  
  .navbar {
    overflow: hidden
  }
</style>

<script>
  // jQuery(function() {
    
    
  //   if(jQuery("#new_ui").length == 0 && jQuery("#old_ui").length != 0){
  //     jQuery(".not_in_new_ui").show();
  //   }
    
  //   if(jQuery("#old_ui").length == 0 && jQuery("#new_ui").length != 0){
  //     jQuery(".not_in_old_ui").show();
  //   }
    
    
  //   var uitoggle = getCookie("uitoggle");
  //   if(uitoggle == undefined)
  //   {
  //     jQuery("#new_ui").show();
  //     jQuery("#old_ui").hide(); 
      
  //      if(jQuery("#new_ui").length != 0 && jQuery("#old_ui").length != 0){
 	// 	uitoggle = "new";
  //     switch(uitoggle){
          
  //       case "old":
  //         jQuery(".seenew_ui_artilce").show();
  //         jQuery(".seeold_ui_artilce").hide();
  //         jQuery("#old_ui").show();
  //         jQuery("#new_ui").hide();
  //         break;
          
  //       case "new":
  //         jQuery("#new_ui").show();
  //         jQuery("#old_ui").hide();
  //         jQuery(".seenew_ui_artilce").hide();
  //         jQuery(".seeold_ui_artilce").show();
  //         break;
  //     }
      
  //   }
  //   }
    
  //   if(jQuery("#new_ui").length != 0 && jQuery("#old_ui").length != 0){
 
  //     switch(uitoggle){
          
  //       case "old":
  //         jQuery(".seenew_ui_artilce").show();
  //         jQuery(".seeold_ui_artilce").hide();
  //         jQuery("#old_ui").show();
  //         jQuery("#new_ui").hide();
  //         break;
          
  //       case "new":
  //         jQuery("#new_ui").show();
  //         jQuery("#old_ui").hide();
  //         jQuery(".seenew_ui_artilce").hide();
  //         jQuery(".seeold_ui_artilce").show();
  //         break;
  //     }
      
  //   }
    
  //   jQuery(".seenew_ui_artilce").click(function(){
  //     document.cookie = "uitoggle=new";
  //     jQuery(".animateme").slideToggle(400,"swing", function(){
  //       jQuery(".seenew_ui_artilce, #old_ui").hide();
  //       jQuery("#new_ui, .seeold_ui_artilce").show();        
  //       jQuery(this).slideToggle(1500, "swing");
  //     });
  //   });
    
    	
  //   jQuery(".seeold_ui_artilce").click(function(){
  //     document.cookie = "uitoggle=old";
  //     jQuery(".animateme").slideToggle(400,"swing", function(){
  //       jQuery(".seeold_ui_artilce, #new_ui").hide();
  //       jQuery("#old_ui, .seenew_ui_artilce").show();        
  //       jQuery(this).slideToggle(1500, "swing");
  //     });
  //   });
    
  //   function showold_toggle_old(){
  //     jQuery(".seeold_ui_artilce").show();

  //   }
    
  //   function shownew_toggle_new(){
  //     jQuery(".seenew_ui_artilce").show();
  //   }
    
  //   jQuery('.slideshow').each(function() {
  //     var slides = jQuery(this);
  //     var width = slides.data('width')
  //         $(slides).slidesjs({
  //           width: slides.data('width') || 684,
  //           height: slides.data('height') || 600,
  //           navigation: false
  //         });
  //   });
  // });
  
  jQuery('.list-lead .folder-name').hide();
  
  jQuery(window).bind("load", function() {
    jQuery(".main.content, .sidebar.content").css("min-height",parseInt(jQuery(".main.content, .sidebar.content").css("min-height").slice(0,-2))/2);
  });
  
</script>
<!-- End of SlideJS -->


<style>
  
  #new_ui {
    display: block;
  }

  #old_ui {
    display: none;
  }

  #old_ui + hr {
    display: none;
  }

  .community-social{
    display:none;
  }
  
  .article_note {
    border-radius: 3px;
    padding: 20px 20px 20px 43px;
    border-radius: 3px;
    border: solid 1px rgba(234,209,28,0.4);
    COLOR: #000;
    margin-top: 20px;
    font-size:14px;
    background: url(https://dl.dropbox.com/s/adlhzncn17ulbje/note%403x.png) no-repeat 7px 15px/30px rgba(255,229,44,0.1);
  }
  
  .article_tip {
    border-radius: 3px;
    padding: 20px 20px 20px 43px;
    border-radius: 3px;
    border: solid 1px rgba(37, 193, 111, 0.2);
    COLOR: #000;
    margin-top: 20px;
    font-size:14px;
    background:url(https://dl.dropbox.com/s/rugs4yrj9lj3xww/tip%403x.png) no-repeat 9px 15px/25px rgba(37, 193, 111, 0.1);
  }
  
  
  .fullcontent{
    position:relative;
    animation:mymove1 0.4s ease-out;
    
    /* Safari and Chrome */
    -webkit-animation:mymove 0.4s;
  }
  
  @keyframes mymove
  { from {top:-10px; opacity: 0;}
    to {top:0px; opacity: 1}
  }
  
  @-webkit-keyframes mymove /* Safari and Chrome */
  {
    from {top:-10px; opacity: 0;}
    to {top:0px; opacity: 1;}
  }
</style>

<!-- community newsletter box style -->

<style>
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

input[type=email] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #25c16f;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.container {
width:314.578 px;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding:20px;
    font-size:13px;

}
  .text h4{
    font-size:21px;
    line-height: 25.875px;
  }

  
</style>

<style>
	.do-you-find-it-helpful{
		font-family: Source Sans Pro,Helvetica,Arial,sans-serif;
		position: fixed;
		display: flex;
		width: 440px;
		height: 150px;
		right: 150px;
		bottom: 15px;
		background-color: #ffffff;
		border-radius: 5px;
		box-shadow: 0 0 5px 2px #ccc;
	}
	.do-you-find-it-helpful	strong{
		font-size: 16px;
	}
	.do-you-find-it-helpful	.bot-ticket-content{
		margin-top: 22px;
		margin-right: 10px;
	}
	.do-you-find-it-helpful .bot-ticket-content a{
		color: $blue;
	}
	.do-you-find-it-helpful	.bot-ticket-content p{
		margin-top: 2px;
		font-size: 14px;
	}
	.do-you-find-it-helpful	.bot-ticket-content button{
    	font-family: Poppins,Helvetica,sans-serif;
		border-radius: 2px;
		border: solid 1px #97a9ba;
		background-image: none;
		background-color: #f3f5f7;
		box-shadow: none;
		font-weight: 600;
		padding: 5px 20px;
		text-transform: uppercase;
		margin-right: 5px;
		margin-top: 15px;
		display: inline;
		font-size: 12px;
		height: 36px;
	}
	.do-you-find-it-helpful	.bot-ticket-content .btn-primary{
		background-color: #02b875;
		border-radius: 2px;
		border: solid 1px #015335;
	}
	.do-you-find-it-helpful .bot-article-content {
		margin-top: 24px;
		margin-left: 20px;
	}
	.do-you-find-it-helpful .bot-article-content a{
		color: #448EE1;
		font-size: 16px;
	}
	.do-you-find-it-helpful .bot-article-content li{
		margin-top: 7px;
		font-weight: 500;
	}
	.do-you-find-it-helpful .bot-article-content .help {
		margin-bottom: 15px;
	}
	.do-you-find-it-helpful .bot-image {
		background-image: url("/images/email-bot.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: 0;
		width: 170px;
		display: inline;
		margin-right: 10px;
		white-space: nowrap;
		margin-left: 6px;
	}
	.do-you-find-it-helpful .thanks-for-feedback {
		display: table;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.do-you-find-it-helpful .thanks-for-feedback div{
		margin-top: 20px;
	}
	.do-you-find-it-helpful .thanks-for-feedback .widget-vote {
		border-radius: 50%;
		width: 40px;
		height: 40px;
		margin: 40px 0px 0px 200px;
	}
	.do-you-find-it-helpful .thanks-for-feedback .down{
        background-image: url("data:image/png;base64,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");
        background-size: 37px;
        background-repeat: no-repeat;
        border: 1.5px solid #F8AB59;
  	}
	.do-you-find-it-helpful .thanks-for-feedback .up{
        background-image: url("data:image/png;base64,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");
        background-size: 37px;
        background-repeat: no-repeat;
        border: 1.5px solid #31C072;
	}
</style>
<script type="text/javascript">
var FreddyEmailBot = function() {
    this.usefulness = {
      yes: true,
      no: false,
      no_response: undefined
    };
    this.requiredTab = "solutions"
    this.portal_url_vars = '';
    this.portal = portal;
    this.filterUrl = '/support/bot_responses/filter';
    this.updateUrl = '/support/bot_responses/update_response';
    this.widgetHtml = "<div class='do-you-find-it-helpful'></div>";
    this.ticketHelptextHtml = "<strong>Did you find this article helpful?</strong>";
    this.ticketContentHtml = "<p>If yes, we'll close your ticket.</p>";
    this.botTicketHtmlContent = "<div class='bot-image'></div><div class='bot-ticket-content'></div>";
    this.botArticleHtmlContent = "<div class='bot-article-content'></div>"
    this.buttonHtml = "<button class='btn btn-primary email-bot-helpful'>Yes, close ticket</button><button class='btn email-bot-helpful'>No</button>";
    this.articleHelpTextHtml = "<div class='help'><strong>Uh-oh. Maybe these articles can help you.</strong></div>";
    this.finalMessageUseful = "<div class='thanks-for-feedback'><div class='widget-vote up'></div><div><strong>We're glad this article was helpful.</strong></div></div>";
    this.finalMessageNotUseful = "<div class='thanks-for-feedback'><div class='widget-vote down'></div><div><strong>We're sorry. Our team will reach out to you shortly.</strong></div></div>";
  }
    
  FreddyEmailBot.prototype = {
    showEmailBotHelpWidget : function() {
      var query_id = this.portal_url_vars.query_id;
      if (query_id) {
        var solution_id = this.portal.current_object_id;
        this.populateWidget(query_id, solution_id);
      }
    },
    getUrlVars : function() {
      var vars = [], hash;
      var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
      for(var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
      }
      this.portal_url_vars = vars;
    },
    populateWidget : function() {
      var self = this;
      var params = {
        query_id: self.portal_url_vars.query_id,
        solution_id: self.portal.current_object_id
      };
      jQuery.ajax({
        type: 'GET',
        url: self.filterUrl,
        async: false,
        data: params,
        success: function(data){
          if( self.shouldNotConstructWidget(data) ) {
            return false;
          }
          self.constructWidget(self.portal.current_object_id, self.portal_url_vars.query_id, data.ticket_id);
          data.useful == self.usefulness.no_response ? 
            self.drawEmailBotTicketWidget(data.ticket_id) : 
            self.drawEmailBotArticleWidget(data.other_articles, self.portal_url_vars.query_id);
        }
      });
    },
    updateBotResponse : function(useful) {
      var self = this;
      var params = {
        useful: useful,
        query_id: self.portal_url_vars.query_id,
        solution_id: self.portal.current_object_id
      }
      jQuery.ajax({
        type: 'PUT',
        url: self.updateUrl,
        async: false,
        data: params,
        success: function(data) {
          (useful == self.usefulness.no && data.other_articles) ? 
            self.drawEmailBotArticleWidget(data.other_articles, self.portal_url_vars.query_id) : 
            self.closeBotHelpWidget(useful);
        }
      });
    },
    constructArticlesHref : function(other_articles, query_id) {
      var href = "";
      var self = this;
      other_articles.forEach(function(item) {
        var solution_url_with_query = item.url + "?query_id=" + query_id;
        href += "<li><a href='" + solution_url_with_query + "'><b>" + self.constructTitle(item.title) + "</b></a></li>";
      })
      return href;
    },
    shouldNotConstructWidget : function(data) {
      // do not construct widget if the ticket is closed or the all three articles are marked not-useful
      return data.ticket_closed || data.positive_feedback || (data.useful == this.usefulness.no && !data.other_articles) ? true : false;
    },
    fillHelpWidget : function(html) {
      jQuery('.do-you-find-it-helpful').html(html);
    },
    botTicketContent : function() {
      jQuery('.bot-ticket-content').html(this.ticketHelptextHtml + this.ticketContentHtml + this.buttonHtml);
    },
    drawEmailBotTicketWidget: function() {
      this.fillHelpWidget(this.botTicketHtmlContent);
      this.botTicketContent();
    },
    botArticleContent : function(other_articles, query_id) {
      var hrefs_html = this.constructArticlesHref(other_articles, query_id);
      jQuery('.bot-article-content').html(this.articleHelpTextHtml + hrefs_html);
    },
    drawEmailBotArticleWidget : function(other_articles, query_id) {
      this.fillHelpWidget(this.botArticleHtmlContent);
      this.botArticleContent(other_articles, query_id);
    },
    constructTitle : function(title) {
      title = (title.length < 50) ? title : title.substr(0,50) + "...";
      return escapeHtml(title);
    },
    closeBotHelpWidget : function(useful) {
      useful ? jQuery('.do-you-find-it-helpful').html(this.finalMessageUseful) : jQuery('.do-you-find-it-helpful').html(this.finalMessageNotUseful);
    },
    constructWidget : function() {
      jQuery(this.widgetHtml).appendTo("body");
    }
  }
    
    jQuery(document).ready(function(){

    var freddyEmailBot = new FreddyEmailBot();

    console.log(freddyEmailBot.getUrlVars());

    if( freddyEmailBot.portal.current_tab == freddyEmailBot.requiredTab) {
      freddyEmailBot.showEmailBotHelpWidget();
    }

    jQuery(document).on("click", ".email-bot-helpful", function(e){
      var useful = this.classList.contains("btn-primary");
      useful = (useful) ? freddyEmailBot.usefulness.yes : freddyEmailBot.usefulness.no;
      freddyEmailBot.updateBotResponse(useful);
    });
  });
</script>




<script> 
    jQuery(document).ready(function(){
            document.querySelector(".article-body").insertBefore(document.querySelector(".fd-callout--note"), document.querySelector(".article-body").lastChild);
          if(localStorage.getItem("active_plan") == "true"){
              document.getElementById("new_plan").style.display = "none" 
              document.getElementById("old_plan").style.display = "block" 

              document.getElementById("previous_plan").classList.add("active_plan");
              document.getElementById("current_plan").classList.add("inactive_plan");
          }else{
              document.getElementById("new_plan").style.display = "block" 
              document.getElementById("old_plan").style.display = "none"
                
              document.getElementById("current_plan").classList.add("active_plan");
              document.getElementById("previous_plan").classList.add("inactive_plan");
          }
    });
  
    function displayContent(display_element,hide_element,current_plan,previous_plan){
       var displayItem = document.getElementById(display_element)
       var hideItem = document.getElementById(hide_element)
       localStorage.clear();
       if(current_plan == "previous_plan"){
          localStorage.setItem("active_plan","true")
       }else{
          localStorage.setItem("active_plan","false")
       }
       displayItem.style.display = "block";
       hideItem.style.display = "none";
       
       document.getElementById(current_plan).classList = "active_plan";
       document.getElementById(previous_plan).classList = "inactive_plan";
  }
</script>

  </div>
</div>






<div class='patternbox'>
  <div class='page'>
    <h3> Sign up for Freshdesk today </h3>
    <p class="sub-text">Start your 14-day free trial. No credit card required. No strings attached.</p>
    <a href='https://www.freshworks.com/freshdesk/signup/'> Start Free Trial </a>
    
  </div>
</div>








<div class="footer-area">
  <div class="page no-padding">
    <div class="footer-wrapper">
      <div class="footer-links">
        <div class="fl-1">
          <ul>
            <li>Our Products</li>
            <!-- Updating this for Project Hercules 29/12/22 
            <li><a href="https://freshdesk.com?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer">Freshdesk Support Desk</a></li>
            <li><a href="https://freshservice.com?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer">Freshservice</a></li> 
            <li><a href="https://www.freshworks.com/freshdesk/">Freshdesk</a></li>
            <li><a href="https://www.freshworks.com/freshservice/">Freshservice</a></li>
            <li><a href="https://www.freshworks.com/freshsales-crm/?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer">Freshsales</a></li>
            <li><a href="https://www.freshworks.com/freshcaller-cloud-pbx/?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer">Freshdesk Contact Center</a></li>
            <li><a href="https://www.freshworks.com/hrms/?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer" style="display:inline-block;">Freshteam</a><a href="https://www.freshworks.com/applicant-tracking/?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer" class="new-tag hide-in-mobile" style="display: inline-block;padding: 2px 6px;color: #fff; font-size: .6rem; left:3px;">NEW</a></li>
            <li><a href="https://www.freshworks.com/live-chat-software/?utm_source=freshdesk&utm_medium=referral-fd&utm_campaign=fd-footer" style="display:inline-block;">Freshchat</a><a href="https://www.freshworks.com/freshchat-livechat-software/?utm_source=freshdesk&amp;utm_medium=referral-fd&amp;utm_campaign=fd-footer" class="new-tag hide-in-mobile" style="display: inline-block;padding: 2px 6px;color: #fff; font-size: .6rem; left:3px;">NEW</a></li>
            <li><a href="https://www.freshworks.com/marketing-automation/?utm_source=freshworks&utm_medium=referral&utm_campaign=freshdesksupport_footer_main" style="display:inline-block;">Freshmarketer</a><a href="https://www.freshworks.com/marketing-automation/conversion-rate-optimization/?utm_source=freshworks&utm_medium=referral&utm_campaign=freshdesksupport_footer_main" class="new-tag hide-in-mobile" style="display: inline-block;padding: 2px 6px;color: #fff; font-size: .6rem; left:3px;">NEW</a></li>
            <li><a href="https://www.freshworks.com/website-monitoring/?utm_source=freshping&utm_medium=referral&utm_campaign=freshdesksupport_footer_main" style="display:inline-block;">Freshping</a><a href="https://www.freshworks.com/website-monitoring/?utm_source=freshping&utm_medium=referral&utm_campaign=freshdesksupport_footer_main" class="new-tag hide-in-mobile" style="display: inline-block;padding: 2px 6px;color: #fff; font-size: .6rem; left:3px;">NEW</a></li>
--> 

            <li><a href="https://www.freshworks.com/freshdesk/">Freshdesk</a></li>
            <li><a href="https://www.freshworks.com/freshservice/">Freshservice</a></li>
            <li><a href="https://www.freshworks.com/crm/sales/">Freshsales</a></li>
            <li><a href="https://www.freshworks.com/freshcaller-cloud-pbx/">Freshdesk Contact Center</a></li>
            <li><a href="https://www.freshworks.com/hrms/">Freshteam</a></li>
            <li><a href="https://www.freshworks.com/live-chat-software/">Freshchat</a></li>
            <li><a href="https://www.freshworks.com/crm/marketing/">Freshmarketer</a></li>
            <li><a href="https://www.freshworks.com/survey/">Freshsurvey</a></li>
          </ul>
        </div>
        <div class="fl-2">
          <ul>
            <li>Company</li>
            <li><a href="https://www.freshworks.com/company/about/">About us</a></li>
            <li><a href="https://www.freshworks.com/company/leadership/">Leadership</a></li>
            <li><a href="https://www.freshworks.com/company/investors/">Investors</a></li>
            <li><a href="https://www.freshworks.com/company/careers/">Careers</a></li>
          </ul>
        </div>
        <div class="fl-3">
          <ul>
            <li>Freshdesk</li>
            <li><a href="https://www.freshworks.com/freshdesk/helpdesk-features/">Features</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/pricing/">Pricing</a></li>
            <li><a href="https://www.freshworks.com/apps/freshdesk/">Apps</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/customers/">Customers</a></li>
            <li><a href="https://www.freshworks.com/academy/">Training</a></li>
            <li><a href="https://developers.freshdesk.com/v2/docs/your-first-app/">API &amp; Developers</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/resources/">Resources</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/blog/articles/">Blog</a></li>
            <li><a href="https://www.freshworks.com/company/partners/">Resellers</a></li>
          </ul>
          
        </div>
        
        <div class="fl-4">
          <ul>
            <li>Top Features</li>
            <li><a href="https://www.freshworks.com/freshdesk/ticketing/">Ticketing</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/multichannel-support/">Multichannel</a></li>
            <!--li><a href="#">Collaboration</a></li-->
            <li><a href="https://www.freshworks.com/freshdesk/productivity/">Productivity</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/self-service/">Self Service</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/global-helpdesk/">Global Support</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/secure-helpdesk/">Secure Helpdesk</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/reporting-analytics/">Reporting &amp; Analytics</a></li>
            <li><a href="https://www.freshworks.com/freshdesk/help-desk-software/">Helpdesk Software</a></li>
          </ul>
        </div>
        
        <div class="fl-5">
          <ul>
            <li >Mobile apps</li>
            <li class="img-store top-space-small bottom-space-small">
              <a class="a-inline" href="https://apps.apple.com/ca/app/freshdesk/id849713306"><img src="https://www.freshworks.com/freshdesk/static-assets/images/common/icons/img-apple-store.png/" width="128"></a>
              <a class="a-inline" href="http://ad.apps.fm/ozXtEc5ZI9HQ_q2ra73VL15KLoEjTszcQMJsV6-2VnHFDLXitVHB6BlL95nuoNYffAIOoczw-YGfIaoZYt7xO4LNOZ4hHcXlOAoj_MgX7b8gZe2OOIvCAxOQtZGmw1KoF6ewiom4sKC4xZyurG0g7Q"><img src="https://www.freshworks.com/freshdesk/static-assets/images/common/icons/img-google-play.png/" width="128"></a>				
            </li>
          </ul>
        </div>
        
        <div class="fl-6">
          <ul class="f-social fmenu contact-us">
            <li class="fhead">Connect with us</li>
            <li class="top-space-small bottom-space-small" id="footer-social-icons">
					<a href="http://www.linkedin.com/company/1377014" class="linkedin"><i class="icon-linkedin"></i></a>
					<a href="https://www.facebook.com/freshdesk/" class="fb"><i class="icon-facebook"></i></a>
              		<a href="https://twitter.com/freshdesk" class="twitter"><i class="icon-twitter"></i></a>
                    <a href="https://www.youtube.com/freshdesk" class="youtube"><i class="icon-youtube-play"></i></a>
					<a href="https://plus.google.com/104314544092549602183/posts" class="googleplus"><i class="icon-google-plus"></i></a>
				</li>
            
          </ul>
        </div>
        
      </div>
    </div>
  </div>

  
  <div class="fg-12 page contact_footer">
		<ul class="f-contact fmenu">
				<li class="fhead">Sales &amp; Support</li>
				<li class="top-space-small">
                  <span class="f-phone">
             			<i class="icon-phone"></i>
             			<span>+1 (866) 832-3090</span>
             		</span>
				</li>
				<li class="top-space-small">
					<i class="icon-envelope"></i>
					<span class="f-mail-span"><a href="mailto:support@freshdesk.com" class="f-mail">support@freshdesk.com</a></span>
				</li>
			</ul>
	</div>
  
  

  
  <div class="footer-copyright-area">
    <div class='page no-padding'>
      <div class="footer-terms">
        <ul class='clearfix'>
          <li><a href="https://www.freshworks.com/terms/" rel="noreferrer"> Terms of service </a></li>
          <li><a href="https://www.freshworks.com/privacy/" rel="noreferrer"> Privacy policy </a></li>
        </ul>
      </div>
      <div class="copy omega">
        <p> Copyright © Freshworks Inc. All Rights Reserved. </p>
      </div>
    </div>
  </div>
</div>



<script type="text/javascript">
  if (typeof(_gaq) !== "undefined") {
    jQuery('body').on('click', '.attachment .file-name', function(ev) {
      _gaq.push(['_trackEvent', 'Downloads', jQuery(ev.target).text()]);
    })
  }
</script>

<!--- For Twitter Facebook Share buttons ---->
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script type="text/javascript">
  window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return}js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,"script","twitter-wjs"));
</script>

<script type="text/javascript">
  var contact_number = {'US': '<i class="flags flag-usa"></i><span>+1 (866) 832-3090</span>', 'IN': '<i class="flags flag-india"></i><span>+91 (44) 6667 8040</span>', 'UK':'<i class="flags flag-uk"></i><span>+44 (800) 808 5790</span>', 'AU':'<i class="flags flag-aus"></i><span>+61 (281) 884 692</span>'};
  jQuery(document).on('session-loaded', function(ev, session){
    var location = session.location || { countryCode: "US" };
    if(contact_number[location.countryCode]){      
       jQuery("#region-contact").html(contact_number[location.countryCode]);
    }
  });
  jQuery('.hamburger').on('click',function() {
    if (jQuery('.nav-menu').hasClass('active')) {
      jQuery('.nav-menu,.hamburger').removeClass('active');
    } else {
      jQuery('.nav-menu,.hamburger').addClass('active');
    }
  });
  if (jQuery(window).width() <= 720) {
    jQuery('.footer-wrapper .parent2').prepend(jQuery('.footer-wrapper .f-contact')).prepend(jQuery('.footer-wrapper .parent2 .fg-4'));
    jQuery('.fmenu li.fhead').on("click",function(ev) {
      if(jQuery(this).hasClass("active")){
        jQuery(this).removeClass('active');
        jQuery(this).siblings().slideToggle();
      }else{
        jQuery('.fmenu').find('li.fhead.active').removeClass('active').siblings().slideToggle();
        jQuery(this).addClass('active');
        ev.preventDefault();
        jQuery( ev.target ).siblings().slideToggle();		    	
      }
    });
  }
</script>

<!--- Script for Freshbots starts here ---->
<!--
<input type="hidden" id="fd-joe-id" value="erwin@zand-bergen.nl"/>
<script> (
  function (d, w) 
  { 
    var n = d.getElementsByTagName('script')[0], s = d.createElement('script'); 
    s.id = "spd-busns-spt"; 
    s.async = "async"; 
    s.src = 'https://cdn.freshbots.ai/assets/share/js/fbotsChat.min.js'; 
    s.setAttribute("data-client", "1f4c49603723f49cbe0d914323bbfc867caca6ed"); 
    //s.setAttribute("data-client-toggle", ".fd-joe-bots"); 
    n.parentNode.insertBefore(s, n); 
  })
  (document, window); 
</script> 
<!--- Script For Frankbot Ends ---->


<!--- Script for Freshchat starts here 
<link rel="stylesheet" type="text/css" href="https://snippets.freshchat.com/css/fc-pre-chat-form.css">
<style>
  .chat-fc-form li select {
    width: 100%;
    height: 39px;
  }
  input#chat-fc-forced {
    position: relative;
    bottom: 11px;
  }
  li.chatForced label {
    left: 10px;
  }
</style>
<!-- Old form starts here 
<script>

  var WEB_CHAT_TOKEN = "f85a28ef-098f-45e1-93a5-105bf9f31903";
  
  var user_form = '\
<div class="chat-fc-form-outer">\
<p class="header">Chat with us<span class="minimize" onclick="on_fc_pre_form_close()"><i>--</i></span></p>\
<div class="form" dir="auto">\
<form class="chat-fc-form">\
<ul>\
<li>\
<p></p>\
<label>Name:<span> *</span></label>\
<input type="name" id="chat-fc-name" onblur="fc_validate_on_blur(event);" required/>\
<div class="pre-fc-error fc-hide" id="chat-fc-name-error">Please enter a valid name</div>\
</li>\
<li>\
<p></p>\
<label>Email:<span> *</span></label>\
<input type="email" id="chat-fc-email" onblur="fc_validate_on_blur(event);" required/>\
<div class="pre-fc-error fc-hide" id="chat-fc-email-error">Please enter a valid email</div>\
</li>\
<li>\
<p></p>\
<label>You are: <span> *</span></label>\
<select onChange="selectOnChange(event);" class="drop-down" id="chat-fc-lang" required>\
<option value="">Select Option</option>\
<option value="presales">Evaluating Freshdesk</option>\
<option value="support">A customer already</option>\
</select>\
</select>\
<div class="pre-fc-error fc-hide" id="chat-fc-lang-error">Please select an option</div>\
</li>\
<li>\
<p></p>\
<label>Freshdesk URL:<span> *</span></label>\
<input type="name" id="chat-fc-url" required/>\
<div class="pre-fc-error fc-hide" id="chat-fc-url-error">Please enter a valid url</div>\
</li>\
</ul>\
</form>\
<a href="#" class="fc-button" onclick="on_fc_pre_form_submit(); return false;">Chat now</a>\
</div>\
<p></p>\
<p></p>\
<p></p>\
</div>\
';
<!-- old form ends here --> 

<!-- Old form starts here -->
<!--
<script>

  var WEB_CHAT_TOKEN = "f85a28ef-098f-45e1-93a5-105bf9f31903";
  
  var user_form = '\
<div class="chat-fc-form-outer">\
<p class="header">Chat with us<span class="minimize" onclick="on_fc_pre_form_close()"><i>--</i></span></p>\
<div class="form" dir="auto">\
<form class="chat-fc-form">\
<ul>\
<li>\
<p></p>\
<label><b>Something exciting is cooking, we will be back shortly!</b></label>\
</li>\
</ul>\
</form>\
</div>\
</div>\
';
  
  function on_fc_pre_form_submit() {
    var form = document.querySelector(".chat-fc-form");
    form.classList.add("submitted");
    if (form.checkValidity()) {
      console.log("Form valid.");
      var submit_button = document.querySelector(".chat-fc-form-outer .fc-button");
      submit_button.classList.add("submitted");
      var tags = document.getElementById("chat-fc-lang").value;
      window.fcWidget.setTags(tags.split());
      window.fcWidget.user.create({
        firstName: document.getElementById("chat-fc-name").value,
        email: document.getElementById("chat-fc-email").value,
        meta: {
          contact_reason: document.getElementById("chat-fc-lang").value,
          url: document.getElementById("chat-fc-url").value
        }
      },function(resp) {
        console.log(resp);
        if (resp.success === true) {
          window.fcSettings.chatCustomData.userCreated = true;
          document.querySelector(".chat-fc-form-outer").style.visibility = 'hidden';
          document.querySelector("#fc_frame #fc_widget").style.visibility = 'visible';
          submit_button.classList.remove("submitted");
        }
        else {
          submit_button.classList.remove("submitted");
          console.log('error updating user');
        }
      });
    } else {
      console.log("Form invalid.");
      fc_validate_on_submit();
    }
  }
  
  function fc_validate_on_blur(event) {
    console.log('error on blur event');
    var fieldId = event.target.id;
    
    var input_error_mapping = {
      "chat-fc-name" : "chat-fc-name-error",
      "chat-fc-email" : "chat-fc-email-error",
      "chat-fc-phone" : "chat-fc-phone-error",
      "chat-fc-lang" : "chat-fc-lang-error",
      "chat-fc-url" : "chat-fc-url-error"
    };
    if (document.querySelector('#'+fieldId).value == "") {
      console.log('empty Value');
      document.querySelector('#'+input_error_mapping[fieldId]).style.display = "none";
    }
    else {
      if (document.querySelector('#'+fieldId).checkValidity() === false) {
        console.log(fieldId+' is invalid');
        document.querySelector('#'+input_error_mapping[fieldId]).style.display = "block";
      }
      else {
        console.log('else');
        document.querySelector('#'+input_error_mapping[fieldId]).style.display = "none";
      }
    }
  }
  
  function fc_validate_on_submit() {
    console.log('error on form');
    if (document.querySelector('#chat-fc-name').checkValidity() === false) {
      console.log('name is invalid');
      document.querySelector('#chat-fc-name-error').style.display = "block";
    }
    else {
      document.querySelector('#chat-fc-name-error').style.display = "none";
    }
    if (document.querySelector('#chat-fc-url').checkValidity() === false) {
      console.log('url is invalid');
      document.querySelector('#chat-fc-url-error').style.display = "block";
    }
    else {
      document.querySelector('#chat-fc-url-error').style.display = "none";
    }
    if (document.querySelector('#chat-fc-lang').checkValidity() === false) {
      console.log('smartcard is invalid');
      document.querySelector('#chat-fc-lang-error').style.display = "block";
    }
    else {
      document.querySelector('#chat-fc-lang-error').style.display = "none";
    }
    if (document.querySelector('#chat-fc-email').checkValidity() === false) {
      console.log('email is invalid');
      document.querySelector('#chat-fc-email-error').style.display = "block";
    }
    else {
      document.querySelector('#chat-fc-email-error').style.display = "none";
    }
    if (document.querySelector('#chat-fc-phone').checkValidity() === false) {
      console.log('phone is invalid');
      document.querySelector('#chat-fc-phone-error').style.display = "block";
    }
    else {
      document.querySelector('#chat-fc-phone-error').style.display = "none";
    }
  }
  function selectOnChange(event) {
    console.log('dropdown changed');
  }
  function on_fc_pre_form_close() {
    console.log("Form close clicked.");
    window.fcWidget.close();
    document.querySelector(".chat-fc-form-outer").style.visibility = 'hidden';
    document.querySelector("#fc_frame #fc_widget").style.visibility = 'visible';
  }
  
  window.fcSettings = {
    token: WEB_CHAT_TOKEN,
    host: "https://wchat.freshchat.com",
    locale: "es",
    config: {
      cssNames: {
        widget: 'custom_fc_frame',
      }
    },
    chatCustomData: {
      userCreated: false,
      formCreated: false,
    },
    onInit: function() {
      window.fcWidget.on("widget:loaded", function(resp) {
        console.log("widget loaded.");
        document.querySelector(".custom_fc_frame").style.visibility = 'visible';
        window.fcWidget.user.isExists(function(response) {
          if (response.data === false) {
            window.fcSettings.chatCustomData.userCreated = false;
          }
          else {
            window.fcSettings.chatCustomData.userCreated = true;
          }
        });
      });
      window.fcWidget.on("user:created", function(resp) {
        console.log("User created.");
        console.log(resp);
      });
      window.fcWidget.on("widget:opened", function(resp) {
        console.log('Widget Opened');
        if (!window.fcSettings.chatCustomData.userCreated) {
          document.querySelector("#fc_frame #fc_widget").style.visibility = 'hidden';
          if (!window.fcSettings.chatCustomData.formCreated) {
            var tmp = document.createElement('div');
            tmp.innerHTML = user_form;
            document.body.appendChild(tmp.children[0]);
            window.fcSettings.chatCustomData.formCreated = true;
          } else {
            document.querySelector(".chat-fc-form-outer").style.visibility = 'visible';
          }
        }
      });
    }
  };

</script>
<script src="https://wchat.freshchat.com/js/widget.js" async></script>
  <style>
    .chat-fc-form-outer div.form a.fc-button {
      background-color: #067660;
      text-decoration: none;
      width: 95%;
      margin-top: 40px;
    }
    .chat-fc-form-outer p.header {
      margin: 0;
      background-color: #067660;
    }
    .chat-fc-form-outer div.form{
      padding: 0 20px;
    }
    .chat-fc-form-outer div.form ul li label {
      position: initial;
      padding: 0;
      margin:  0;
    }
    .chat-fc-form-outer div.form ul li input {
      width: 94%;
      margin-top: 8px;
    }
    .chat-fc-form li select {
      margin-top: 8px;
    }
    
    div.form ul li {
      margin-bottom: 0;
    }
    
    @media screen and (max-width: 640px) {
      div.chat-fc-form-outer {
        height: 100%;
      }
      .chat-fc-form-outer div.form {
        height: 100%;
      }
      .chat-fc-form {
       height: 72%;
      }
    }
  </style>
-->



<script type="text/javascript">
   jQuery('.hc-search-input').prepend('<i class="icon-search"></i>');
</script>

 

<!-- Navbar Fixed Code -->

<script type="text/javascript">
   jQuery(window).scroll(function(e) {
       var scroller_anchor = jQuery("#sticky_anchor").offset().top;
       if (jQuery(this).scrollTop() >= scroller_anchor && jQuery('#sticky_head').css('position') != 'fixed') {
           jQuery('#sticky_head').removeClass('navbar-static').addClass('navbar-fixed');
           var navbar_height = jQuery('#sticky_head').innerHeight();
           jQuery('#sticky_anchor').css('height', navbar_height + 'px');
           var sticky_height = jQuery('#sticky_head').height();
           // jQuery('.ui-autocomplete').css({'position': 'fixed', 'top' : sticky_height + 'px'});
       } else if (jQuery(this).scrollTop() < scroller_anchor && jQuery('#sticky_head').css('position') != 'relative') {
           jQuery('#sticky_anchor').css('height', '0px');
           jQuery('#sticky_head').removeClass('navbar-fixed').addClass('navbar-static');
           var sticky_height = jQuery('#sticky_head').height();
           var offset = sticky_height + jQuery('#sticky_head').offset().top;
           // jQuery('.ui-autocomplete').css({'position': 'absolute', 'top' : offset + 'px' });
       }
   });
</script>

<script type="text/javascript">
   jQuery(document).ready(function() {

       if (portal.current_tab != "home") {
           var lastScrollTop = 0;

           jQuery(window).on("scroll", function(event) {
               var st = jQuery(this).scrollTop();
               if (st > lastScrollTop) {
                   jQuery("header").addClass("initial");
                   jQuery(".page-tabs").addClass("page_initial_down");
                   jQuery(document).find(".ui-autocomplete").css("top", jQuery(".hc-search-input").outerHeight() - 10);
               } else {
                   jQuery("header").removeClass("initial");
                   jQuery(".page-tabs").removeClass("page_initial_down");
                   jQuery(".ui-autocomplete").css("top", jQuery(".hc-search-input").position().top + jQuery(".hc-search-input").outerHeight() - 10 + "px");
               }
               lastScrollTop = st;
           });
       }


       jQuery(window).on('scroll', function() {
           if (portal.current_tab != "home") {
               jQuery(".ui-autocomplete").css("position", "fixed");
               if (jQuery(".navbar-fixed").length) {
                   jQuery(".ui-autocomplete").css("top", jQuery(".hc-search-input").position().top + (jQuery(".hc-search-input").outerHeight() - 10) + "px");
               } else {
                   jQuery(".ui-autocomplete").css("top", jQuery(".hc-search-input").position().top + jQuery(".hc-search-input").outerHeight() + 30 + "px");
               }

           } else {
               jQuery(".ui-autocomplete").css("position", "absolute");
               jQuery(".ui-autocomplete").css("z-index", "0");
               jQuery(".ui-autocomplete").css("top", jQuery(".portal-banner .hc-search-input").position().top + jQuery(".portal-banner .hc-search-input").outerHeight() - 10 + "px");
           }
       });


       if (jQuery(window).width() <= 720) {

           jQuery(".action-bar").click(function() {
               jQuery("#menu-icon").toggleClass("open_arrow");
               jQuery("#page-tabs").slideToggle();
           });
       }

       jQuery("[data-url-portal]").click(function() {
           window.location.href = jQuery(this).attr("data-url-portal");
       });

       if (jQuery(".current_page_item").length) {

           jQuery(".nav-link a").mouseenter(function() {
               var leftpos = parseInt(jQuery(this).position().left) + 25;
               jQuery("span.underline").animate({
                   left: leftpos,
                   width: jQuery(this).width()
               }, {
                   duration: 70
               });
           });


           jQuery("#page-tabs").mouseleave(function() {
               var leftpos = parseInt(jQuery(".current_page_item a").position().left) + 25;
               jQuery("span.underline").animate({
                   left: leftpos,
                   width: jQuery(".current_page_item a").width()
               }, {
                   duration: 70
               });
           });


           var leftpos = parseInt(jQuery(".current_page_item a").position().left) + 25;
           jQuery("span.underline").animate({
               left: leftpos,
               width: jQuery(".current_page_item a").width()
           }, {
               duration: 70
           });
       } else {
           jQuery(".underline").hide();
       }


       jQuery(".nav-contact #region-contact").mouseover(function() {
           jQuery(".nav-contant-phonenumbers").show();
       });

       jQuery(".nav-contant-phonenumbers, .nav-contact.phonenumber_dropdown").mouseleave(function() {
           jQuery(".nav-contant-phonenumbers").hide();
       });

       jQuery(".mobile_view_contacts > li a").click(function() {
           jQuery(this).next().slideToggle();
           jQuery(this).toggleClass("nav-sub-toggle");
       });

       if (jQuery(window).width() <= 720) {
           jQuery(".nav-burger").click(function() {
               jQuery(".nav-wrapper").toggleClass("opened");
               jQuery(".gradient_bg ").toggleClass("opened_menu");
               jQuery(".screen").toggle();
           });
       }

       jQuery(".footer-links ul li:first-child").click(function() {
           jQuery(this).toggleClass("open_footer_menu");
           jQuery(this).siblings("li").toggle();
       });
   });

   jQuery(window).load(function() {
       jQuery('.ui-autocomplete-input').attr('placeholder', 'Go ahead, ask us anything ');
       jQuery('.search_in_header  .ui-autocomplete-input').attr('placeholder', "Search articles and discussions");
   });

   //jQuery('#page-tabs').cleanWhitespace();

   function cleanWhitespace() {
       this.contents().filter(
               function() {
                   return (this.nodeType == 3 && !/\S/.test(this.nodeValue));
               })
           .remove();
       return this;
   }




   jQuery('#freshchat_link').click(function() {
       jQuery('#fc_chat_header').trigger('click');
   });

   // Prototype hack to fix tweet button loading
   // https://twittercommunity.com/t/twitter-2015-uncaught-typeerror-cannot-set-property-object-array-of-undefined-widgets-js-1/31610
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce 
   Array.prototype.reduce = function(e) {
       "use strict";
       if (this == null) {
           throw new TypeError("Array.prototype.reduce called on null or undefined")
       }
       if (typeof e !== "function") {
           throw new TypeError(e + " is not a function")
       }
       var t = Object(this),
           n = t.length >>> 0,
           r = 0,
           i;
       if (arguments.length == 2) {
           i = arguments[1]
       } else {
           while (r < n && !r in t) {
               r++
           }
           if (r >= n) {
               throw new TypeError("Reduce of empty array with no initial value")
           }
           i = t[r++]
       }
       for (; r < n; r++) {
           if (r in t) {
               i = e(i, t[r], r, t)
           }
       }
       return i
   }
</script>

<!-- Sessionjs START -->
<!-- for showing region based contact number on the top header -->
<script type="text/javascript">
   window.session = {
       options: {
           // Default Settings Example
           // Use the HTML5 Geolocation API
           // this ONLY returns lat & long, no city/address
           use_html5_location: false,
           // Attempts to use IPInfoDB if provided a valid key
           // Get a key at http://ipinfodb.com/register.php
           ipinfodb_key: "5762384f7e95020da94cfd030d79770c3ec19e238d7cf1dc090f15f576b8c968",
           // Leaving true allows for fallback for both
           // the HTML5 location and the IPInfoDB
           gapi_location: false,
           // Name of the location cookie (set blank to disable cookie)
           //   - WARNING: different providers use the same cookie
           //   - if switching providers, remember to use another cookie or provide checks for old cookies
           location_cookie: "location",
           // Location cookie expiration in hours
           location_cookie_timeout: 5,
           // Session expiration in days
           session_timeout: 32,
           // Session cookie name (set blank to disable cookie)
           session_cookie: "first_session"
       },
       start: function(session) {
           // Session location loaded into window.session and first argument.
           jQuery(document).trigger("session-loaded", [session]);
       }
   };
</script>
<script src="https://d1z9ryalr1cz6s.cloudfront.net/js/session-0.4-ad34.js"></script>
<!--script src="https://d1z9ryalr1cz6s.cloudfront.net/js/session.min.js"></script-->
<!-- Sessionjs END -->
<script>
   (function(i, s, o, g, r, a, m) {
       i['GoogleAnalyticsObject'] = r;
       i[r] = i[r] || function() {
           (i[r].q = i[r].q || []).push(arguments)
       }, i[r].l = 1 * new Date();
       a = s.createElement(o),
           m = s.getElementsByTagName(o)[0];
       a.async = 1;
       a.src = g;
       m.parentNode.insertBefore(a, m)
   })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

   ga('create', 'UA-29847110-2', 'auto');
   ga('send', 'pageview');
</script>
<script src='//cdn.freshmarketer.com/61608/70421.js'></script>
<!--- Script for Heldwidget starts here starts here ---->

<script>
window.fwSettings={
'widget_id':50000000006
};
!function(){if("function"!=typeof window.FreshworksWidget){var n=function(){n.q.push(arguments)};n.q=[],window.FreshworksWidget=n}}()
</script>
<script type='text/javascript' src='https://widget.freshworks.com/widgets/50000000006.js' async defer></script>

<script type='text/javascript'>

FreshworksWidget('prefill', 'ticketForm', {
email: 'erwin@zand-bergen.nl',


  custom_fields:{
    bu:'Freshdesk'
  }
});
FreshworksWidget('hide', 'ticketForm', ['custom_fields.cf_escalation_comments'])
  FreshworksWidget('hide', 'ticketForm', ['custom_fields.cf_escalate'])



</script>

<!-- PLEASE DO NOT REMOVE THE CODE BELOW- CONTACT BHARGHAVI IN CASE OF ANY QUESTIONS -->
<script>
  jQuery(document).ready(function(){
    var company = "zand-bergen.nl";
    console.log(company);
    if(company == "crimsoni.com"){
      FreshworksWidget('hide');
      initiate();
       }
  });
  function initiate(){
   function initFreshChat() {
    window.fcWidget.init({        
     token: "f85a28ef-098f-45e1-93a5-105bf9f31903",
      host: "https://wchat.freshchat.com",
      email:"erwin@zand-bergen.nl",
      firstName: "Erwin"
    });
  }
  function initialize(i,t){var e;i.getElementById(t)?initFreshChat():((e=i.createElement("script")).id=t,e.async=!0,e.src="https://wchat.freshchat.com/js/widget.js",e.onload=initFreshChat,i.head.appendChild(e))}function initiateCall(){initialize(document,"freshchat-js-sdk")}window.addEventListener?window.addEventListener("load",initiateCall,!1):window.attachEvent("load",initiateCall,!1);
  }
</script>

<script type="text/javascript">
  jQuery(document).ready(function() {
    if (window.location.href.indexOf("extremely_happy") > -1) 
    {
      	jQuery('.ques-desc:contains("The agent provided a satisfactory resolution for your concerns")').parent().remove();
            	jQuery('.ques-desc:contains("The product serves your business requirements")').parent().remove();

       	jQuery('#survey_feedback').attr("placeholder", "If you don’t mind taking a few moments to provide your feedback, we would really appreciate it");
    }

    else if (window.location.href.indexOf("very_happy") > -1) 
    {
      	jQuery('.ques-desc:contains("The agent provided a satisfactory resolution for your concerns")').parent().remove();
      
        jQuery('.ques-desc:contains("The product serves your business requirements")').parent().remove();

       	jQuery('#survey_feedback').attr("placeholder", "If you don’t mind taking a few moments to provide your feedback, we would really appreciate it");
    }
    
     else if (window.location.href.indexOf("neutral") > -1) 
    {
      jQuery('#survey_feedback').before("<div id='feedback'>Please leave your contact number if you would like one of our supervisors to reach out to you regarding this ticket.</div>");		    
       	jQuery('#survey_feedback').attr("placeholder", " ");

    
    }
    
    else 
    {
      jQuery('#survey_feedback').before("<div id='feedback'>We'd be glad to improve upon any pointers you wish to share, as it would enable us to assist you better.\nAlso, please leave your contact number if you would like one of our supervisors to reach out to you regarding this ticket.</div>");		    
   
           	jQuery('#survey_feedback').attr("placeholder", " ");

    }
  });
    
</script>





			<script src="https://assets7.freshdesk.com/assets/cdn/portal_bottom-35d4277b1a5d34ef7103d818938eb7414de389996bfb4041fe92001ba37d9560.js"></script>

		<script src="https://assets4.freshdesk.com/assets/cdn/redactor-10a54c9b6ce9a442c8a2e6a131947e0d106a4af7c5b98360494520fc5245be28.js"></script> 
		<script src="https://assets6.freshdesk.com/assets/cdn/lang/en-4a75f878b88f0e355c2d9c4c8856e16e0e8e74807c9787aaba7ef13f18c8d691.js"></script>
		<!-- for i18n-js translations -->
  		<script src="https://assets6.freshdesk.com/assets/cdn/i18n/portal/en-0d1dd644fa691c3168d98f602492a36aa6049ac528e698aefeebfa6c9ea5b324.js"></script>
		<!-- Including default portal based script at the bottom -->
		<script>
//<![CDATA[
	
	jQuery(document).ready(function() {
					
		// Setting the locale for moment js
		moment.lang('en');

		var validation_meassages = {"required":"This field is required.","remote":"Please fix this field.","email":"Please enter a valid email address.","url":"Please enter a valid URL.","date":"Please enter a valid date.","dateISO":"Please enter a valid date ( ISO ).","number":"Please enter a valid number.","digits":"Please enter only digits.","creditcard":"Please enter a valid credit card number.","equalTo":"Please enter the same value again.","two_decimal_place_warning":"Value cannot have more than 2 decimal digits","select2_minimum_limit":"Please type %{char_count} or more letters","select2_maximum_limit":"You can only select %{limit} %{container}","maxlength":"Please enter no more than {0} characters.","minlength":"Please enter at least {0} characters.","rangelength":"Please enter a value between {0} and {1} characters long.","range":"Please enter a value between {0} and {1}.","max":"Please enter a value less than or equal to {0}.","min":"Please enter a value greater than or equal to {0}.","select2_maximum_limit_jq":"You can only select {0} {1}","facebook_limit_exceed":"Your Facebook reply was over 8000 characters. You'll have to be more clever.","messenger_limit_exceeded":"Oops! You have exceeded Messenger Platform's character limit. Please modify your response.","not_equal_to":"This element should not be equal to","email_address_invalid":"One or more email addresses are invalid.","twitter_limit_exceed":"Oops! You have exceeded Twitter's character limit. You'll have to modify your response.","password_does_not_match":"The passwords don't match. Please try again.","valid_hours":"Please enter a valid hours.","reply_limit_exceed":"Your reply was over 2000 characters. You'll have to be more clever.","url_format":"Invalid URL format","url_without_slash":"Please enter a valid URL without '/'","link_back_url":"Please enter a valid linkback URL","requester_validation":"Please enter a valid requester details or <a href=\"#\" id=\"add_requester_btn_proxy\">add new requester.</a>","agent_validation":"Please enter valid agent details","email_or_phone":"Please enter a Email or Phone Number","upload_mb_limit":"Upload exceeds the available 15MB limit","invalid_image":"Invalid image format","atleast_one_role":"At least one role is required for the agent","invalid_time":"Invalid time.","remote_fail":"Remote validation failed","trim_spaces":"Auto trim of leading & trailing whitespace","hex_color_invalid":"Please enter a valid hex color value.","name_duplication":"The name already exists.","invalid_value":"Invalid value","invalid_regex":"Invalid Regular Expression","same_folder":"Cannot move to the same folder.","maxlength_255":"Please enter less than 255 characters","decimal_digit_valid":"Value cannot have more than 2 decimal digits","atleast_one_field":"Please fill at least {0} of these fields.","atleast_one_portal":"Select atleast one portal.","custom_header":"Please type custom header in the format -  header : value","same_password":"Should be same as Password","select2_no_match":"No matching %{container} found","integration_no_match":"no matching data...","time":"Please enter a valid time","valid_contact":"Please add a valid contact","field_invalid":"This field is invalid","select_atleast_one":"Select at least one option."}	

		jQuery.extend(jQuery.validator.messages, validation_meassages );


		jQuery(".call_duration").each(function () {
			var format,time;
			if (jQuery(this).data("time") === undefined) { return; }
			if(jQuery(this).hasClass('freshcaller')){ return; }
			time = jQuery(this).data("time");
			if (time>=3600) {
			 format = "hh:mm:ss";
			} else {
				format = "mm:ss";
			}
			jQuery(this).html(time.toTime(format));
		});
	});

	// Shortcuts variables
	var Shortcuts = {"global":{"help":"?","save":"mod+return","cancel":"esc","search":"/","status_dialog":"mod+alt+return","save_cuctomization":"mod+shift+s"},"app_nav":{"dashboard":"g d","tickets":"g t","social":"g e","solutions":"g s","forums":"g f","customers":"g c","reports":"g r","admin":"g a","ticket_new":"g n","compose_email":"g m"},"pagination":{"previous":"alt+left","next":"alt+right","alt_previous":"j","alt_next":"k"},"ticket_list":{"ticket_show":"return","select":"x","select_all":"shift+x","search_view":"v","show_description":"space","unwatch":"w","delete":"#","pickup":"@","spam":"!","close":"~","silent_close":"alt+shift+`","undo":"z","reply":"r","forward":"f","add_note":"n","scenario":"s"},"ticket_detail":{"toggle_watcher":"w","reply":"r","forward":"f","add_note":"n","close":"~","silent_close":"alt+shift+`","add_time":"m","spam":"!","delete":"#","show_activities_toggle":"}","properties":"p","expand":"]","undo":"z","select_watcher":"shift+w","go_to_next":["j","down"],"go_to_previous":["k","up"],"scenario":"s","pickup":"@","collaboration":"d"},"social_stream":{"search":"s","go_to_next":["j","down"],"go_to_previous":["k","up"],"open_stream":["space","return"],"close":"esc","reply":"r","retweet":"shift+r"},"portal_customizations":{"preview":"mod+shift+p"},"discussions":{"toggle_following":"w","add_follower":"shift+w","reply_topic":"r"}};
	
	// Date formats
	var DATE_FORMATS = {"non_us":{"moment_date_with_week":"ddd, D MMM, YYYY","datepicker":"d M, yy","datepicker_escaped":"d M yy","datepicker_full_date":"D, d M, yy","mediumDate":"d MMM, yyyy"},"us":{"moment_date_with_week":"ddd, MMM D, YYYY","datepicker":"M d, yy","datepicker_escaped":"M d yy","datepicker_full_date":"D, M d, yy","mediumDate":"MMM d, yyyy"}};

	var lang = { 
		loadingText: "Please Wait...",
		viewAllTickets: "View all tickets"
	};


//]]>
</script> 

		

		<img src='/en/support/solutions/articles/50000009780-accessibility-of-your-knowledge-base-articles/hit' alt='Article views count' aria-hidden='true'/>
		<script type="text/javascript">
     		I18n.defaultLocale = "en";
     		I18n.locale = "en";
		</script>
		
    	

	</body>
</html>


Was dit artikel nuttig?

Dat is fantastisch!

Hartelijk dank voor uw beoordeling

Sorry dat we u niet konden helpen

Hartelijk dank voor uw beoordeling

Laat ons weten hoe we dit artikel kunnen verbeteren!

Selecteer tenminste een van de redenen
CAPTCHA-verificatie is vereist.

Feedback verzonden

We stellen uw moeite op prijs en zullen proberen het artikel te verbeteren