Welcome
Hassle-Free Water Filtration
Home
Product Information
>
Asheville NC Water Filtration
Satifaction Guarantee
Water Analysis Request
Service Request
Product Registration
H2O Easy Dealer Portal
Blog
About Us
Contact Us
</div> </div> <div class="wsite-spacer" style="height:21px;"></div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-wrap"> <div class="container"> <div class="footer"><div class='wsite-elements wsite-footer'> <div><div id="530337714154600457" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><script language='javascript1.1'> var nr_placeid = 'ChIJM0eNooiMWYgREoo8o8R0U7k'; var nr_width = 900; var nr_height = 345; var nr_directreviewbox = 0; var nr_buttonCol = "df4a32"; // Amend this value to change your review button colour (hex color values only rrggbb) var nr_transparency = false; // Set this to true to have a transparent widget with no border </script> <script language='javascript1.1' src='https://www.netrite.net/google-review-code/googlereviews_ssl.js'></script> </div> </div> <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;"> <table class="wsite-multicol-table"> <tbody class="wsite-multicol-tbody"> <tr class="wsite-multicol-tr"> <td class="wsite-multicol-col" style="width:25.731558004285%; padding:0 15px;"> <div style="text-align:left;"><div style="height:70px;overflow:hidden"></div> <span class="wsite-social wsite-social-default"><a class='wsite-social-item wsite-social-mail' href='mailto:info@h2oeasy.com' target='_blank' alt-text='Mail'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-facebook' href='//facebook.com/H2OEASY' target='_blank' alt-text='Facebook'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-twitter' href='//twitter.com/h2oeasy' target='_blank' alt-text='Twitter'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-plus' href='//plus.google.com/110434543761417838681' target='_blank' alt-text='Plus'><span class='wsite-social-item-inner'></span></a><a class='wsite-social-item wsite-social-instagram' href='//instagram.com/h2oeasyfiltration' target='_blank' alt-text='Instagram'><span class='wsite-social-item-inner'></span></a></span> <div style="height:0px;overflow:hidden"></div></div> </td> <td class="wsite-multicol-col" style="width:24.33134123149%; padding:0 15px;"> <div class="wsite-spacer" style="height:11px;"></div> <div><div id="848840903417999456" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><img src='https://chart.googleapis.com/chart?cht=qr&chl=BEGIN%3AVCARD%0AVERSION%3A3.0%0AN%3AHanson%3BChris%0AFN%3AChris%20Hanson%0AORG%3AH2O%20Easy%20Filtration%20Products%20%26%20Service%0ATITLE%3Aowner%0AADR%3A%3B%3BPO%20Box%206185%3BAsheville%3BNC%3B28816%3BUSA%0ATEL%3BWORK%3BVOICE%3A828-236-9555%0ATEL%3BCELL%3A828-772-4648%0ATEL%3BFAX%3A%0AEMAIL%3BWORK%3BINTERNET%3Ainfo%40h2oeasy.com%0AURL%3Awww.h2oeasy.com%0ABDAY%3A%0AEND%3AVCARD%0A&chs=200x200&choe=UTF-8&chld=L|2' rel='nofollow' alt='qr code'><a href='http://www.qrcode-generator.de' border='0' style='cursor:default' rel='nofollow'></a></div> </div> </td> <td class="wsite-multicol-col" style="width:24.937100764224%; padding:0 15px;"> <h2 class="wsite-content-title" style="text-align:center;"><font size="4">Contact today for a<br />free CONSULTATION<br />​Local: <br />828-236-9555 <br />​<br />Toll Free:<br />844-426-3279</font></h2> </td> <td class="wsite-multicol-col" style="width:25%; padding:0 15px;"> <div class="wsite-search-element-outer"><div class="wsite-search-element-align-right" style="padding: 60px 0 0px 0"> <form class="wsite-search-element-form" action="/apps/search" method="get"> <div class="wsite-search-element"> <input class="wsite-input wsite-search-element-input" type="text" name="q" placeholder="Search" autocomplete="off" /> <span class="wsite-search-element-submit" title="Search"></span> </div> </form> </div></div> </td> </tr> </tbody> </table> </div></div></div> <div class="paragraph" style="text-align:center;"><font color="#ffffff">Copyright © 2008</font></div></div></div> </div><!-- end container --> </div><!-- end footer-wrap --> </div><!-- /.wrapper --> <div id="navMobile" class="nav mobile-nav"> <label class="hamburger"><span></span></label> <ul class="wsite-menu-default"> <li id="pg822119555310090698" class="wsite-menu-item-wrap"> <a href="/" class="wsite-menu-item" > Welcome </a> </li> <li id="pg844689989958799881" class="wsite-menu-item-wrap"> <a href="/hassle-free-water-filtration.html" class="wsite-menu-item" > Hassle-Free Water Filtration </a> </li> <li id="pg702121439114613810" class="wsite-menu-item-wrap"> <a href="/home.html" class="wsite-menu-item" > Home </a> <div class="wsite-menu-wrap" style="display:none"> <ul class="wsite-menu"> <li id="wsite-nav-330636953121487177" class="wsite-menu-subitem-wrap " > <a href="/product-information.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Product Information </span><span class="wsite-menu-arrow">></span> </a> <div class="wsite-menu-wrap" style="display:none"> <ul class="wsite-menu"> <li id="wsite-nav-359370199313877383" class="wsite-menu-subitem-wrap " > <a href="/asheville-nc-water-filtration.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Asheville NC Water Filtration </span> </a> </li> <li id="wsite-nav-130147909761948248" class="wsite-menu-subitem-wrap " > <a href="/satifaction-guarantee.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Satifaction Guarantee </span> </a> </li> </ul> </div> </li> <li id="wsite-nav-763985783521227132" class="wsite-menu-subitem-wrap " > <a href="/water-analysis-request.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Water Analysis Request </span> </a> </li> <li id="wsite-nav-474101804419474280" class="wsite-menu-subitem-wrap " > <a href="/service-request.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Service Request </span> </a> </li> <li id="wsite-nav-637082537882009555" class="wsite-menu-subitem-wrap " > <a href="/product-registration.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> Product Registration </span> </a> </li> <li id="wsite-nav-274227906722082675" class="wsite-menu-subitem-wrap " > <a href="/h2o-easy-dealer-portal.html" class="wsite-menu-subitem" > <span class="wsite-menu-title"> H2O Easy Dealer Portal </span> </a> </li> </ul> </div> </li> <li id="pg760788696595847305" class="wsite-menu-item-wrap"> <a href="/blog.html" class="wsite-menu-item" > Blog </a> </li> <li id="pg727008125478851945" class="wsite-menu-item-wrap"> <a href="/about-us.html" class="wsite-menu-item" > About Us </a> </li> <li id="active" class="wsite-menu-item-wrap"> <a href="/contact-us.html" class="wsite-menu-item" > Contact Us </a> </li> </ul> </div> <script type="text/javascript" src="/files/theme/plugins.js?1521753706"></script> <script type="text/javascript" src="/files/theme/custom.js?1521753706"></script> <div id="460471388123910247"><div><style type="text/css"> #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 #mobileMinimizedTPL { position: fixed; height: 5px; width: 100%; left: 0px; bottom: 0px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 #mobileMinimizedTPL .chat-logo-mobile-container { position: fixed; bottom: 0px; height: 35px; width: 35px; text-align: center; border-radius: 6px; left: 9px; background-color: inherit; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 #mobileMinimizedTPL .chat-logo-mobile-container .chat-logo-mobile { width: 25px; height: 25px; position: relative; bottom: -3px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .dark-scheme { background-color: rgba(54,59,62,0.9); border: 1px solid rgba(54,59,62,0.9); } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .dark-scheme .header { background-color: #363b3e; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .blue-scheme { background-color: rgba(41,144,234,0.9); border: 1px solid rgba(41,144,234,0.9); } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .blue-scheme .header { background-color: #2990ea; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .red-scheme { background-color: rgba(221,103,78,0.9); border: 1px solid rgba(221,103,78,0.9); } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .red-scheme .header { background-color: #dd674e; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .teal-scheme { background-color: rgba(0,172,173,0.9); border: 1px solid rgba(0,172,173,0.9); } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .teal-scheme .header { background-color: #00acad; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer { font-family: Open Sans; font-weight: 400; position: fixed; bottom: 0px; right: 20px; width: 350px; height: 300px; transition: height 1s, width 1s; border-radius: 3px 3px 0px 0px; border-bottom: none; overflow: hidden; text-align: left; line-height: normal; font-size: initial; color: #606060; z-index: 20; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header { padding-top: 10px; padding-bottom: 11px; color: #f8f8f8; text-align: center; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .icon { position: absolute; top: 3px; width: 25px; height: 38px; text-align: center; cursor: pointer; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .icon.minimize-chat { right: 30px; font-size: 30px; line-height: 30px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .icon.minimize-chat::before { content: "-"; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .icon.end-chat { right: 5px; top: 7px; font-size: 18px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .icon.end-chat::before { content: "×"; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .mobile-minimize-x { display: none; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-contacting { display: none; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input textarea.message { line-height: 60px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input { display: block; position: absolute; bottom: -80px; width: 350px; height: 80px; background-color: #ffffff; border-top: 1px solid #e5e5e5; transition: bottom 1s; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer textarea, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input textarea { padding-top: 10px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer textarea.message, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input textarea.message { border: 0px; width: 215px; height: 75px; padding-left: 20px; font-size: 16px; font-family: Open Sans; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer textarea.message:focus, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input textarea.message:focus { outline: 0; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer .send-message, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer .enter-email, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input .send-message, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input .enter-email { width: 80px; height: 40px; float: right; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; font-size: 15px; font-family: Open Sans; color: #2990ea; background-color: white; border: 1px solid rgba(88,96,102,0.5); border-radius: 2px; font-weight: bold; letter-spacing: 0.1px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.minimized { bottom: 0px; right: 20px; width: 230px; height: 40px; cursor: pointer; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.minimized .support-inner { display: none; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.minimized .header .icon { display: none; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body { position: absolute; width: 100%; top: 41px; height: calc(100% - 120px); overflow-y: scroll; background-color: #f8f8f8; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body .system-message { padding: 0px 20px 10px 20px; color: #9ba0a3; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body .error-message { padding: 0px 20px 10px 20px; color: #ff0033; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body div:first-child { padding-top: 20px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body .chat-message { padding: 0px 20px 10px 20px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body .chat-message .message-sender { font-weight: 600; float: left; padding-right: 8px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body .chat-message .user-sent { color: #2990ea; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .chat-body .chat-message .message-content { width: 250px; color: #3B3131; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.connected .footer { bottom: 0px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.email-entry .email-entry-input { bottom: 0px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-body { height: 100%; z-index: -10; transition: height 1s; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting { display: block; width: 100%; height: 260px; text-align: center; float: left; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting .contacting-message { font-size: 16px; font-weight: 400; margin-top: 20px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting .loading-dots { position: relative; top: 60px; margin: 0 auto; width: 56px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting .loading-dot { background-color: #FFFFFF; float: left; height: 8px; margin-left: 8px; width: 8px; -moz-animation-name: dot_flicker; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-border-radius: 10px; -webkit-animation-name: dot_flicker; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-border-radius: 10px; -ms-animation-name: dot_flicker; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-direction: normal; -ms-border-radius: 10px; -o-animation-name: dot_flicker; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-direction: normal; -o-border-radius: 10px; animation-name: dot_flicker; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: normal; border-radius: 4px; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting .loading-dot.dot-1 { -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting .loading-dot.dot-2 { -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.contacting .chat-contacting .loading-dot.dot-3 { -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s; -ms-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .clearfix { overflow: auto; zoom: 1; clear: both; } @media (max-width: 480px) { #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer { bottom: 0px; right: 0px; width: 100%; height: 100%; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer.minimized { right: 0px; width: 100%; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .footer, #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .email-entry-input { width: 100%; } #element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845 .support-chat-outer .header .mobile-minimize-x { display: block; font-size: 33px; width: 75px; position: absolute; left: -4%; bottom: -9%; } } </style><div id="element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845" data-platform-element-id="164540971817949929-0.0.1" class="platform-element-contents"> <link rel="stylesheet" type="text/css" href="//marketplace.editmysite.com/elements/164540971817949929-0.0.1/assets/imports.css"> <div class="support-chat-outer minimized" style="display:none;"> <div class="header"> <span class='icon'></span> <span class="title">Chris is available to chat now</span> <span class="icon minimize-chat"></span> <span class="icon end-chat"></span> <span class="close"></span> <span class="mobile-minimize-x">×</span> </div> <div class="support-inner"> <div class="support-wrap"> <div class="chat-contents"> <div class="chat-contacting"> <div class="loading-dots"> <div class="loading-dot dot-1"></div> <div class="loading-dot dot-2"></div> <div class="loading-dot dot-3"></div> </div> <div class="contacting-message"> <p>Connecting</p> </div> </div> <div class="chat-body"> </div> <div class="footer"> <textarea type="text" name="message" placeholder=" Type message here" class="message user-message"></textarea> <button class="button send-message">Send</button> <div class="clear"></div> </div> <div class="email-entry-input"> <textarea type="text" name="message" placeholder="Enter e-mail here" class="message user-email"></textarea> <button class="button enter-email">Submit</button> <div class="clear"></div> </div> </div> </div> </div> </div> <div id="mobileMinimizedTPL" class="dark-scheme" style="display:none"> <div class="chat-logo-mobile-container" class="dark-scheme"> <img src="//marketplace.editmysite.com/elements/164540971817949929-0.0.1/assets/simplechat_logo.png" class="chat-logo-mobile"> </div> </div> <div id="userMessageTPL" style="display:none"> <div class="chat-message"> <span class="message-sender user-sent">You:</span> <span class="message-content">::content::</span> <div class="clearfix"></div> </div> </div> <div id="agentMessageTPL" style="display:none"> <div class="chat-message"> <span class="message-sender agent-sent">::agent_name::</span> <span class="message-content">::content::</span> <div class="clearfix"></div> </div> </div> <div id="systemMessageTPL" style="display:none"> <div class="system-message">::content::</div> </div> <div id="errorMessageTPL" style="display:none"> <div class="error-message">::content::</div> </div> </div> <div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement460471388123910247() { var requireFunc = window.platformElementRequire || window.require; // Relies on a global require, specific to platform elements requireFunc([ 'w-global', 'underscore', 'jquery', 'backbone', 'util/platform/elements/PlatformElement', 'util/platform/elements/PlatformElementSettings' ], function( _W, _, $, Backbone, PlatformElement, PlatformElementSettings ) { var dependencies = ["\/\/marketplace.editmysite.com\/elements\/164540971817949929-0.0.1\/js\/socket.js"] || []; var platform_element_id = "164540971817949929-0.0.1"; if (typeof _W.loadedPlatformDependencies === 'undefined') { _W.loadedPlatformDependencies = []; } if (typeof _W.platformElements === 'undefined') { _W.platformElements = []; } if (typeof _W.platformElements[platform_element_id] === 'undefined') { _W.platformElements[platform_element_id] = {}; _W.platformElements[platform_element_id].deferredObject = new $.Deferred(); _W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise(); } if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){ _.reduce(dependencies, function(promise, nextScript){ _W.loadedPlatformDependencies.push(nextScript); return promise.then(function(){ return $.getScript(nextScript); }); }, $().promise()).then(function(){ _W.platformElements[platform_element_id].deferredObject.resolve(); }); } if (dependencies.length === 0){ _W.platformElements[platform_element_id].deferredObject.resolve(); } _W.platformElements[platform_element_id].deferredPromise.done(function(){ var _ElementDefinition = PlatformElement.extend({ ws_url: '//ws.simple.chat', api_url: '//api.simple.chat', initialize: function(options){ var view = this; view.page_title = document.title; view.moveElementIfNeeded(); view.third_party_id = view.user_id + "-" + view.site_id; view.simple_chat_cookie = view.getCookie('simple_chat_id'); (view.simple_chat_cookie.length) ? view.fetchChat() : view.pollForAvailability(); view.mql = window.matchMedia("(max-width: 480px)"); view.mql.addListener(view.handleMediaChange.bind(this)); view.handleMediaChange(view.mql); view.updateElementColorScheme(); if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support view.page_hidden = "hidden"; var visibilityChange = "visibilitychange"; } else if (typeof document.mozHidden !== "undefined") { view.page_hidden = "mozHidden"; var visibilityChange = "mozvisibilitychange"; } else if (typeof document.msHidden !== "undefined") { view.page_hidden = "msHidden"; var visibilityChange = "msvisibilitychange"; } else if (typeof document.webkitHidden !== "undefined") { view.page_hidden = "webkitHidden"; var visibilityChange = "webkitvisibilitychange"; } document.addEventListener(visibilityChange, function() { if (!document[view.page_hidden]) { view.updateTitle(); } }, false); }, events: { 'click .minimized .header': 'toggleChatWindow', 'click .minimize-chat': 'toggleChatWindow', 'click .send-message': 'sendMessage', 'click .end-chat': 'clientEndChat', 'keydown .message': 'keyPressEventHandler', 'click .enter-email': 'sendChatRequest', 'click .mobile-minimize-x': 'toggleMobileMinimize', 'click .chat-logo-mobile': 'toggleMobileMinimize' }, default_messages: { agents_unavailable: 'Sorry, no agents are currently available. Try back soon!', agent_inactivity: 'This conversation is being disconnected due to inactivity from the agent.', client_inactivity: 'This conversation is being disconnected due to inactivity.', enter_email: "Please enter your email address below, and we'll contact an agent.", email_error: 'Please enter a valid e-mail address.' }, system_messages: { 'agent-connected': 'You are now connected with an agent.' }, default_timeout_lengths: { agent_initial_response: 60000 * 5, agent_inactivity: 60000 * 10, client_inactivity: 60000 * 10 }, color_schemes: [ 'dark-scheme', 'blue-scheme', 'red-scheme', 'teal-scheme' ], displayed: false, is_minimized: function(){ return this.$el.find('.support-chat-outer').hasClass('minimized'); }, is_connected: function(){ return this.$el.find('.support-chat-outer').hasClass('connected'); }, is_disconnected: function(){ return this.$el.find('.support-chat-outer').hasClass('disconnected'); }, is_contacting: function(){ return this.$el.find('.support-chat-outer').hasClass('contacting'); }, is_contacting_or_connected: function(){ return this.is_contacting() || this.is_connected(); }, is_mobile_minimized: function(){ return this.$el.find('#mobileMinimizedTPL').is(':visible'); }, toggleMobileMinimize: function(e){ e.stopPropagation(); if (this.is_mobile_minimized()){ this.$el.find('#mobileMinimizedTPL').fadeOut(); this.$el.find('.support-chat-outer').fadeIn(); } else { this.$el.find('.support-chat-outer').fadeOut(); this.$el.find('#mobileMinimizedTPL').fadeIn(); } }, moveElementIfNeeded: function(){ if (!this.$el.is(':visible')) { this.$el.prependTo('body'); } }, scrollToBottom: function(){ var view = this; this.$el.find('.chat-body').scrollTop(this.$el.find('.chat-body')[0].scrollHeight); if (view.is_minimized()) { view.toggleChatWindow(); } }, updateElementColorScheme: function(){ var color_scheme = this.settings.get('color_scheme'); var old_classes = this.color_schemes; old_classes.splice(old_classes.indexOf(color_scheme), 1); this.$el.find('.support-chat-outer').switchClass(old_classes.join(" "), color_scheme); this.$el.find('#mobileMinimizedTPL').switchClass(old_classes.join(" "), color_scheme); }, pollForAvailability: function(){ var view = this; setInterval(function(){ if (view.is_minimized() && !view.is_connected()) { view.displayChat(); } }, 5000); }, toggleChatWindow: function() { var view = this; if (view.is_minimized() && !view.is_contacting_or_connected()){ view.initializeChat(); if (!view.initialized) { view.initialized = true; view.showSystemMessage(view.default_messages.enter_email); } } else if (view.is_minimized() && view.is_contacting_or_connected()){ view.$el.find('.support-chat-outer').removeClass('minimized'); view.scrollToBottom(); } else if (!view.is_minimized()){ view.$el.find('.support-chat-outer').addClass('minimized'); } view.handleMediaChange(view.mql); }, initializeChat: function() { var view = this; var $outer = view.$el.find('.support-chat-outer'); $outer.removeClass('minimized').addClass('email-entry'); }, availableAgent: function() { var view = this; return $.ajax({ url: view.api_url+'/users/available', type: 'GET', data: { user_id: view.user_id, site_id: view.site_id } }); }, displayChat: function() { var view = this; this.availableAgent().done(function(response){ if (response.available === true){ if (!view.displayed){ view.showChat(); } } else { if (view.displayed) { view.hideChat(); } } }); }, showChat: function() { this.$el.find('.support-chat-outer').show(); this.displayed = true; }, hideChat: function() { this.$el.find('.support-chat-outer').hide(); this.displayed = false; }, sendChatRequest: function(){ var view = this; var email = view.$el.find('.user-email').val().trim(); if (view.validateEmail(email)){ var $outer = view.$el.find('.support-chat-outer'); $outer.removeClass('email-entry').addClass('contacting'); view.handleMediaChange(view.mql); view.emptyChatBody(); if (!view.is_connected()){ $.ajax({ url: view.api_url + "/chats", type: "POST", data: { third_party_id: view.third_party_id, third_party_type: 'weebly', client_name: email } }).done(function(response){ if (response.id) { view.chatSetup(response.id); view.setCookie('simple_chat_id', view.chat_id, 1); } }); } } else { view.showErrorMessage(view.default_messages.email_error); } }, // taken from http://stackoverflow.com/questions/46155/validate-email-address-in-javascript validateEmail: function(email){ var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i; return re.test(email); }, fetchChat: function(){ var view = this; $.ajax({ url: view.api_url + "/chats/" + view.simple_chat_cookie, type: "GET" }).done(function(response){ if (response.expired){ view.clearCookie('simple_chat_id'); view.pollForAvailability(); } else { view.chatSetup(response.id); view.updateAgentName(response.users_agent.name); view.showSavedChat(response.status, response.messages); } }); }, showSavedChat: function(status, messages){ var view = this; view.showChat(); if (status === 'pending'){ view.$el.find('.support-chat-outer').removeClass('minimized').addClass('contacting'); } else { view.$el.find('.support-chat-outer').removeClass('minimized').addClass('connected'); for (var i = 0; i < messages.length; i++) { if (messages[i].sender_id === 0 && messages[i].recipient_id === 1){ view.showSystemMessage(view.system_messages[messages[i].body]); } else if (messages[i].sender_id === 1){ view.showUserMessage(messages[i].body); } else if (messages[i].sender_id === 2){ view.showAgentMessage(messages[i].body); } }; } view.startInactivityTimers(); view.handleMediaChange(view.mql); }, emptyChatBody: function(){ this.$el.find('.chat-body').empty(); }, startInitialTimeoutTimer: function(){ var view = this; view.initialTimeout = window.setTimeout(function(){ if (view.is_contacting()){ view.killChat('agent_timed_out'); view.$el.find('.support-chat-outer').removeClass('contacting').addClass('disconnected'); view.showSystemMessage(view.default_messages.agents_unavailable); } }, view.default_timeout_lengths.agent_initial_response); }, startAgentInactivityTimer: function(){ var view = this; view.agentInactivityTimeout = window.setTimeout(function(){ if (view.is_connected()){ view.killChat('agent_timed_out'); view.$el.find('.support-chat-outer').removeClass('connected').addClass('disconnected'); view.showSystemMessage(view.default_messages.agent_inactivity); } }, view.default_timeout_lengths.agent_inactivity); }, startClientInactivityTimer: function(){ var view = this; view.clientInactivityTimeout = window.setTimeout(function(){ if (view.is_connected()){ view.killChat('client_timed_out'); view.$el.find('.support-chat-outer').removeClass('connected').addClass('disconnected'); view.showSystemMessage(view.default_messages.client_inactivity); } }, view.default_timeout_lengths.client_inactivity); }, startInactivityTimers: function(){ this.startAgentInactivityTimer(); this.startClientInactivityTimer(); }, clientEndChat: function(event){ var view = this; if (view.is_contacting_or_connected()){ if(confirm("Are you sure you would like to end chat?")){ view.toggleChatWindow(); view.killChat(); view.chatShutDown(); view.emptyChatBody(); } } else { view.toggleChatWindow(); view.chatShutDown(); view.emptyChatBody(); view.initialized = false; } }, killChat: function(status){ var view = this; status = status || 'client_ended'; $.ajax({ url: view.api_url + "/chats/" + view.chat_id, type: "DELETE", async: false, data: { status: status } }); }, connectToSocket: function(){ var view = this; if (view.chat_id){ view.socket.emit('create-simple-chat-room', view.chat_id); !view.socket_events_initialized && view.initSocketEvents(); } }, initSocketEvents: function(){ var view = this; view.socket_events_initialized = true; view.socket.on('system-message', function(message){ if (message === 'agent-connected') { view.$el.find('.support-chat-outer').removeClass('contacting').addClass('connected'); var agent_name = view.agent_name ? view.agent_name : 'an agent.'; view.showSystemMessage('You are now chatting with '+agent_name+'.'); view.startInactivityTimers(); } else if (message === 'agent-disconnected') { view.chatShutDown(); } else if (message === 'agent-unavailable') { view.$el.find('.support-chat-outer').removeClass('contacting'); view.showSystemMessage(view.default_messages.agents_unavailable); } else { view.showSystemMessage(message); } }); view.socket.on('agent-name', function(agent_name){ view.updateAgentName(agent_name); }) view.socket.on('chat-message', function(message){ view.showAgentMessage(message); view.resetTimeout(view.agentInactivityTimeout, true); }); }, updateAgentName: function(agent_name){ this.agent_name = agent_name || 'Agent'; this.$el.find('.message-sender.agent-sent').html(this.agent_name + ':'); }, chatShutDown: function(){ this.$el.find('.support-chat-outer').removeClass('connected').addClass('disconnected'); this.clearTimeouts(); this.clearCookie('simple_chat_id'); }, chatSetup: function(chat_id){ var view = this; view.socket = io(view.ws_url); view.chat_id = chat_id; view.startInitialTimeoutTimer(); view.connectToSocket(); }, showSystemMessage: function(message){ var view = this; var messageString = view.$el.find('#systemMessageTPL').html(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); view.updateTitle(); }, showErrorMessage: function(message){ var view = this; var messageString = view.$el.find('#errorMessageTPL').html(); view.$el.find('.chat-body .error-message').remove(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); }, showAgentMessage: function(message){ var view = this; var messageString = view.$el.find('#agentMessageTPL').html(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); view.updateTitle(); }, showUserMessage: function(message){ var view = this; var messageString = view.$el.find('#userMessageTPL').html(); view.$el.find('.chat-body').append(messageString.replace('::content::', message)); view.scrollToBottom(); }, updateTitle: function() { var view = this; if (document[view.page_hidden]) { document.title = 'SimpleChat Message Received!'; } else { document.title = view.page_title; } }, keyPressEventHandler: function(event){ if(event.keyCode == 13){ event.preventDefault(); (this.is_connected()) ? this.sendMessage() : this.sendChatRequest(); } }, sendMessage: function(){ var view = this; var $message_input = view.$el.find('.user-message'); var message = $message_input.val().trim(); view.resetTimeout(view.clientInactivityTimeout, false); if (message.length > 0){ $.ajax({ url: view.api_url + "/chats/" + view.chat_id + "/messages", type: "POST", data: { body: message } }); $message_input.val(''); view.showUserMessage(message); } }, resetTimeout: function(timeoutId, isAgentTimeout){ window.clearTimeout(timeoutId); (isAgentTimeout) ? this.startAgentInactivityTimer() : this.startClientInactivityTimer(); }, clearTimeouts: function(){ window.clearTimeout(this.initialTimeout) && window.clearTimeout(this.clientInactivityTimeout) && window.clearTimeout(this.agentInactivityTimeout); }, handleMediaChange: function(mediaQueryList){ (mediaQueryList.matches && !this.is_minimized()) ? this.updateWeeblyHeadersZindex(0) : this.updateWeeblyHeadersZindex(''); }, updateWeeblyHeadersZindex: function(val){ // different weebly themes have different headers we need to hide when chatting var weeblyHeaderSelectors = ["#header-wrap", "#navigation"]; for (var i = 0; i < weeblyHeaderSelectors.length; i++) { $(weeblyHeaderSelectors[i]).css('z-index', val); $(weeblyHeaderSelectors[i]).children('*').css('z-index', val); }; }, // http://www.w3schools.com/js/js_cookies.asp setCookie: function(cname, cvalue, exdays){ var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires; }, clearCookie: function(cname){ this.setCookie(cname, '', -1); }, getCookie: function(cname){ var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length, c.length); } return ""; } }); ; if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') { var _ElementDefinition = PlatformElement.extend({}); } var _Element = _ElementDefinition.extend({ initialize: function() { // we still want to call the initialize function defined by the developer // however, we don't want to call it until placeholders have been replaced this.placeholderInterval = setInterval(function() { // so use setInterval to check for placeholders. if (this.$('.platform-element-child-placeholder').length == 0) { clearInterval(this.placeholderInterval); this.constructor.__super__.initialize.apply(this); } }.bind(this), 100); } }); _Element.prototype.settings = new PlatformElementSettings({"color_scheme":"blue-scheme","header_title":"Chris is available to chat now"}); _Element.prototype.settings.page_element_id = "460471388123910247"; _Element.prototype.element_id = "eac16f90-949c-4ca5-8e48-7d0a6a7ed845"; _Element.prototype.user_id = "4105953"; _Element.prototype.site_id = "466411002358179999"; _Element.prototype.assets_path = "//marketplace.editmysite.com/elements/164540971817949929-0.0.1/assets/"; new _Element({ el: '#element-eac16f90-949c-4ca5-8e48-7d0a6a7ed845' }); }); }); } if (typeof document.documentElement.appReady == 'undefined') { document.documentElement.appReady = 0; } if (document.documentElement.appReady || (window.inEditor && window.inEditor())) { setupElement460471388123910247(); } else if (document.createEvent && document.addEventListener) { document.addEventListener('appReady', setupElement460471388123910247, false); } else { document.documentElement.attachEvent('onpropertychange', function(event){ if (event.propertyName == 'appReady') { setupElement460471388123910247(); } }); } </script></div></div><div id="dialog-region"></div> <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-90374985-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-7870337-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wGA = '_gaq'; </script> <script type="text/javascript" async=1> ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[]; p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments) };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1; n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,'script','//cdn2.editmysite.com/js/wsnbn/snowday262.js','snowday')); var r = [99, 104, 101, 99, 107, 111, 117, 116, 46, 40, 119, 101, 101, 98, 108, 121, 124, 101, 100, 105, 116, 109, 121, 115, 105, 116, 101, 41, 46, 99, 111, 109]; var snPlObR = function(arr) { var s = ''; for (var i = 0 ; i < arr.length ; i++){ s = s + String.fromCharCode(arr[i]); } return s; }; var s = snPlObR(r); var regEx = new RegExp(s); _W.Analytics = _W.Analytics || {'trackers': {}}; _W.Analytics.trackers.wSP = 'snowday'; _W.Analytics.user_id = '4105953'; _W.Analytics.site_id = '466411002358179999'; (function(app_id, ec_hostname, discover_root_domain) { var track = window[_W.Analytics.trackers.wSP]; if (!track) return; track('newTracker', app_id, ec_hostname, { appId: app_id, post: true, platform: 'web', discoverRootDomain: discover_root_domain, cookieName: '_snow_', contexts: { webPage: true, performanceTiming: true, gaCookies: true }, crossDomainLinker: function (linkElement) { return regEx.test(linkElement.href); } }); track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id); track('crossDomainLinker', function (linkElement) { return regEx.test(linkElement.href); }); })( '_wn', 'ec.editmysite.com', true ); </script> <!-- Quantcast Tag --> <script type="text/javascript"> var _qevents = _qevents || []; (function() { var elem = document.createElement('script'); elem.src = "https://secure.quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); _qevents.push({ qacct:"p-0dYLvhSGGqUWo", labels:"l10,u4105953.u4105953s466411002358179999" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-0dYLvhSGGqUWo.gif?labels=l10,u4105953.u4105953s466411002358179999" border="0" height="1" width="1" alt="Quantcast"/> </div> </noscript> <!-- End Quantcast tag --> <script> (function(jQuery) { try { if (jQuery) { jQuery('div.blog-social div.fb-like').attr('class', 'blog-social-item blog-fb-like'); var $commentFrame = jQuery('#commentArea iframe'); if ($commentFrame.length > 0) { var frameHeight = jQuery($commentFrame[0].contentWindow.document).height() + 50; $commentFrame.css('min-height', frameHeight + 'px'); } if (jQuery('.product-button').length > 0){ jQuery(document).ready(function(){ jQuery('.product-button').parent().each(function(index, product){ if(jQuery(product).attr('target') == 'paypal'){ if (!jQuery(product).find('> [name="bn"]').length){ jQuery('<input>').attr({ type: 'hidden', name: 'bn', value: 'DragAndDropBuil_SP_EC' }).appendTo(product); } } }); }); } } else { // Prototype $$('div.blog-social div.fb-like').each(function(div) { div.className = 'blog-social-item blog-fb-like'; }); $$('#commentArea iframe').each(function(iframe) { iframe.style.minHeight = '410px'; }); } } catch(ex) {} })(window._W && _W.jQuery); </script> <div id="eu-cookie" class="notification" style="display: none;"> <span id="eu-cookie-content"></span> <span id="eu-cookie-close">✕</span> </div> <script type="text/javascript"> (function($) { window.cookie_location = ''; // this cookie_content should already be pre-encoded from CookieSettingView.js window.cookie_content = '' || _W.stl('templates.publish.virtual-includes.footerCode_1'); window.cookie_policy_key = '466411002358179999_cookie_policy'; window.cookie_content_hash = ''; if (!_W.getCookie(window.cookie_policy_key) || _W.getCookie(window.cookie_policy_key) !== window.cookie_content_hash){ if (window.cookie_location === 'top' || window.cookie_location === 'bottom'){ $('#eu-cookie-content').text(decodeURIComponent(window.cookie_content)); (window.cookie_location === 'top') ? animateFromTop() : animateFromBottom(); $('#eu-cookie').show(); } } $('#eu-cookie-close').click(function(){ _W.setCookie(window.cookie_policy_key, window.cookie_content_hash, 100000); $('#eu-cookie').hide(); }); function animateFromTop(){ $('#eu-cookie').css({ 'top': '0px', 'animation': 'reveal-top 1 2s' }); } function animateFromBottom(){ $('#eu-cookie').css({ 'bottom': '0px', 'animation': 'reveal-bottom 1 2s' }); } })(window._W && _W.jQuery); </script> </body> </html>
