TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System by welaunch

<!doctype html>   <html class="no-js " lang="en">  <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://codecanyon.net/item/totaldesk/20502693","20220521082253","https://web.archive.org/","web","/_static/", "1653121373"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/core/datadog-31cd5e61112f0c7c2f9671350fee5cfc4de6155c4c2ed01c6690fdae62d2c099.js" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: '19ae6341', sampleRate: 0.2, replaySampleRate: 0, trackInteractions: false, defaultPrivacyLevel: 'mask-user-input', }) //]]> </script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ var rollbarEnvironment = "production" //]]> </script> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/core/rollbar-a86e443338a6e0f95d27d14cc8449828a6d2579281d3dc368a02c07743ab099c.js" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> <meta content="origin-when-cross-origin" name="referrer"/> <link rel="dns-prefetch" href="//web.archive.org/web/20220521082253/https://s3.envato.com/"/> <link rel="preload" url="https://codecanyon.img.customer.envatousercontent.com/files/256998198/preview2.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=8000&max-w=590&s=3736964f0f3bbd515eb0b8cd3a18f960" as="image"/> <script type="text/javascript" nonce="6vnCpT7BsfD6+6VyMm6L8g==">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam-cell.nr-data.net","errorBeacon":"bam-cell.nr-data.net","licenseKey":"NRBR-281af528f2b1e2422b5","applicationID":"13909","transactionName":"NTU0DRQNDwshOmIZBRM3dQoODRRIJykhHA==","queueTime":1,"applicationTime":320,"agent":"","atts":"DXgvW1wZQRQtPChSS1QZNR0DIQIJPScjUl1UKD8PDxEKCCpqd1JATzs/T1VWUkU5NQ=="}</script> <script type="text/javascript" nonce="6vnCpT7BsfD6+6VyMm6L8g==">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam-cell.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"NRBR-281af528f2b1e2422b5",applicationID:"13909"};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var i=e[n]={exports:{}};t[n][0].call(i.exports,function(e){var i=t[n][1][e];return r(i||e)},i,i.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var i=0;i<n.length;i++)r(n[i]);return r}({1:[function(t,e,n){function r(){}function i(t,e,n,r){return function(){return s.recordSupportability("API/"+e+"/called"),o(t+e,[u.now()].concat(c(arguments)),n?null:this,r),n?void 0:this}}var o=t("handle"),a=t(9),c=t(10),f=t("ee").get("tracer"),u=t("loader"),s=t(4),d=NREUM;"undefined"==typeof window.newrelic&&(newrelic=d);var p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",v=l+"ixn-";a(p,function(t,e){d[e]=i(l,e,!0,"api")}),d.addPageAction=i(l,"addPageAction",!0),d.setCurrentRouteName=i(l,"routeName",!0),e.exports=newrelic,d.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(t,e){var n={},r=this,i="function"==typeof e;return o(v+"tracer",[u.now(),t,n],r),function(){if(f.emit((i?"":"no-")+"fn-start",[u.now(),r,i],n),i)try{return e.apply(this,arguments)}catch(t){throw f.emit("fn-err",[arguments,this,t],n),t}finally{f.emit("fn-end",[u.now()],n)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){m[e]=i(v,e)}),newrelic.noticeError=function(t,e){"string"==typeof t&&(t=new Error(t)),s.recordSupportability("API/noticeError/called"),o("err",[t,u.now(),!1,e])}},{}],2:[function(t,e,n){function r(t){if(NREUM.init){for(var e=NREUM.init,n=t.split("."),r=0;r<n.length-1;r++)if(e=e[n[r]],"object"!=typeof e)return;return e=e[n[n.length-1]]}}e.exports={getConfiguration:r}},{}],3:[function(t,e,n){var r=!1;try{var i=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("testPassive",null,i),window.removeEventListener("testPassive",null,i)}catch(o){}e.exports=function(t){return r?{passive:!0,capture:!!t}:!!t}},{}],4:[function(t,e,n){function r(t,e){var n=[a,t,{name:t},e];return o("storeMetric",n,null,"api"),n}function i(t,e){var n=[c,t,{name:t},e];return o("storeEventMetrics",n,null,"api"),n}var o=t("handle"),a="sm",c="cm";e.exports={constants:{SUPPORTABILITY_METRIC:a,CUSTOM_METRIC:c},recordSupportability:r,recordCustom:i}},{}],5:[function(t,e,n){function r(){return c.exists&&performance.now?Math.round(performance.now()):(o=Math.max((new Date).getTime(),o))-a}function i(){return o}var o=(new Date).getTime(),a=o,c=t(11);e.exports=r,e.exports.offset=a,e.exports.getLastTimestamp=i},{}],6:[function(t,e,n){function r(t,e){var n=t.getEntries();n.forEach(function(t){"first-paint"===t.name?l("timing",["fp",Math.floor(t.startTime)]):"first-contentful-paint"===t.name&&l("timing",["fcp",Math.floor(t.startTime)])})}function i(t,e){var n=t.getEntries();if(n.length>0){var r=n[n.length-1];if(u&&u<r.startTime)return;var i=[r],o=a({});o&&i.push(o),l("lcp",i)}}function o(t){t.getEntries().forEach(function(t){t.hadRecentInput||l("cls",[t])})}function a(t){var e=navigator.connection||navigator.mozConnection||navigator.webkitConnection;if(e)return e.type&&(t["net-type"]=e.type),e.effectiveType&&(t["net-etype"]=e.effectiveType),e.rtt&&(t["net-rtt"]=e.rtt),e.downlink&&(t["net-dlink"]=e.downlink),t}function c(t){if(t instanceof y&&!w){var e=Math.round(t.timeStamp),n={type:t.type};a(n),e<=v.now()?n.fid=v.now()-e:e>v.offset&&e<=Date.now()?(e-=v.offset,n.fid=v.now()-e):e=v.now(),w=!0,l("timing",["fi",e,n])}}function f(t){"hidden"===t&&(u=v.now(),l("pageHide",[u]))}if(!("init"in NREUM&&"page_view_timing"in NREUM.init&&"enabled"in NREUM.init.page_view_timing&&NREUM.init.page_view_timing.enabled===!1)){var u,s,d,p,l=t("handle"),v=t("loader"),m=t(8),g=t(3),y=NREUM.o.EV;if("PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){s=new PerformanceObserver(r);try{s.observe({entryTypes:["paint"]})}catch(h){}d=new PerformanceObserver(i);try{d.observe({entryTypes:["largest-contentful-paint"]})}catch(h){}p=new PerformanceObserver(o);try{p.observe({type:"layout-shift",buffered:!0})}catch(h){}}if("addEventListener"in document){var w=!1,b=["click","keydown","mousedown","pointerdown","touchstart"];b.forEach(function(t){document.addEventListener(t,c,g(!1))})}m(f)}},{}],7:[function(t,e,n){function r(t,e){if(!i)return!1;if(t!==i)return!1;if(!e)return!0;if(!o)return!1;for(var n=o.split("."),r=e.split("."),a=0;a<r.length;a++)if(r[a]!==n[a])return!1;return!0}var i=null,o=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var c=navigator.userAgent,f=c.match(a);f&&c.indexOf("Chrome")===-1&&c.indexOf("Chromium")===-1&&(i="Safari",o=f[1])}e.exports={agent:i,version:o,match:r}},{}],8:[function(t,e,n){function r(t){function e(){t(c&&document[c]?document[c]:document[o]?"hidden":"visible")}"addEventListener"in document&&a&&document.addEventListener(a,e,i(!1))}var i=t(3);e.exports=r;var o,a,c;"undefined"!=typeof document.hidden?(o="hidden",a="visibilitychange",c="visibilityState"):"undefined"!=typeof document.msHidden?(o="msHidden",a="msvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(o="webkitHidden",a="webkitvisibilitychange",c="webkitVisibilityState")},{}],9:[function(t,e,n){function r(t,e){var n=[],r="",o=0;for(r in t)i.call(t,r)&&(n[o]=e(r,t[r]),o+=1);return n}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],10:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,i=n-e||0,o=Array(i<0?0:i);++r<i;)o[r]=t[e+r];return o}e.exports=r},{}],11:[function(t,e,n){e.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(t,e,n){function r(){}function i(t){function e(t){return t&&t instanceof r?t:t?u(t,f,a):a()}function n(n,r,i,o,a){if(a!==!1&&(a=!0),!l.aborted||o){t&&a&&t(n,r,i);for(var c=e(i),f=m(n),u=f.length,s=0;s<u;s++)f[s].apply(c,r);var p=d[w[n]];return p&&p.push([b,n,r,c]),c}}function o(t,e){h[t]=m(t).concat(e)}function v(t,e){var n=h[t];if(n)for(var r=0;r<n.length;r++)n[r]===e&&n.splice(r,1)}function m(t){return h[t]||[]}function g(t){return p[t]=p[t]||i(n)}function y(t,e){l.aborted||s(t,function(t,n){e=e||"feature",w[n]=e,e in d||(d[e]=[])})}var h={},w={},b={on:o,addEventListener:o,removeEventListener:v,emit:n,get:g,listeners:m,context:e,buffer:y,abort:c,aborted:!1};return b}function o(t){return u(t,f,a)}function a(){return new r}function c(){(d.api||d.feature)&&(l.aborted=!0,d=l.backlog={})}var f="nr@context",u=t("gos"),s=t(9),d={},p={},l=e.exports=i();e.exports.getOrSetContext=o,l.backlog=d},{}],gos:[function(t,e,n){function r(t,e,n){if(i.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(o){}return t[e]=r,r}var i=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){i.buffer([t],r),i.emit(t,e,n)}var i=t("ee").get("handle");e.exports=r,r.ee=i},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,o,function(){return i++})}var i=1,o="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!M++){var t=T.info=NREUM.info,e=m.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&e))return u.abort();f(x,function(e,n){t[e]||(t[e]=n)});var n=a();c("mark",["onload",n+T.offset],null,"api"),c("timing",["load",n]);var r=m.createElement("script");0===t.agent.indexOf("http://")||0===t.agent.indexOf("https://")?r.src=t.agent:r.src=l+"://"+t.agent,e.parentNode.insertBefore(r,e)}}function i(){"complete"===m.readyState&&o()}function o(){c("mark",["domContent",a()+T.offset],null,"api")}var a=t(5),c=t("handle"),f=t(9),u=t("ee"),s=t(7),d=t(2),p=t(3),l=d.getConfiguration("ssl")===!1?"http":"https",v=window,m=v.document,g="addEventListener",y="attachEvent",h=v.XMLHttpRequest,w=h&&h.prototype,b=!1;NREUM.o={ST:setTimeout,SI:v.setImmediate,CT:clearTimeout,XHR:h,REQ:v.Request,EV:v.Event,PR:v.Promise,MO:v.MutationObserver};var E=""+location,x={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1216.min.js"},O=h&&w&&w[g]&&!/CriOS/.test(navigator.userAgent),T=e.exports={offset:a.getLastTimestamp(),now:a,origin:E,features:{},xhrWrappable:O,userAgent:s,disabled:b};if(!b){t(1),t(6),m[g]?(m[g]("DOMContentLoaded",o,p(!1)),v[g]("load",r,p(!1))):(m[y]("onreadystatechange",i),v[y]("onload",r)),c("mark",["firstbyte",a.getLastTimestamp()],null,"api");var M=0}},{}],"wrap-function":[function(t,e,n){function r(t,e){function n(e,n,r,f,u){function nrWrapper(){var o,a,s,p;try{a=this,o=d(arguments),s="function"==typeof r?r(o,a):r||{}}catch(l){i([l,"",[o,a,f],s],t)}c(n+"start",[o,a,f],s,u);try{return p=e.apply(a,o)}catch(v){throw c(n+"err",[o,a,v],s,u),v}finally{c(n+"end",[o,a,p],s,u)}}return a(e)?e:(n||(n=""),nrWrapper[p]=e,o(e,nrWrapper,t),nrWrapper)}function r(t,e,r,i,o){r||(r="");var c,f,u,s="-"===r.charAt(0);for(u=0;u<e.length;u++)f=e[u],c=t[f],a(c)||(t[f]=n(c,s?f+r:r,i,f,o))}function c(n,r,o,a){if(!v||e){var c=v;v=!0;try{t.emit(n,r,o,e,a)}catch(f){i([f,n,r,o],t)}v=c}}return t||(t=s),n.inPlace=r,n.flag=p,n}function i(t,e){e||(e=s);try{e.emit("internal-error",t)}catch(n){}}function o(t,e,n){if(Object.defineProperty&&Object.keys)try{var r=Object.keys(t);return r.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(o){i([o],n)}for(var a in t)l.call(t,a)&&(e[a]=t[a]);return e}function a(t){return!(t&&t instanceof Function&&t.apply&&!t[p])}function c(t,e){var n=e(t);return n[p]=t,o(t,n,s),n}function f(t,e,n){var r=t[e];t[e]=c(r,n)}function u(){for(var t=arguments.length,e=new Array(t),n=0;n<t;++n)e[n]=arguments[n];return e}var s=t("ee"),d=t(10),p="nr@original",l=Object.prototype.hasOwnProperty,v=!1;e.exports=r,e.exports.wrapFunction=c,e.exports.wrapInPlace=f,e.exports.argsToArray=u},{}]},{},["loader"]);</script> <title>TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System by welaunch</title> <meta name="description" content="Buy TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System by welaunch on CodeCanyon. The All in One WP Helpdesk Solution TotalDesk is the only all in one helpdesk solution for WordPress. Including a ti..."/> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/icons/codecanyon.net/apple-touch-icon-72x72-precomposed.png" sizes="72x72"/> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/icons/codecanyon.net/apple-touch-icon-114x114-precomposed.png" sizes="114x114"/> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/icons/codecanyon.net/apple-touch-icon-144x144-precomposed.png" sizes="144x144"/> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/icons/codecanyon.net/apple-touch-icon-precomposed.png"/> <link rel="stylesheet" media="all" href="https://web.archive.org/web/20220521082253cs_/https://public-assets.envato-static.com/assets/market/core/index-110c978a609a3a5b20b74d239a342c8e9c92180d3bb577d5d9d7fa5aaeb30efc.css"/> <link rel="stylesheet" media="all" href="https://web.archive.org/web/20220521082253cs_/https://public-assets.envato-static.com/assets/market/pages/default/index-822c7fa7fde5cc2463b386c5f722fa933a9b627b06f8cdc54bb82f7a5328989b.css"/> <meta name="theme-color" content="#333333"> <link rel="canonical" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693"/> <script type="application/ld+json"> { "@context": "https://web.archive.org/web/20220521082253/http://schema.org", "@type": "WebSite", "name": "CodeCanyon", "url": "https://web.archive.org/web/20220521082253/https://codecanyon.net" } </script> <script type="application/ld+json"> {"@context":"https://web.archive.org/web/20220521082253/http://schema.org","@type":"Product","category":"Utilities","url":"https://web.archive.org/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693","description":"The All in One WP Helpdesk Solution TotalDesk is the only all in one helpdesk solution for WordPress. Including a ticket- \u0026amp; notification system, livechat, knowledge base, report and integration module it contains all support features, that you need. Get rid of single helpdesk plugins and get TotalDesk! HelpDesk Features Ticket System 3 Differnt New Tickt Forms Inbox Fetching 2 Roles: Agent \u0026amp; Reporter My Tickets Page Set default values for new tickets Set own ticket Status Set custom ticket Types Set custom ticket Project / Systems Attachment Support In","name":"TotalDesk – Helpdesk, Live Chat, Knowledge Base \u0026 Ticket System","image":"https://web.archive.org/web/20220521082253/https://s3.envato.com/files/256998197/thumb2.png","brand":{"@type":"Brand","name":"welaunch"},"sku":20502693,"mpn":"E-20502693","offers":{"@type":"Offer","price":"39.00","priceCurrency":"USD","priceValidUntil":"2022-05-22T23:59:59+10:00","itemCondition":"https://web.archive.org/web/20220521082253/http://schema.org/NewCondition","availability":"https://web.archive.org/web/20220521082253/http://schema.org/InStock","url":"https://web.archive.org/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.79","reviewCount":"29"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"AcuariusMan"}}} </script> <script type="application/ld+json"> {"@context":"https://web.archive.org/web/20220521082253/http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://web.archive.org/web/20220521082253/https://codecanyon.net"},{"@type":"ListItem","position":2,"name":"Files","item":"https://web.archive.org/web/20220521082253/https://codecanyon.net/category/all"},{"@type":"ListItem","position":3,"name":"WordPress","item":"https://web.archive.org/web/20220521082253/https://codecanyon.net/wordpress"},{"@type":"ListItem","position":4,"name":"Utilities"}]} </script> <script type="application/ld+json"> {"@type":"SoftwareApplication","applicationCategory":"Utilities","aggregateRating":{"@type":"AggregateRating","itemReviewed":"TotalDesk – Helpdesk, Live Chat, Knowledge Base \u0026 Ticket System","ratingCount":29,"ratingValue":5.0},"@context":"https://web.archive.org/web/20220521082253/http://schema.org","name":"TotalDesk – Helpdesk, Live Chat, Knowledge Base \u0026 Ticket System","description":"The All in One WP Helpdesk Solution TotalDesk is the only all in one helpdesk solution for WordPress. Including a ticket- \u0026amp; notification system, livechat, knowledge base, report and integration module it contains all support features, that you need. Get rid of single helpdesk plugins and get TotalDesk! HelpDesk Features Ticket System 3 Differnt New Tickt Forms Inbox Fetching 2 Roles: Agent \u0026amp; Reporter My Tickets Page Set default values for new tickets Set own ticket Status Set custom ticket Types Set custom ticket Project / Systems Attachment Support In","url":"https://web.archive.org/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693","thumbnailUrl":"https://web.archive.org/web/20220521082253/https://s3.envato.com/files/256998198/preview2.png","uploadDate":"2017-08-18T23:05:22+10:00","author":{"@type":"Person","name":"welaunch","url":"https://web.archive.org/web/20220521082253/https://codecanyon.net/user/welaunch"}} </script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ window.dataLayer = window.dataLayer || []; //]]> </script> <meta name="twitter:card" content="product"/> <meta name="twitter:site" content="@envatomarket"/> <meta/> <meta name="twitter:data1" content="$39 USD"/> <meta name="twitter:label1" content="Price"/> <meta name="twitter:data2" content="CodeCanyon"/> <meta name="twitter:label2" content="Marketplace"/> <meta name="twitter:domain" content="codecanyon.net"/> <meta property="og:title" content="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693"/> <meta property="og:image" content="https://web.archive.org/web/20220521082253im_/https://s3.envato.com/files/256998197/thumb2.png"/> <meta property="og:description" content=" The All in One WP Helpdesk Solution TotalDesk is the only all in one helpdesk solution for WordPress. Including a ticket- & notification system, livechat, knowledge base, report and integration m..."/> <meta property="og:site_name" content="CodeCanyon"/> <meta name="csrf-param" content="authenticity_token"/> <meta name="csrf-token" content="vBClTEU1eKiQQ7G3PrMM4132Rdz-VIOybL7_auiLsNsKfYAmYWnWY9vYQZPV1fTIs_BnewvKrIGNzle64gZN4Q"/> <meta name="turbo-visit-control" content="reload"> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/core/head-df4183f2f1b84caa8ad6707c533e562f18a9eaae2b2e4d2081cf439c23343ad3.js" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> </head> <body id="" class="" data-view="app" data-responsive="true" data-user-signed-in="false">  <div class="page"> <div class="page__off-canvas--left overthrow"> <div class="off-canvas-left js-off-canvas-left" data-view="offCanvasLeft"> <div class="off-canvas-left__top"> <a href="https://web.archive.org/web/20220521082253/https://codecanyon.net/">Envato Market</a> </div> <div class="off-canvas-left__current-site -color-codecanyon"> <span class="off-canvas-left__site-title"> Code </span> <a class="off-canvas-left__current-site-toggle -white-arrow -color-codecanyon" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a> </div> <div class="off-canvas-left__sites is-hidden" id="off-canvas-sites"> <a class="off-canvas-left__site" href="https://web.archive.org/web/20220521082253/https://themeforest.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Web Themes & Templates </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://web.archive.org/web/20220521082253/https://videohive.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Video </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Audio </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://web.archive.org/web/20220521082253/https://graphicriver.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Graphics </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://web.archive.org/web/20220521082253/https://photodune.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Photos </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://web.archive.org/web/20220521082253/https://3docean.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> 3D Files </span> <i class="e-icon -icon-right-open"></i> </a></div> <div class="off-canvas-left__search"> <form id="search" action="/web/20220521082253/https://codecanyon.net/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-none"> <div class="search-field__input"> <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field"/> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> <ul> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/web/20220521082253/https://codecanyon.net/category/all"> All Items </a> <ul class="is-hidden" id="off-canvas-all-items"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/top-sellers">Popular Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/feature">Featured Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/search?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/follow_feed">Follow Feed</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/authors/top">Top Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/collections">Public Collections</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category">View All Categories</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-php-scripts" href="/web/20220521082253/https://codecanyon.net/category/php-scripts"> PHP Scripts </a> <ul class="is-hidden" id="off-canvas-php-scripts"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts">Show all PHP Scripts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/polls">Polls</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/search">Search</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="/web/20220521082253/https://codecanyon.net/category/wordpress"> WordPress </a> <ul class="is-hidden" id="off-canvas-wordpress"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress">Show all WordPress</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/advertising">Advertising</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/forums">Forums</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/galleries">Galleries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/membership">Membership</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/seo">SEO</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/utilities">Utilities</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/widgets">Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class="off-canvas-category-link--sub" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="/web/20220521082253/https://codecanyon.net/tags/ecommerce"> eCommerce </a> <ul class="is-hidden" id="off-canvas-ecommerce"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/tags/ecommerce">Show all eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/ubercart">UberCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-javascript" href="/web/20220521082253/https://codecanyon.net/category/javascript"> JavaScript </a> <ul class="is-hidden" id="off-canvas-javascript"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript">Show all JavaScript</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-css" href="/web/20220521082253/https://codecanyon.net/category/css"> CSS </a> <ul class="is-hidden" id="off-canvas-css"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css">Show all CSS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/buttons">Buttons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/layouts">Layouts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-mobile" href="/web/20220521082253/https://codecanyon.net/category/mobile"> Mobile </a> <ul class="is-hidden" id="off-canvas-mobile"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/mobile">Show all Mobile</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/mobile/android">Android</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/mobile/flutter">Flutter</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/mobile/ios">iOS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/mobile/native-web">Native Web</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/mobile/titanium">Titanium</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html5" href="/web/20220521082253/https://codecanyon.net/category/html5"> HTML5 </a> <ul class="is-hidden" id="off-canvas-html5"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5">Show all HTML5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/3d">3D</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/canvas">Canvas</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/games">Games</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/libraries">Libraries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/presentations">Presentations</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/storage">Storage</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/templates">Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-skins" href="/web/20220521082253/https://codecanyon.net/category/skins"> Skins </a> <ul class="is-hidden" id="off-canvas-skins"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/skins">Show all Skins</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=skins">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/skins/bootstrap">Bootstrap</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/skins/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-plugins" href="/web/20220521082253/https://codecanyon.net/category/plugins"> Plugins </a> <ul class="is-hidden" id="off-canvas-plugins"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins">Show all Plugins</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/drupal">Drupal</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/joomla">Joomla</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://web.archive.org/web/20220521082253/https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/web/20220521082253/https://codecanyon.net/category"> More </a> <ul class="is-hidden" id="off-canvas-more"> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/net">.NET</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/category/apps">Apps</a> </li> <li> <a class="off-canvas-category-link--sub" href="/web/20220521082253/https://codecanyon.net/search?term=facebook&type=files">Facebook</a> </li> </ul> </li> </ul> </div> </div> <div class="page__off-canvas--right overthrow"> <div class="off-canvas-right"> <a class="off-canvas-right__link--cart" href="/web/20220521082253/https://codecanyon.net/cart"> Guest Cart <div class="shopping-cart-summary is-empty" data-view="cartCount"> <span class="js-cart-summary-count shopping-cart-summary__count">0</span> <i class="e-icon -icon-cart"></i> </div> </a> <a class="off-canvas-right__link" href="/web/20220521082253/https://codecanyon.net/sign_up"> Create an Envato Account <i class="e-icon -icon-envato"></i> </a> <a class="off-canvas-right__link" href="/web/20220521082253/https://codecanyon.net/sign_in"> Sign In <i class="e-icon -icon-login"></i> </a> </div> </div> <div class="page__canvas"> <div class="canvas"> <div class="canvas__header"> <header class="site-header"> <div class="site-header__mini is-hidden-desktop"> <div data-view="headerMini" class="header-mini"> <div class="header-mini__button--cart"> <a class="js-header-mini-cart btn btn--square" href="/web/20220521082253/https://codecanyon.net/cart"> <svg width="14px" height="14px" viewbox="0 0 14 14" class="header-mini__button-cart-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="is-hidden">Cart</span> <span class="header-mini__button-cart-cart-amount is-hidden"> 0 </span> </a> </div> <div class="header-mini__button--account"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account"> <i class="e-icon -icon-person"></i> <span class="is-hidden">Account</span> </a> </div> <div class="header-mini__button--categories"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories"> <i class="e-icon -icon-hamburger"></i> <span class="is-hidden">Sites, Search & Categories</span> </a> </div> <div class="header-mini__logo"> <a href="https://web.archive.org/web/20220521082253/https://codecanyon.net/?auto_signin=true"> <img alt="CodeCanyon" class="header-mini__logo--codecanyon" src="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/common/transparent-1px-93ae7d494fad0fb30cbf3ae746a39c4bc7a0f8bbf87fbb587a3f3c01f3c5ce20.png"/> </a></div> </div> </div> <div data-view="globalMenu" class="global-header is-hidden-tablet-and-below"> <div class="grid-container -layout-wide"> <div class="global-header__wrapper"> <a href="https://web.archive.org/web/20220521082253/https://codecanyon.net/"> <img alt="Envato Market" class="global-header__logo" src="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/logos/envato_market-a5ace93f8482e885ae008eb481b9451d379599dfed24868e52b6b2d66f5cf633.svg"/> </a> <nav class="global-header-menu" role="navigation"> <ul class="global-header-menu__list"> <li class="global-header-menu__list-item"> <a class="global-header-menu__link" data-global-menu-ga-label="forums" href="https://web.archive.org/web/20220521082253/https://forums.envato.com/"> <span class="global-header-menu__link-text"> Forums </span> </a> </li> <li class="global-header-menu__list-item"> <a class="global-header-menu__link" data-global-menu-ga-label="start selling" href="https://web.archive.org/web/20220521082253/https://author.envato.com/"> <span class="global-header-menu__link-text"> Start Selling </span> </a> </li> <li data-view="globalHeaderMenuDropdownHandler" class="global-header-menu__list-item--with-dropdown"> <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="#"> <svg width="16px" height="16px" viewbox="0 0 16 16" class="global-header-menu__icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Menu</title> <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"></path> </svg> <span class="global-header-menu__link-text"> Our Products </span> </a> <div class="global-header-menu__dropdown-container"> <div class="global-header-dropdown"> <ul class="global-header-dropdown__list"> <li> <a class="global-header-dropdown__link" data-global-menu-ga-label="envato elements" target="_blank" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/?utm_source=Market&utm_medium=promos&utm_campaign=elements_mkt-headernav_our_products&utm_content=headernav"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-93296989e268af4b90133a4016d66fa11eeab8340c5c90d9a172427209e8d492.svg" data-alt="Envato Elements" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Digital assets subscription</span> </a> </li> <li> <a class="global-header-dropdown__link" data-global-menu-ga-label="envato studio" target="_blank" href="https://web.archive.org/web/20220521082253/https://studio.envato.com/"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header/EnvatoStudio-logo-4e63b93037b3f8f30f9f2f39082fd4d0846af758674cf9c9463d4ac08c3fcb97.svg" data-alt="Envato Studio" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Hire a freelancer</span> </a> </li> <li> <a class="global-header-dropdown__link" data-global-menu-ga-label="envato tuts+" target="_blank" href="https://web.archive.org/web/20220521082253/https://tutsplus.com/"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header/EnvatoTuts-logo-4fcaac6c4c0e62fdc9f305be3d842f59814843c2792e57d15b2bd25883d8547a.svg" data-alt="Tuts+" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Tutorials & courses</span> </a> </li> <li> <a class="global-header-dropdown__link" data-global-menu-ga-label="envato placeit" target="_blank" href="https://web.archive.org/web/20220521082253/https://placeit.net/?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-headernav&utm_content=headernav_our_products"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header/Placeit-logo-66bfe89630200c82c66dc97b686d7b319bc4b170b165cb30eaae7117929effa7.svg" data-alt="Placeit by Envato" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Create designs, videos & mockups</span> </a> </li> </ul> <div class="global-header-dropdown-footer"> <ul> <li class="global-header-dropdown-footer__list-item"> Join the <a class="global-header-dropdown-footer__link" target="_blank" href="https://web.archive.org/web/20220521082253/http://community.envato.com/"> Envato community </a> </li> <li class="global-header-dropdown-footer__list-item"> Learn from others in <a class="global-header-dropdown-footer__link" target="_blank" href="https://web.archive.org/web/20220521082253/https://forums.envato.com/"> the forums </a> </li> </ul> </div> </div> </div> </li> <li class="global-header-menu__list-item -background-light -border-radius"> <a id="spec-link-cart" class="global-header-menu__link h-pr1" data-global-menu-ga-label="cart" href="/web/20220521082253/https://codecanyon.net/cart"> <svg width="16px" height="16px" viewbox="0 0 16 16" class="global-header-menu__icon global-header-menu__icon-cart" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount">0</span> </a></li> <li class="global-header-menu__list-item -background-light -border-radius"> <a class="global-header-menu__link h-pl1" data-view="modalAjax" data-global-menu-ga-label="sign in" href="/web/20220521082253/https://codecanyon.net/sign_in"> <span id="spec-user-username" class="global-header-menu__link-text"> Sign In </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="site-header__sites is-hidden-tablet-and-below"> <div class="header-sites header-site-titles"> <div class="grid-container -layout-wide"> <nav class="header-site-titles__container"> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Web Templates" href="https://web.archive.org/web/20220521082253/https://themeforest.net/?auto_signin=true">Web Themes & Templates</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link is-active" alt="Code" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/?auto_signin=true">Code</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Video" href="https://web.archive.org/web/20220521082253/https://videohive.net/?auto_signin=true">Video</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Music" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/?auto_signin=true">Audio</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Graphics" href="https://web.archive.org/web/20220521082253/https://graphicriver.net/?auto_signin=true">Graphics</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Photos" href="https://web.archive.org/web/20220521082253/https://photodune.net/?auto_signin=true">Photos</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="3D Files" href="https://web.archive.org/web/20220521082253/https://3docean.net/?auto_signin=true">3D Files</a> </div> <div class="header-site-floating-logo__container"> <div class="header-site-floating-logo__codecanyon"></div> </div> </nav> </div> </div> </div> <div class="site-header__categories is-hidden-tablet-and-below"> <div class="header-categories"> <div class="grid-container -layout-wide"> <ul class="header-categories__links" data-view="HeaderCategories"> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/web/20220521082253/https://codecanyon.net/category/all"> All Items </a> <div class="header-categories__links-dropdown js-categories-0-dropdown"> <ul class="header-dropdown"> <li> <a href="/web/20220521082253/https://codecanyon.net/top-sellers">Popular Files</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/feature">Featured Files</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/search?date=this-month&sort=sales">Top New Files</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/follow_feed">Follow Feed</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/authors/top">Top Authors</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/page/top_new_sellers">Top New Authors</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/collections">Public Collections</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category">View All Categories</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/web/20220521082253/https://codecanyon.net/category/php-scripts"> PHP Scripts </a> <div class="header-categories__links-dropdown js-categories-1-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/calendars">Calendars</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/forms">Forms</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/navigation">Navigation</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/polls">Polls</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/search">Search</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/web/20220521082253/https://codecanyon.net/category/wordpress"> WordPress </a> <div class="header-categories__links-dropdown js-categories-2-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/add-ons">Add-ons</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/advertising">Advertising</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/calendars">Calendars</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/forms">Forms</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/forums">Forums</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/galleries">Galleries</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/media">Media</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/membership">Membership</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/newsletters">Newsletters</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/seo">SEO</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/social-networking">Social Networking</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/utilities">Utilities</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/widgets">Widgets</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class="header-dropdown__bottom" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-3-dropdown" href="/web/20220521082253/https://codecanyon.net/tags/ecommerce"> eCommerce </a> <div class="header-categories__links-dropdown js-categories-3-dropdown"> <ul class="header-dropdown"> <li> <a href="/web/20220521082253/https://codecanyon.net/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/opencart">OpenCart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/oscommerce">osCommerce</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/prestashop">Prestashop</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/ubercart">UberCart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/web/20220521082253/https://codecanyon.net/category/javascript"> JavaScript </a> <div class="header-categories__links-dropdown js-categories-4-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/calendars">Calendars</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/countdowns">Countdowns</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/forms">Forms</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/images-and-media">Images and Media</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/media">Media</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/navigation">Navigation</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/news-tickers">News Tickers</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/sliders">Sliders</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/social-networks">Social Networks</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/web/20220521082253/https://codecanyon.net/category/css"> CSS </a> <div class="header-categories__links-dropdown js-categories-5-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/buttons">Buttons</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/forms">Forms</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/layouts">Layouts</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-6-dropdown" href="/web/20220521082253/https://codecanyon.net/category/mobile"> Mobile </a> <div class="header-categories__links-dropdown js-categories-6-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/mobile/android">Android</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/mobile/flutter">Flutter</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/mobile/ios">iOS</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/mobile/native-web">Native Web</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/mobile/titanium">Titanium</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/web/20220521082253/https://codecanyon.net/category/html5"> HTML5 </a> <div class="header-categories__links-dropdown js-categories-7-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/3d">3D</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/ad-templates">Ad Templates</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/canvas">Canvas</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/forms">Forms</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/games">Games</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/libraries">Libraries</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/media">Media</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/presentations">Presentations</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/sliders">Sliders</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/storage">Storage</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/templates">Templates</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="/web/20220521082253/https://codecanyon.net/category/skins"> Skins </a> <div class="header-categories__links-dropdown js-categories-8-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=skins">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/skins/bootstrap">Bootstrap</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/skins/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link header-categories__main-link--empty" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-10-dropdown" href="/web/20220521082253/https://codecanyon.net/category/plugins"> Plugins </a> <div class="header-categories__links-dropdown js-categories-10-dropdown"> <ul class="header-dropdown"> <li> <a class="header-dropdown__top" href="/web/20220521082253/https://codecanyon.net/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/concrete5">Concrete5</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/drupal">Drupal</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/joomla">Joomla</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/opencart">OpenCart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/oscommerce">osCommerce</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/prestashop">Prestashop</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/ubercart">Ubercart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a rel="noopener" target="_blank" class="header-categories__main-link header-categories__main-link--empty header-categories__main-link--offsite_icon" href="https://web.archive.org/web/20220521082253/https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-12-dropdown" href="/web/20220521082253/https://codecanyon.net/category"> More </a> <div class="header-categories__links-dropdown js-categories-12-dropdown"> <ul class="header-dropdown"> <li> <a href="/web/20220521082253/https://codecanyon.net/category/net">.NET</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/category/apps">Apps</a> </li> <li> <a href="/web/20220521082253/https://codecanyon.net/search?term=facebook&type=files">Facebook</a> </li> </ul> </div> </li> </ul> <div class="header-categories__search"> <form id="search" data-view="searchField" action="/web/20220521082253/https://codecanyon.net/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-light h-ml2"> <div class="search-field__input"> <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search"/> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> </div> </div> </div> </header> </div> <div class="js-canvas__body canvas__body"> <div class="grid-container"> </div> <div class="context-header "> <div class="grid-container "> <nav class="breadcrumbs h-text-truncate "> <a class="js-breadcrumb-category" href="/web/20220521082253/https://codecanyon.net/">Home</a> <a href="/web/20220521082253/https://codecanyon.net/category/all" class="js-breadcrumb-category">Files</a> <a class="js-breadcrumb-category" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/wordpress">WordPress</a> <a class="js-breadcrumb-category" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/wordpress/utilities">Utilities</a> </nav> <div class="item-header" data-view="itemHeader"> <div class="item-header__top"> <div class="item-header__title"> <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone"> TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System </h1> </div> <div class="item-header__price"> <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/web/20220521082253/https://codecanyon.net/cart/configure_before_adding/20502693"> <span class="item-header__cart-button-icon"> <i class="e-icon -icon-cart -margin-right"></i> </span> <span class="t-heading -size-m -color-light -margin-none"> <b class="t-currency"><span class="js-item-header__price">$39</span></b> </span> </a> </div> </div> <div class="item-header__details-section"> <div class="item-header__author-details"> By <a rel="author" class="js-by-author" href="/web/20220521082253/https://codecanyon.net/user/welaunch">welaunch</a> </div>   <div class="item-header__sales-count"> <svg width="16px" height="16px" viewbox="0 0 16 16" class="item-header__sales-count-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <strong>924</strong> sales </div> <div class="item-header__envato-highlighted"> <strong>Recently Updated</strong> <svg width="16px" height="16px" viewbox="0 0 14 14" class="item-header__envato-checkmark-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title></title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 5.23193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"/> </svg> </div> </div> </div>  <div class="is-hidden-tablet-and-below page-tabs"> <ul> <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" extra_elements="tag span name 29 class item-navigation-reviews-comments partial common/rating_detailed_average_without_count locals {:presenter=>#<Common::RatingDetailedPresenter:0x00005628a88a7560 @adapter=#<Common::RatingDetailed::ItemRatingAdapter:0x00005628a88a7588 @item=#<Item id: 20502693, category: "wordpress/utilities", user_id: 3540402, name: "TotalDesk – Helpdesk, Live Chat, Knowledge Base & ...", description: "<p><a href=\"https://demos.welaunch.io/wordpress-he...", approved: true, processed_by_user_id: 3540402, processed_at: "2022-04-22 20:01:53.000000000 +1000", reason_for_rejection: nil, disabled_at: nil, disabled_by_user_id: nil, reason_for_disabled: nil, locked_by_user_id: nil, locked_at: nil, created_at: "2017-08-18 23:05:22.000000000 +1000", updated_at: "2022-05-20 13:55:50.000000000 +1000", comments_with_rejection: nil, deleted_at: nil, keywords: nil, cost: nil, comments_with_approval: nil, comments_to_reviewer: "", credits_before_new_pricing: nil, average_rating_cache: 479, sales_count_cache: 924, rating_count_cache: 29, site: "codecanyon.net", old_category: nil, root_category: "wordpress", old_cost: nil, indexable_description: nil, dominant_attributes_cache: nil, unique_sales_count_cache: 0, description_html_cache: "<p><a href=\"https://demos.welaunch.io/wordpress-he...", held: false, state: "approved", published_at: "2017-08-23 16:33:08.000000000 +1000", comment_count: 699, public_bookmarks_count: 7, oversized: false, preview_cache_time: "2022-04-22 20:01:53.000000000 +1000", licence_cache_time: nil, tags_cache_time: "2022-04-22 20:01:53.000000000 +1000", item_type: "wordpress-source", attributes_cache_time: "2022-04-22 20:01:53.000000000 +1000", sortable_at: "2017-08-23 16:33:08.000000000 +1000", open_source_license: "split", trending: false>, @rating_counts={1=>1, 3=>1, 5=>27}>, @show_breakdown=false, @rating_stars=#<RatingStars:0x000056289803a040 @rating=5.0, @max=5, @rounded=5.0>>}" href="/web/20220521082253/https://codecanyon.net/item/totaldesk/reviews/20502693"><span>Reviews</span><span> <div class="rating-detailed-small"> <div class="rating-detailed-small__header"> <div class="rating-detailed-small__stars"> <div class="rating-detailed-small-center__star-rating"> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> </div> 4.79 <span class="is-visually-hidden">4.79 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">29</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" extra_elements="tag span name 699 class item-navigation-reviews-comments" href="/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693/comments"><span>Comments</span><span class="item-navigation-reviews-comments">699</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/web/20220521082253/https://codecanyon.net/item/totaldesk/20502693/support">Support</a></li> </ul> </div>  <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote"> <div class="page-tabs--dropdown__slt-custom-wlabel"> <div class="slt-custom-wlabel--page-tabs--dropdown"> <label> <span class="js-label"> Item Details </span> <span class="slt-custom-wlabel__arrow"> <i class="e-icon -icon-arrow-fill-down"></i> </span> </label> <select class="js-remote"> <option selected="selected" data-url="/item/totaldesk/20502693">Item Details</option> <option data-url="/item/totaldesk/reviews/20502693">Reviews (29)</option> <option data-url="/item/totaldesk/20502693/comments">Comments (699)</option> <option data-url="/item/totaldesk/20502693/support">Support</option> </select> </div> </div> </div> <div class="page-tabs"> <ul class="right item-bookmarking__left-experiment_hidden" data-view="bookmarkStatesLoader"> <li class="js-favorite-widget item-bookmarking__control_experiments--favorite" data-item-id="20502693"><a data-view="modalAjax" class="t-link -decoration-none" href="/web/20220521082253/https://codecanyon.net/sign_in?action_name=favorite&resource_id=20502693"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li> <li class="js-collection-widget item-bookmarking__control_experiments--collection" data-item-id="20502693"><a data-view="modalAjax" class="t-link -decoration-none" href="/web/20220521082253/https://codecanyon.net/sign_in?action_name=collect&resource_id=20502693"><span class="item-bookmarking__control--label">Add to Collection</span></a></li> </ul> </div> </div> </div> <div class="content-main" id="content"> <div class="grid-container"> <div data-analytics-page-id="item"> <link href="https://s3.envato.com/files/256998197/thumb2.png"/> <div class="content-s js-adi-data-wrapper "> <div class="item-bookmarking__left-experiment__wrapper"> <ul class="item-bookmarking__left-experiment" data-view="bookmarkStatesLoader"> <li class="item-bookmarking__control_experiments--favorite"> <span> <a title="Add to Favorites" data-view="modalAjax" href="/web/20220521082253/https://codecanyon.net/sign_in?action_name=favorite&resource_id=20502693"><span class="item-bookmarking__control--label">Add to Favorites</span></a> </span> </li> <li class="item-bookmarking__control_experiments--collection"> <span> <a title="Add to Collection" data-view="modalAjax" href="/web/20220521082253/https://codecanyon.net/sign_in?action_name=collect&resource_id=20502693"> <span class="item-bookmarking__control--label">Add to Collection</span> </a> </span> </li> </ul> </div> <div class="box--no-padding"> <div class="item-preview live-preview-btn--blue -preview-live"> <a target="_blank" data-view="itemPreviewImageTracking" data-preview-label="Live Preview " href="/web/20220521082253/https://codecanyon.net/item/totaldesk/full_screen_preview/20502693"><img alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - CodeCanyon Item for Sale" width="590" height="300" srcset="https://web.archive.org/web/20220521082253im_/https://codecanyon.img.customer.envatousercontent.com/files/256998198/preview2.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=8000&max-w=590&s=3736964f0f3bbd515eb0b8cd3a18f960 590w, https://web.archive.org/web/20220521082253im_/https://codecanyon.img.customer.envatousercontent.com/files/256998198/preview2.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=6780&max-w=500&s=920c1971f3268d1554c387de48cc5742 500w, https://web.archive.org/web/20220521082253im_/https://codecanyon.img.customer.envatousercontent.com/files/256998198/preview2.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=5424&max-w=400&s=abe240714b51eb9b22663b9f7a1969d3 400w, https://web.archive.org/web/20220521082253im_/https://codecanyon.img.customer.envatousercontent.com/files/256998198/preview2.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=4068&max-w=300&s=8b0c971eb4a72e82b3bd44d8c9daac87 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://web.archive.org/web/20220521082253im_/https://codecanyon.img.customer.envatousercontent.com/files/256998198/preview2.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=8000&max-w=590&s=3736964f0f3bbd515eb0b8cd3a18f960"/></a> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a data-view="itemPreviewButtonTracking" href="/web/20220521082253/https://codecanyon.net/item/totaldesk/full_screen_preview/20502693" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow"> Live Preview </a> <a data-view="screenshotGallery" href="/web/20220521082253/https://codecanyon.net/item/totaldesk/screenshots/20502693" role="button" class="btn-icon screenshots" target="_blank" rel="noopener"> Screenshots </a> </div> </div> </div> </div> <div data-view="toggleItemDescription"> <div class="js-item-togglable-content"> <div class="js-item-description item-description"> <div class="user-html user-html__with-lazy-load"><p><a href="https://web.archive.org/web/20220521082253/https://demos.welaunch.io/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/1488262a981f447cbd893e19fab00bda7be0c1a5/68747470733a2f2f7777772e77656c61756e63682e696f2f656e2f77702d636f6e74656e742f75706c6f6164732f73697465732f382f323032302f31322f62746e2d64656d6f2e706e67" data-alt="WordPress Helpdesk Plugin - Online Demo " class="lazy-load-img"></span></a><a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/knowledge-base/topics/wordpress/helpdesk//" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/ff7146837cc4e9e52cc020000359524cf8be70aa/68747470733a2f2f7777772e77656c61756e63682e696f2f656e2f77702d636f6e74656e742f75706c6f6164732f73697465732f382f323032302f31322f62746e2d646f63732e706e67" data-alt="WordPress Helpdesk Plugin - Online Documentation" class="lazy-load-img"></span></a></p> <h2 id="item-description__the-all-in-one-wp-helpdesk-solution">The All in One WP Helpdesk Solution</h2> TotalDesk is the only all in one helpdesk solution for WordPress. Including a ticket- & notification system, livechat, knowledge base, report and integration module it contains all support features, that you need. Get rid of single helpdesk plugins and get TotalDesk! <p> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/1603343c52c8b0ec3bcd51a7f2de3014ba0ee88c/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d312e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 1" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/7c7011717d21816e56487786c92c0501fa44e4db/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d322e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 2" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/f5d09043ee062b2c633d6d28d2a32a1d0464fd1b/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d332e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 3" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/867e70db0be918dc75c686d704fd65f8e916569a/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d342e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 4" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/1a0792f80dcdebf354404d74aa726caef31260e7/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d352e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 5" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/7f19d4ad3cd89a7afee4afc2a533a46ba74bc49e/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d362e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 6" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/68a2f9fe7eaf9308f699e76d00b330331dfb3279/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d372e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 7" class="lazy-load-img"></span></a> <a href="https://web.archive.org/web/20220521082253/https://www.welaunch.io/en/product/wordpress-helpdesk/" rel="nofollow"><span data-src="https://web.archive.org/web/20220521082253/https://camo.envatousercontent.com/6d0f355f3c068ba8c1b3ddca6190c3f17768d661/68747470733a2f2f64656d6f732e77656c61756e63682e696f2f68656c706465736b2f77702d636f6e74656e742f75706c6f6164732f73697465732f352f323031372f30382f6465736372697074696f6e2d382e706e67" data-alt="TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System - 8" class="lazy-load-img"></span></a></p> <h2 id="item-description__helpdesk-features">HelpDesk Features</h2> <ul> <li>Ticket System <ul> <li>3 Differnt New Tickt Forms</li> <li>Inbox Fetching</li> <li>2 Roles: Agent & Reporter</li> <li>My Tickets Page</li> <li>Set default values for new tickets</li> <li>Set own ticket Status</li> <li>Set custom ticket Types</li> <li>Set custom ticket Project / Systems</li> <li>Attachment Support</li> <li>Inform Agents in Notifications</li> <li>HTML WYSIWIG Comment Form</li> <li>Saved replies</li> <li>Logging / History system</li> <li>XLS export</li> <li>Reporters & Agents can reply to Email</li> <li>Ticket Overview (assigned to, status in colors)</li> <li>Set Inbox Archieve Folder</li> </ul> </li> <li>Notifications <ul> <li>Email Notifications</li> <li>Desktop Notifications</li> <li>Slack Notifications</li> <li>Notify when a ticket has been created</li> <li>Notify when someone replied</li> <li>Notify when a status has changed</li> <li>Notify when an agent has ben assigned</li> </ul> </li> <li>Livechat <ul> <li>Start a chat with a new subject (new ticket)</li> <li>Enter a chat with a given ticket ID</li> <li>Send a message (new ticket) when no agent is online</li> <li>Every chat conversation will be saved</li> </ul> </li> <li>Knowledge Base <ul> <li>Create a FAQ based on a ticket</li> <li>Group FAQs into topics</li> <li>Set custom Icons for Topics</li> <li>Live search for FAQs</li> <li>Track FAQ views</li> <li>3 Built in widgets</li> <li>Order FAQs by View / Popularity</li> <li>2 Layouts (boxed, list)</li> </ul> </li> <li>Reports <ul> <li>Tickets By Agent</li> <li>Tickets By Status</li> <li>Tickets By Type</li> <li>Tickets By System</li> <li>Tickets By Year</li> <li>Tickets By Month</li> <li>Tickets By Year & Month</li> </ul> </li> <li>Integrations <ul> <li>WooCommerce</li> <li>Envato</li> <li>Slack</li> </ul> </li> <li>Well Documentented</li> </ul> <h2 id="item-description__compatibility">Compatibility</h2> <ul> <li>WordPress 3.8.1+</li> <li>PHP 5.4+</li> <li>WPML Support</li> <li>WooCommerce 3.1</li> </ul> <h2 id="item-description__changelog">Changelog</h2> <pre> ====== 1.7.26.1 ====== - FIX: Admin bar showed for guests ====== 1.7.26 ====== - NEW: Added support for our Ultimate Tabs plugin https://imgur.com/a/C6zr900 - NEW: Customers removed admin bar too now - FIX: Removed the activity dashboard ====== 1.7.25 ====== - NEW: Show all FAQs as Accordion https://imgur.com/a/0cGbZ4O - NEW: Show WooCommerce FAQs as accordion https://imgur.com/a/Zr2UVHW - NEW: Added autocomplete off to ticket forms - NEW: User Role FAQ Access https://imgur.com/a/QsmmUhWc - NEW: User Role FAQ Topic Access https://imgur.com/a/oRNHkAx - FIX: Hidden FAQs show in WooCommerce products - FIX: Error fixed in IT-Rechtskanzlei plugin - FIX: Accordion icon not aligned when faq title went over 2 lines ====== 1.7.24 ====== - FIX: Ticket reply in backend (comment form) not working ====== 1.7.23 ====== - NEW: New field for dynamic FAQ posts widget Dynamic Title - NEW: Single ticket rating form https://postimg.cc/gallery/m77sR7T - NEW: When both Woo form options are disabled, it will hide the first box select row - NEW: Load saved reply in ticket backend https://imgur.com/a/lZ2gceD - FIX: Agents did not see own created tickets - FIX: Flatsome fatal error by setting unset $_POST - FIX: Added wpautop to new replies mail - FIX: Comments closed even if option not enabled - FIX: Security for feedback form ====== 1.7.22 ====== - NEW: Default sort order for my tickets on ticket ID DESC - FIX: Improved Sorting by date and ticket ID in my tickets - FIX: Single FAQ Schema issue - FIX: Removed tags from Schema.org data ====== 1.7.21 ====== - NEW: Added schema.org support (rich snippet data) to FAQ Archives & Pages https://imgur.com/a/StmHFfg - FIX: get_sites function not available ====== 1.7.20 ====== - NEW: Added Gutenberg support for all Post types - NEW: Added 3 new parameters to faqs shortcode: accordion show_faq_icon faq_columns https://imgur.com/a/AYDTUqD - FIX: Removed Databales CDN loading - FIX: Multisite register roles globally ====== 1.7.19 ====== - FIX: Comments not visible when ticket closed - FIX: Comments not showing in DIVI theme ====== 1.7.18 ====== - NEW: Close comments when a ticket is marked as solved / closed https://imgur.com/a/Ndim1Rw - NEW: Updated all translations - FIX: Updated font awesome in backend also - FIX: Data privacy checkbox not removed when deactivated - FIX: Removed the login URL filter as admins cant login when no page was set ====== 1.7.17 ====== - FIX: Font awesome updated to v5 ====== 1.7.16 ====== - NEW: Dispaly Website URL in ticket frontend - FIX: product removed after single ticket backend saved ====== 1.7.15 ====== - NEW: WooCommerce Order & Product & Envato Item display in single ticket page https://imgur.com/a/3OyBsii - NEW: Set order subjects yourself https://imgur.com/a/Wq90R6U - FIX: Huge performance increase when you used WooCommerce - FIX: Website URL for woo form fields disabled by default - FIX: Added wp_kses to message field in checkbox - FIX: Moved Data privacy checkbox below message field ====== 1.7.14 ====== - NEW: Data privacy checkbox for all new ticket forms (GDPR) https://imgur.com/a/WMYWKN7 - NEW: Updated translation files - FIX: PHP notices ====== 1.7.13 ====== - NEW: Dropped Redux Framework support and added our own framework Read more here: https://www.welaunch.io/en/2021/01/switching-from-redux-to-our-own-framework This ensure auto updates & removes all gutenberg stuff You can delete Redux (if not used somewhere else) afterwards https://www.welaunch.io/updates/welaunch-framework.zip https://imgur.com/a/BIBz6kz ====== 1.7.12 ====== - NEW: Advanced settings > disable font awesome loading - FIX: JS / CSS loading when not enabled services - FIX: From now on all shortcodes will be removed from new tickets ====== 1.7.11 ====== - FIX: User creation with empty mail / username - FIX: Had to drop Slack Integration due to the PHP package is now maintained Looking for another solution ====== 1.7.10 ====== - NEW: Send feedback message + satisfied to agent https://imgur.com/a/R6u02NY ====== 1.7.9 ====== - NEW: Agents can close tickets in fronted - FIX: PHP notice in faq post type ====== 1.7.8 ====== - NEW: Added time caching for inbox + automatically close tickets - FIX: Custom fields not showing in single ticket - FIX: Wrong custom field validation for Envato or Woo ====== 1.7.7 ====== - NEW: Big Performance Release !! MAKE SURE YOU ARE ON LATEST VERSION OF REDUX FRAMEWORK !! - FIX: Translations updated ====== 1.7.6 ====== - FIX: Create ticket "not set" - FIX: My Tickets title too long did not break ====== 1.7.5 ====== - NEW: FAQ topics URL contains parent category in URL now - NEW: faqs shortcode now can contain multiple categories COMMA separated - FIX: INBOX PHP fatal error - FIX: Single FAQ back to did not show correct last FAQ topic - FIX: CSS issue in Flatsome with widget - FIX: Margin missing when using fab icon - FIX: CSS issue with not aligned items ====== 1.7.4 ====== - NEW: Custom separate fields for WooCommerce, Simpel & Envato ticket form - NEW: Show title in faq topics - NEW: 2 new Options to disable / enable show topic children or categories - NEW: Hide FAQs if subtopics exists - NEW: Better flatsome support - NEW: Multiple new Arguments for faqs shortcode: topic = '', show_topic_title = 'false', show_back_to_parent_topic = 'false', content = 'false', excerpt = 'true', link = 'true', max_faqs = '-1', show_children = 'false', hide_faqs_when_subcategories_exists = 'false', show_child_categories = 'true', columns = $this->get_option('FAQColumns'), order = 'ASC', orderby = 'menu_order', - FIX: Search icon fix in flatsome - FIX: Wrong CSS Class for before FAQs - FIX: Tickets in My Account of WooCommerce could not be submitted ====== 1.7.3 ====== - FIX: Mail fetching not working when custom required fields created ====== 1.7.2 ====== - FIX: Added array filter for required / optional new fields Ticket could not be created! not set! ====== 1.7.1 ====== - NEW: Agents can create tickets on behalf of customers in the new ticket page: https://imgur.com/a/jr898qx - NEW: FAQ search also searches in comments: https://imgur.com/a/exeDbm9 - NEW: Cleaned the plugin settings / moved fields - NEW: WooCommerce FAQ integration now can use excerpt + links. Also columns can be set now: https://imgur.com/a/ZUs6yHR - NEW: Custom fields will also be exported in Excel file - NEW: Topics widget can hide / show empty topics and display subcategories https://imgur.com/a/jtskEiH - NEW: Add / Create content before FAQs or Tickets https://imgur.com/a/g2vlVtS - FIX: Live Search not working in sidebar when disabled in plugin settings - FIX: when new ticket got an error, previous filled out fields were gone - FIX: Live chat could not be started because of custom fields missing - FIX: Attachment lightbox hidden behind chat - FIX: Updated POT file ====== 1.7.0 ====== - NEW: Custom Ticket Input Fields You can now create custom text fields (required or optional) within plugin settings Example: https://imgur.com/a/nv4CKq0 - FIX: Added required attribute to input fields ====== 1.6.4 ====== - NEW: Added support for video uploads when creating new tickets ====== 1.6.3 ====== - NEW: Added responsive feature for my tickets table ====== 1.6.2 ====== - FIX: Closing div missing in knowledge base shortcode ====== 1.6.1 ====== - FIX: Font Awesome not found issue ====== 1.6.0 ====== - NEW: Added support for all other attachment types - NEW: Added security checkes for attachments ====== 1.5.24 ====== - FIX: Removed Gutenberg testing code ====== 1.5.23 ====== - FIX: Ticket ID placeholder not translateable - FIX: Update POT files - FIX: Adding links in ticket comments showed posts / pages search - FIX: New Ticket message form showed media upload button ====== 1.5.22 ====== - FIX: Save custom meta box PHP error ====== 1.5.21 ====== - FIX: Users with custom roles saw all tickets in the my tickets page ====== 1.5.20 ====== - FIX: Responsive Issues - FIX: Umlaute not working in username field ====== 1.5.19 ====== - FIX: Performance Increase - FIX: WPML for My Tickets shows other languages ====== 1.5.18 ====== - FIX: JS not loaded due to datatables ====== 1.5.17 ====== - NEW: Order field for FAQs - FIX: Renamed Rewrite Slug for saved replies caused post tags to 404 ====== 1.5.16 ====== - FIX: Attachments not merged ====== 1.5.15 ====== - NEW: Moved all CDN loaded JS / CSS into this plugin folder better for autoptimize plugin ====== 1.5.14 ====== - NEW: You can now disable datatables and set a language Plugin Settings > Tickets > Enable Datatables - NEW: Attachments in Backend now also open in Lightbox ====== 1.5.13 ====== - NEW: Facebook Messenger Support -> Follow this link > Setting up the Plugin to get the code https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin#steps - NEW: FAQ search now also appears on FAQ topics - NEW: FAQ search now start at 2 chars, not 3 ====== 1.5.12 ====== - FIX: FAQ wrong output ====== 1.5.11 ====== - NEW: Datatables for the My Tickets page allows: - Sorting - Searching - Entry Limit - NEW: Reports can now close their own tickets - NEW: Configure what data you want to show in the My Tickets Table: - Show Name - Show Date - Show Status - Show System - Show Type - NEW: Set FAQ Columns in a Topic Archive e.g. show 2 faqs next to each other - INFO: We will no longer develop the Desktop Notification feature (but it stays) We developed a new plugin Fire Push: https://demos.welaunch.io/fire-push/ - Background Notfications (when browser is closed) - send notification on new ticket replies - notfiy on new tickets created - message on tickets updated - FIX: Desktop Notifications ====== 1.5.10 ====== - NEW: Button in Live FAQ result list if more than 4 results - NEW: Loading spinner replacing the search icon for FAQ search when typing - NEW: FAQ Live Search does not submit on enter - NEW: Option to set Maximum Live FAQ search results - FIX: Removed ID from FAQ search because of duplicate ID Issue - FIX: Added 404 Error code to wp_die function This prevents nginx from caching while not logged in users want to see tickets - FIX: Added higher z-index to chat trigger & message containers ====== 1.5.9 ====== - NEW: FAQ, Topics & Tickets are not Mobile first Means the Title is Displayed first on Mobile (Better SEO) - NEW: New Tickets Count in Backend (Red Badge) - NEW: Automatically set Tickets to close / solved after X Days no comment / update was made > See General Options - NEW: Set a default Solved (Closed) Status in Default Settings Used for Close Tickets after X Days - FIX: FAQ Search Causing PHP Notice ====== 1.5.8 ====== - NEW: Reorder Admin Panel Section alpabetically - FIX: Removed TGM Plugin (causing too many errors) ====== 1.5.7 ====== - FIX: Inbox Mails, that could not be processed as a ticket will still be marked as read, but not moved to archive folder. This prevents infinite loop of email fetching - FIX: Added more Email Inbox Message validations ====== 1.5.6 ====== - NEW: Inbox will now always be fetched when logged in - FIX: Cronjob not running To make sure the cronjob runs you can use a plugin called WP Crontrol ====== 1.5.5 ====== - NEW: Video about our new Automatic Reply Feature: https://youtu.be/RR77Dwvqch0 - FIX: Comments will not be checked for automatic replies when comment user is the same as the automatic reply user. This prevents infinite loop, but also suggest you to better create an own user for Automatic replies (like BOT) ====== 1.5.4 ====== - NEW: Decreased ticket avatar image - NEW: Automatic Replies (Bot) Saved Replies can be used for automatic replies. You need to add tags to your saved replies. These will be matched against words from new tickets / replies. See Settings > Saved Replies - FIX: Updated options texts - FIX: Sidebar will show even when no tickets were submitted yet - FIX: Envato Purchase code validation in Backend - FIX: Show No agents assigned in Frontend - FIX: CSS tweaks - FIX: Vendor Packages updated ====== 1.5.3 ====== - NEW: Shortcode for FAQ Search [[faq_search]] ====== 1.5.2 ====== - FIX: Finished RU Translations - FIX: Chat on Mobile to near on the left ====== 1.5.1 ====== - NEW: Russian Translation added If you have any other languages translated please send to us - FIX: IE11 Bug with JS - FIX: Missing Translations - FIX: Cleaned up translations files ====== 1.5.0 ====== - NEW: Welcome Livechat 2.0 - Watch Demo Video: https://youtu.be/g48IW8Qe2JM - Improved Design - New Frontend - New Backend for agents - Attachment upload possible - NEW: Hide Livechat when agents offline - NEW: Allow Attachments in Livechat - NEW: Filter wordpress_helpdesk_livechat_allowed - NEW: Added Lightbox feature for Comment Attachments ====== 1.4.8 ====== - FIX: JS Gallery Error - FIX: WPML issue with FAQ Widgets ====== 1.4.7 ====== - FIX: Agent could not be updated ====== 1.4.6 ====== - FIX: Tax Meta Class Updated ====== 1.4.5 ====== - NEW: Set department, type or priorty for ticket shortcode Example: [new_ticket departments="24,25,17" priorities="30" types="12"] - FIX: Updated Translations ====== 1.4.4 ====== - NEW: Private Notes Add private Notes for ticktes inside the backend - NEW: Add Media Files inside Replies in Comments - FIX: Code Improvements - FIX: Translations for Default Departments ====== 1.4.3 ====== - NEW: Assign default agents by Departments Settings > Defaults - NEW: FAQ Search Term Tracking (term, search counts, articles found) See: wp-admin/edit.php?post_type=ticket&page=helpdesk-faq-terms - NEW: Merge Tickets See: Single Edit Ticket in WP-admin sidebar bottom - FIX: Default post set fix - FIX: Reporter user check removed as it caused issues with INBOX ====== 1.4.2 ====== - NEW: Added German Translation (status 15%) - NEW: Added Spanish Translation (status 26%) - FIX: translation files updated - FIX: Ticket string not translated ====== 1.4.1 ====== - FIX: Only show agents, admins and shop managers in agent list - FIX: Responsive My Tickets Page ====== 1.4.0 ====== - FIX: Translation for account not created ====== 1.3.9 ====== - FIX: Envato purchase code validation ====== 1.3.8 ====== - NEW: Added two new actions for the new ticket form: wordpress_helpdesk_before_new_ticket_form wordpress_helpdesk_after_new_ticket_form - NEW: Added French Translation ====== 1.3.7 ====== - FIX: Updated translations ====== 1.3.6 ====== - NEW: New ticket message field now supports the WSYIG editor ====== 1.3.5 ====== - FIX: Issue where ticket comment form influenced other comment form ====== 1.3.4 ====== - FIX: Admin CSS issue ====== 1.3.3 ====== - NEW: Topic Widget for Sidebar - NEW: FAQ for WPMl Translation: https://demos.welaunch.io/helpdesk/documentation/faq/can-translate-plugin-wpml/ - FIX: Missing div in form shortcode - FIX: My Tickets page on WooCommerce account page - FIX: Product support in WPML environment showed all products - FIX: custom WooCommerce order subjects filter did not work ====== 1.3.2 ====== - NEW: Moved type / Project directly under Department - NEW: Created a back to my tickets button on new / view single ticket pages - FIX: WooCommerce form was not 100% width ====== 1.3.1 ====== - NEW: Sidebar for my_tickets and knowledge_base now displays automatically. This has been done, because not all themes are able to select a custom sidebar for only 1 page - NEW: Set a sidebar display option (none, only on FAQ OR only on Ticket pages, both) - NEW: Option to disable the sending of login credentials for new users - NEW: Hide FAQ topics for not logged in users - FIX: Fix where attachments file select showed up even it was disabled ====== 1.3.0 ====== - NEW: IP check for FAQ likes / dislikes to avoid double votes ====== 1.2.9 ====== - FIX: User exists not triggers an error to login This prevents users to create tickets for other users - FIX: Added livechat texts to WPML config ====== 1.2.8 ====== - NEW: Livechat guest ticket option readded - NEW: Livechat restyled Differnet text align and background color between reporters & agents - NEW: The following Livechat texts can be set in the admin panel: Live Chat Title Live Chat Welcome Text Live Chat No Agents Online Text Live Chat Button Text - FIX: Livechat Integrations moved to Integrations Section ====== 1.2.7 ====== - FIX: FAQ issue - FIX: IMAP fetching - FIX: Dashboard PHP Notice ====== 1.2.6 ====== - FIX: FAQ Ajax showed the same excerpt ====== 1.2.5 ====== NEW: Crisp Live Chat Integration Learn more here: https://crisp.chat/en/ NEW: PureChat Live Chat Integration Learn more here: https://www.purechat.com/ NEW: Chatra Live Chat Integration Learn more here: https://chatra.io ====== 1.2.4 ====== - NEW: Set a default priority - NEW: Show priority in forms for reporters - NEW: Priorities now in export - NEW: Tickets by priority added to reports - NEW: Tickets by Source added to reports - NEW: Small layout review of reports page - NEW: Added a row for grouping in Ticket-Export Excel file - FIX: Attachments were not assigned - FIX: Missing Translations ====== 1.2.3 ====== - FIX: Removed Cron after disabling Inbox ====== 1.2.2 ====== - NEW: PHP IMAP Extension Check - FIX: Missing translation & POT file updated - FIX: Removed livechat for guest users ====== 1.2.1 ====== - FIX: Added missing translation strings ====== 1.2.0 ====== - NEW: Support Rating Feedback Ask reporters for Support feedback after a ticket has been solved See settings > Support Rating Rating Email: https://demos.welaunch.io/helpdesk/wp-content/uploads/sites/5/2017/10/support-rating-email.png Support Feedback: https://demos.welaunch.io/helpdesk/wp-content/uploads/sites/5/2017/10/support-rating-feedback.png Rating Overview: https://demos.welaunch.io/helpdesk/wp-content/uploads/sites/5/2017/10/support-rating-overview.png - NEW: 2 x New Report charts: Tickets by Reporter Tickets by Satisfaction - NEW: Guest (not logged in user) can now use livechat - FIX: Layout issue with avatar image in backend - FIX: Backend Table width adjustes - FIX: PHP notice in loggin class removed ====== 1.1.5 ====== - FIX: Cronjob issue - FIX: Ticket not created when no from name was set - FIX: PHP notice in desktop notifications ====== 1.1.4 ====== - FIX: Prevent admin access issue ====== 1.1.3 ====== - NEW: Connect FAQs to product categories (WooCommerce) FAQs will then show up on single product pages - NEW: Set AJAX interval for Live Chat & Desktop Notifications to decrease server performance use - FIX: Prevent Admin Access issue ====== 1.1.2 ====== - FIX: logged in error message ====== 1.1.1 ====== - FIX: Only 5 FAQs showed up on archive page ====== 1.1.0 ====== - NEW: Option to use original theme template files Settings > Advanced Settings > Use Theme Template Note: This will remove all custom templates! It would be better to copy existing partials into your child theme Tutorial: https://demos.welaunch.io/helpdesk/documentation/faq/override-templates-theme-support/ - NEW: Set a sidebar position (left or right) in General Settings - NEW: Support for invisible Recaptcha (https://wordpress.org/plugins/invisible-recaptcha/) ====== 1.0.9 ====== - NEW: Show specific FAQs only to logged in users - NEW: Hide FAQs for logged in users from Knowledge Base See Settings > Knowledge Base (on bottom) - FIX: Slider Revolution issue ====== 1.0.8 ====== - NEW: option to set novalidate-cert for inbox - FIX: Issue with My Tickets page and no tickets created so far ====== 1.0.7 ====== - FIX: Envato Class exists check ====== 1.0.6 ====== - FIX: Single FAQ only displays title when no topics are created - FIX: Screen Reader text visibility ====== 1.0.5 ====== - FIX: Form 404 Errors - FIX: Admins could not trash tickets, faqs or saved replies - FIX: DataTables Issue ====== 1.0.4 ====== - NEW: Theme support improved (e.g. Dante, Bridge, Total, The7) - NEW: Set a custom login page (settings > general) - FIX: Added some more translation options - FIX: breaking DIV in new ticket form - FIX: Output buffering for shortcodes ====== 1.0.3 ====== - NEW: Dashboard redirect for reporters & agents - NEW: Ticket Priorities now possible - NEW: Renamed System / Projects to Departments - NEW: Added POT translation file & updated DE Translations - FIX: Ticket category color issue in backend - FIX: Small php notices ====== 1.0.2 ====== - NEW: Rating System for FAQ Articles See Options > FAQ > Enable Rating - NEW: Disable the dislike button - NEW: Widgets now support order by likes / dislikes - NEW: Show single FAQs only to logged in users ====== 1.0.1 ====== - FIX: WooCommerce class misses options - FIX: Menu does not show up - FIX: after_widget args notice - FIX: Livechat count issue ====== 1.0.0 ====== - Inital release Live Chat -> Agents see list of open chats by reporters -> Leave message when no agents are online -> Ticket -> Reporter needs to be logged in -> Default Welcome Message -> Enter chat via Ticket ID -> Create a new chat -> new Ticket -> Chat history stored as Ticket Comments Ticket System -> Inform Agents in Notifications -> HTML WYSIWIG Comment Form -> Attachments -> Saved replies -> Default Message -> My Tickets (for reporter & agents) -> Logging / History system -> XLS export -> Agents can reply to Email -> Ticket Overview (assigned to, status in colors) -> Set Inbox Folder -> Set Inbox Archieve Folder Knowledge Base -> Widget Support -> Most viewed / loved -> Set a default order by -> Custom Icon per category -> Password Protection (can be set by WP default) -> Multiple Layout -> Was this helpful? Integrations -> Slack (https://my.slack.com/services/new/incoming-webhook) -> WooCommerce -> Envato ====== Future Plans ====== -> Github -> Jira </pre></div> </div> <div class="js-item-description-toggle item-description-toggle"> <a class="item-description-toggle__link is-hidden" href="#"> <span>Show More <i class="e-icon -icon-chevron-down"></i></span> <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div> </div> <section data-view="recommendedItems" data-url="/item/totaldesk/20502693/recommended_items" id="recommended_items"> </section> <section class="related-by-author h-my2 h-pb1"> <h2 class="t-heading -size-xs -weight-normal">More items by welaunch</h2> <div class="related-by-author__list h-py1" data-view="productList"> <ul class="item-thumbnail-carousel--item-page overthrow"> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-product-dealers-retailers/34906041"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/366318890/thumb_new.png" data-border="0" data-alt="WooCommerce Product Dealers & Retailers - CodeCanyon Item for Sale" data-title="WooCommerce Product Dealers & Retailers" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/366318891/preview_new.jpg" data-data-item-name="WooCommerce Product Dealers & Retailers" data-data-item-author="welaunch" data-data-item-id="34906041" data-data-item-category="WordPress / eCommerce / WooCommerce / Products" data-data-item-cost="19" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":34906041,"name":"WooCommerce Product Dealers \u0026 Retailers","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce/products","position":1,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-request-quote-bargaining/34823918"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/365388638/thumb_new.png" data-border="0" data-alt="WooCommerce Request Quote & Bargaining - CodeCanyon Item for Sale" data-title="WooCommerce Request Quote & Bargaining" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/365387294/preview_new.png" data-data-item-name="WooCommerce Request Quote & Bargaining" data-data-item-author="welaunch" data-data-item-id="34823918" data-data-item-category="WordPress / eCommerce / WooCommerce" data-data-item-cost="19" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":34823918,"name":"WooCommerce Request Quote \u0026 Bargaining","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce","position":2,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-multi-warehouse-inventory/34305961"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/360249961/thumb_new.png" data-border="0" data-alt="WooCommerce Multi Warehouse Inventory - CodeCanyon Item for Sale" data-title="WooCommerce Multi Warehouse Inventory" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/360249962/preview_new.png" data-data-item-name="WooCommerce Multi Warehouse Inventory" data-data-item-author="welaunch" data-data-item-id="34305961" data-data-item-category="WordPress / eCommerce / WooCommerce / Products" data-data-item-cost="19" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":34305961,"name":"WooCommerce Multi Warehouse Inventory","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce/products","position":3,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-ultimate-pricing/32229529"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/338941806/thumb_new.png" data-border="0" data-alt="WooCommerce Ultimate Pricing - CodeCanyon Item for Sale" data-title="WooCommerce Ultimate Pricing" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/338941810/preview_new.png" data-data-item-name="WooCommerce Ultimate Pricing" data-data-item-author="welaunch" data-data-item-id="32229529" data-data-item-category="WordPress / eCommerce / WooCommerce" data-data-item-cost="19" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":32229529,"name":"WooCommerce Ultimate Pricing","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce","position":4,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-shop-the-look/30506011"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/323072640/thumb_new.png" data-border="0" data-alt="WooCommerce Shop the Look - CodeCanyon Item for Sale" data-title="WooCommerce Shop the Look" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/323072649/preview_new.png" data-data-item-name="WooCommerce Shop the Look" data-data-item-author="welaunch" data-data-item-id="30506011" data-data-item-category="WordPress / eCommerce / WooCommerce / Products" data-data-item-cost="19" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":30506011,"name":"WooCommerce Shop the Look","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce/products","position":5,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-sale-pattern/30389421"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/321996959/thumb_new.png" data-border="0" data-alt="WooCommerce Sale Countdowns & Triggers - CodeCanyon Item for Sale" data-title="WooCommerce Sale Countdowns & Triggers" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/321996960/preview_new%20Kopie.png" data-data-item-name="WooCommerce Sale Countdowns & Triggers" data-data-item-author="welaunch" data-data-item-id="30389421" data-data-item-category="WordPress / eCommerce / WooCommerce / Products" data-data-item-cost="19" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":30389421,"name":"WooCommerce Sale Countdowns \u0026 Triggers","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce/products","position":6,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a class="js-google-analytics__list-event-trigger" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/item/woocommerce-reward-points/29123909"><span class="lazy-load-img" data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/310111977/thumb_new.png" data-border="0" data-alt="WooCommerce Reward Points - CodeCanyon Item for Sale" data-title="WooCommerce Reward Points" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/310111978/preview_new.png" data-data-item-name="WooCommerce Reward Points" data-data-item-author="welaunch" data-data-item-id="29123909" data-data-item-category="WordPress / eCommerce / WooCommerce" data-data-item-cost="39" data-data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":29123909,"name":"WooCommerce Reward Points","brand":"welaunch","category":"codecanyon.net/category/wordpress/ecommerce/woocommerce","position":7,"list":"Item page: More items by this author"}],"timestamp":1653121332}"></span></a> </div> </li> </ul> </div> <div> <p class="t-body -size-m"> <a class="t-link-decoration-reversed" href="/web/20220521082253/https://codecanyon.net/user/welaunch/portfolio">View author portfolio</a> </p> </div> </section> <div data-view="itemPageScrollEvents"></div> </div> <div class="sidebar-l sidebar-right js-sso-checkout-experiment" data-analytics-section-id="sidebar"> <div class="pricebox-container js-author-driven-pricing-experiment"> <div class="purchase-panel"> <div id="purchase-form" class="purchase-form"> <form data-view="purchaseForm" data-google-analytics-page="itemPage" data-google-analytics-payload="{"actionData":null,"productsArray":[{"id":20502693,"name":"TotalDesk – Helpdesk, Live Chat, Knowledge Base \u0026 Ticket System","brand":"welaunch","category":"codecanyon.net/category/wordpress/utilities","quantity":"1"}],"timestamp":1653121373}" data-usetoaststylemodal="false" action="/web/20220521082253/https://codecanyon.net/cart/add/20502693" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2TutYbQay7ZeiIv7WXMHVwbhI5E4hkGxyosGzlORcBpawgURUZD7ejphFJpBeKOSsAod7WCBHdl-hr1IbImiHg" autocomplete="off"/> <div> <div data-view="itemVariantSelector" data-id="20502693" data-cookiebot-enabled="true" data-store-item-license-support-selection="false"> <div class="purchase-form__selection"> <span class="purchase-form__license-type"> <span data-view="flyout" class="flyout"> <span class="js-license-selector__chosen-license purchase-form__license-dropdown">Regular License</span> <div class="js-flyout__body flyout__body -padding-side-removed"> <span class="js-flyout__triangle flyout__triangle"></span> <div class="license-selector" data-view="licenseSelector"> <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="Regular License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Regular License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$39</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>are not</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> <div class="js-license-selector__item license-selector__item" data-license="extended" data-name="Extended License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Extended License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s is-hidden" data-license="extended">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$199</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>can be</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> </div> <div class="flyout__link"> <p class="t-body -size-m h-m0"> <a class="t-link -decoration-reversed" target="_blank" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/licenses/standard">View license details</a> </p> </div> </div> </span> <select class="f-select js-purchase-license-selector is-hidden--js" name="license"> <option value="regular" selected="selected" data-license="regular" data-license-default="true">Regular License</option> <option value="extended" data-license="extended" data-license-default="false">Extended License</option> </select> </span> <div class="js-purchase-heading purchase-form__price t-heading -size-xxl "> <b class="t-currency"><span class="js-purchase-price">$39</span></b> </div> </div> <div class="purchase-form__license js-purchase-license is-active" data-license="regular"> <price class="js-purchase-license-prices" data-price-prepaid="$39" data-license="regular" data-price-prepaid-upgrade="$51.75" data-support-upgrade-price="$12.75" data-support-upgrade-saving="$17" data-support-extension-price="$21.25" data-support-extension-saving="$8.50" data-support-renewal-price="$29.75"/> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <price class="js-purchase-license-prices" data-price-prepaid="$199" data-license="extended" data-price-prepaid-upgrade="$264.25" data-support-upgrade-price="$65.25" data-support-upgrade-saving="$87" data-support-extension-price="$108.75" data-support-extension-saving="$43.50" data-support-renewal-price="$152.25"/> </div> <div class="purchase-form__support"> <ul class="t-icon-list -font-size-s -icon-size-s -offset-flush"> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Quality checked by Envato </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Future updates </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> 6 months support from <span class="purchase-form__author-name">welaunch</span> <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/web/20220521082253/https://codecanyon.net/item_support/what_is_item_support/20502693"> <svg width="12px" height="13px" viewbox="0 0 12 13" class="" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>More Info</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5a6 6 0 1 0 12 0 6 6 0 0 0-12 0zm7.739-3.17a.849.849 0 0 1-.307.664.949.949 0 0 1-.716.273c-.273 0-.529-.102-.716-.272a.906.906 0 0 1-.307-.665c0-.256.102-.512.307-.682.187-.17.443-.273.716-.273.273 0 .528.102.716.273a.908.908 0 0 1 .307.682zm-.103 6.34-.119.46c-.34.137-.613.24-.818.307a2.5 2.5 0 0 1-.716.103c-.409 0-.733-.103-.954-.307a.953.953 0 0 1-.341-.767c0-.12 0-.256.017-.375.017-.12.05-.273.085-.426l.426-1.517a7.14 7.14 0 0 1 .103-.41c.017-.119.034-.238.034-.357a.582.582 0 0 0-.12-.41c-.085-.068-.238-.119-.46-.119-.12 0-.239.017-.34.051-.069.03-.132.047-.189.064-.042.012-.082.024-.119.038l.12-.46c.234-.102.468-.18.69-.253l.11-.037c.24-.085.478-.119.734-.119.409 0 .733.102.954.307.222.187.341.477.341.784 0 .068 0 .187-.017.34v.003a2.173 2.173 0 0 1-.085.458l-.427 1.534-.102.41v.002c-.017.119-.034.237-.034.356 0 .204.051.34.136.409.137.085.307.119.46.102a1.3 1.3 0 0 0 .359-.051c.085-.051.17-.085.272-.12z" fill="#0084B4"/> </svg> </a> </li> </ul> <div class="purchase-form__upgrade purchase-form__upgrade--before-after-price"> <div class="purchase-form__upgrade-checkbox purchase-form__upgrade-checkbox--before-after-price"> <input type="hidden" name="support" id="support_default" value="bundle_6month" class="js-support__default" autocomplete="off"/> <input type="checkbox" name="support" id="support" value="bundle_12month" class="js-support__option"/> </div> <div class="purchase-form__upgrade-info"> <label class="purchase-form__label purchase-form__label--before-after-price" for="support"> Extend support to 12 months <span class="purchase-form__price purchase-form__price--before-after-price t-heading -size-xs h-pull-right"> <span class="js-renewal__price t-currency purchase-form__renewal-price purchase-form__renewal-price--strikethrough"> $29.75 </span> <b class="t-currency"> <span class="js-support__price">$12.75</span> </b> </span> </label> </div> </div> </div> </div> <div class="purchase-form__cta-buttons"> <div class="purchase-form__button"> <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full" data-disabled-text="Adding..."> <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong> </button></div> </div> <div class="purchase-form__us-dollars-notice-container"> <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax</i></p> </div> </div> </form> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Elite author" title="Elite Author: Sold more than $75,000 on Envato Market" width="42" height="42" src="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/badges/elite-d41954e54b009732125beec497f8e4e837aabac1fb59883dc88f167d61fe06ae.svg"/> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">Elite Author</p> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <div class="avatar-wrapper tooltip-advanced"> <a class="avatar" title="welaunch" href="/web/20220521082253/https://codecanyon.net/user/welaunch"> <span data-src="https://web.archive.org/web/20220521082253/https://s3.envato.com/files/253764872/favicon.png" data-width="80" data-height="80" data-alt="welaunch" class="lazy-load-img"></span> </a> </div> </div> <div class="media__body"> <h2 class="t-heading -size-s h-text-overflow-wrap-anywhere"> <a rel="author" class="t-link -color-dark -decoration-none" href="/web/20220521082253/https://codecanyon.net/user/welaunch">welaunch</a> </h2> <div class=""> <ul class="badges"> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/had_featured_item-s-9ade9faaf559fcd90da204022222dcaba5402ba5535c62e8760ee3cfa312eb3b.svg" data-alt="Featured Item" data-class="community-badges__badge--s" data-title="Featured Item: Had an item featured on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/one_billion_milestone-s-6bafd9c1c66e21701fa25158e42e4f28a3ca101552f952c9680b10822f2c147e.svg" data-alt="Milestone Member" data-class="community-badges__badge--s" data-title="Milestone Member: Part of the $1 billion community earnings milestone" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/country_de-a27e8a626a03deee3e7a7197ef263f4b854f711d572ae19a51e33a4779880873.svg" data-alt="Germany" data-class="community-badges__badge--s" data-title="Located in Germany" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/exclusive-s-7be11fa1e7f915d21f1d93d092dbd6678c35d5c03c3e7cd8d541e715667f7725.svg" data-alt="Exclusive Author" data-class="community-badges__badge--s" data-title="Exclusive Author: Sells items exclusively on Envato" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/elite-s-d86069db1d3c907686827818ce40daec4d0a32b89933faedd46e5ea8f4bfb897.svg" data-alt="Elite Author" data-class="community-badges__badge--s" data-title="Elite Author: Sold more than $75,000 on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/was_featured-s-2416553afc897c607b305a37062c673c2a75be01c029cd0bd18ee7856cd8c323.svg" data-alt="Featured Author" data-class="community-badges__badge--s" data-title="Featured Author: Made it to the Authors' Hall of Fame" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/was_top_monthly_author-s-cfb33adaaf41d5c5b039fd44649a7d8dd1226c180aa3c392ee9c7d17ba3f5fc2.svg" data-alt="Top Monthly Author" data-class="community-badges__badge--s" data-title="Top Monthly Author: Became a Top 20 Author of the Month" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/was_weekly_top_seller-s-dbafc5973a4eca5621dc631bd004b0f92170882f8d6cf9b64b3e880583dbf888.svg" data-alt="Weekly Top Seller" data-class="community-badges__badge--s" data-title="Weekly Top Seller: Had an item that ranked among the weekly top sellers across the entire marketplace" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/had_trending_item-s-df25504354e95350eb7eaa475e4d6fe77cb972b4a0b225358eac6b99e6acc415.svg" data-alt="Trendsetter" data-class="community-badges__badge--s" data-title="Trendsetter: Had an item that was trending" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/author_level_10-s-66884efcc643b311f2e8c31fc6e02654b59ba3fabf71e539c1de8071d8ef15c7.svg" data-alt="Author Level 10" data-class="community-badges__badge--s" data-title="Author Level 10: Has sold $500,000+ on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/veteran_level_8-s-13d0ff78d3dcf5a2d9528f6683b2d2cd83b5b85ea1cda496c60f7355ea01ba63.svg" data-alt="8 Years of Membership" data-class="community-badges__badge--s" data-title="8 Years of Membership: Has been part of the Envato Community for over 8 years" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/affiliate_level_1-s-8976d53dcf8b2a3b4b19e030edc967f3d94b200bc83f4c9551a3e5f696834db1.svg" data-alt="Affiliate Level 1" data-class="community-badges__badge--s" data-title="Affiliate Level 1: Has referred 1+ members" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/collector_level_4-s-6afe3767efe7327526005620b8516c6c4b15ae8bee89bba984529fd7306edbc9.svg" data-alt="Collector Level 4" data-class="community-badges__badge--s" data-title="Collector Level 4: Has collected 100+ items on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/badges/community_health-s-110624d3899399e88bd4e810073b2a09966ebb532d667421fc2dab4769070fb0.svg" data-alt="Community Health" data-class="community-badges__badge--s" data-title="Community Health: Has participated in Envato's Community Health research initiatives" class="lazy-load-img"></span> </span> </li> </ul> </div> </div> </div> <div class="h-mt1"> <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/web/20220521082253/https://codecanyon.net/user/welaunch/portfolio">View Portfolio</a> </div> </div> <div class="box -radius-all"> <div class="meta-attributes js-meta-attributes has-toggle is-collapsed" data-view="CondenseItemInfoPanel"> <table class="meta-attributes__table" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="js-condense-item-page-info-panel--last_update"> <td class="meta-attributes__attr-name">Last Update</td> <td class="meta-attributes__attr-detail"> <time class="updated" datetime="2022-04-22T20:01:53+10:00"> 22 April 2022 </time> </td> </tr> <tr class="js-condense-item-page-info-panel--created-at"> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span> 23 August 2017 </span> </td> </tr> <tr class="js-condense-item-page-info-panel--gutenberg-optimized"> <td class="meta-attributes__attr-name">Gutenberg Optimized</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/gutenberg-optimized/no">No</a> </td> </tr> <tr class="js-condense-item-page-info-panel--high-resolution"> <td class="meta-attributes__attr-name">High Resolution</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/high-resolution/no">No</a> </td> </tr> <tr class="js-condense-item-page-info-panel--compatible-browsers"> <td class="meta-attributes__attr-name">Compatible Browsers</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-browsers/ie11">IE11</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-browsers/firefox">Firefox</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-browsers/safari">Safari</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-browsers/opera">Opera</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-browsers/chrome">Chrome</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-browsers/edge">Edge</a> </td> </tr> <tr class="js-condense-item-page-info-panel--compatible-with"> <td class="meta-attributes__attr-name">Compatible With</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%206.x.x">WooCommerce 6.x.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%205.7.x">WooCommerce 5.7.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%205.6.x">WooCommerce 5.6.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%205.5.x">WooCommerce 5.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%205.4.x">WooCommerce 5.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%205.3.x">WooCommerce 5.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-with/woocommerce%205.1.x">WooCommerce 5.1.x</a> </td> </tr> <tr class="js-condense-item-page-info-panel--files-included"> <td class="meta-attributes__attr-name">Files Included</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/source-files-included/javascript%20js">JavaScript JS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/source-files-included/html">HTML</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/source-files-included/css">CSS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/source-files-included/php">PHP</a> </td> </tr> <tr class="js-condense-item-page-info-panel--software-version"> <td class="meta-attributes__attr-name">Software Version</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.9.x">WordPress 5.9.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.8.x">WordPress 5.8.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.7.x">WordPress 5.7.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.6.x">WordPress 5.6.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.5.x">WordPress 5.5.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.4.x">WordPress 5.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.3.x">WordPress 5.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.2.x">WordPress 5.2.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.1.x">WordPress 5.1.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%205.0.x">WordPress 5.0.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/web/20220521082253/https://codecanyon.net/attributes/compatible-software/wordpress%204.9.x">WordPress 4.9.x</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Tags</td> <td><span class="meta-attributes__attr-tags"> <a title="chat" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/chat">chat</a>, <a title="desk" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/desk">desk</a>, <a title="faq" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/faq">faq</a>, <a title="help" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/help">help</a>, <a title="helpdesk" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/helpdesk">helpdesk</a>, <a title="knowledge" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/knowledge">knowledge</a>, <a title="knowledge base" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/knowledge%20base">knowledge base</a>, <a title="live" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/live">live</a>, <a title="livechat" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/livechat">livechat</a>, <a title="report" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/report">report</a>, <a title="service" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/service">service</a>, <a title="slack" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/slack">slack</a>, <a title="support" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/support">support</a>, <a title="ticket" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/ticket">ticket</a>, <a title="ticket system" rel="nofollow" href="/web/20220521082253/https://codecanyon.net/tags/ticket%20system">ticket system</a> </span></td> </tr> </tbody> </table> <div class="js-meta-attributes-toggle meta-attributes-toggle"> <a class="meta-attributes-toggle__link" href="#"> <span>More Attributes <i class="e-icon -icon-chevron-down"></i></span> <span class="meta-attributes-toggle__less">Fewer Attributes <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> © All Rights Reserved welaunch <br/> <a href="https://web.archive.org/web/20220521082253/https://help.market.envato.com/">Contact the Envato Market Help Team</a> </div> </div> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ // HACK: Google Chrome always scroll the previous page's position on hitting Back button // This causes issue with responsive version in which unexpanded item description obscure // the scroll position and Chrome will jump to the outer border of bottom window.addEventListener('unload', function(e) { window.scrollTo(0, 0); }); //]]> </script></div> </div> </div> <div class="cross-sell"> <div class="grid-container"> <ul class="cross-sell__list"> <li class="cross-sell__list-item"> <a class="cross-sell__link" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_17JULY2018&utm_content=cc_global-footer&utm_medium=promos&utm_source=codecanyon.net"> <figure> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/cross-sell__elements-33380831a942a766c3fdd66d33d77435106b10749edfe92591bf779e2dad478d.jpg" data-srcset="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/cross-sell__elements-33380831a942a766c3fdd66d33d77435106b10749edfe92591bf779e2dad478d.jpg 1x, https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/cross-sell__elements--2x-81004268b3cc8abaced5ab8cc4c724961bbc541fa2be67de3a85d1448eaeb306.jpg 2x" data-class="cross-sell__image" data-alt="Envato Elements" class="lazy-load-img"></span> <figcaption class="cross-sell__text-container"> <p class="t-body -color-inherit -size-l -weight-bold h-mb1"> Deliver better projects faster. Web, design & video assets </p> <p class="t-body -color-inherit -size-l h-m0"> <small class="cross-sell__text">Unlimited downloads, from $16.50/month</small> </p> </figcaption> </figure> </a> </li> <li class="cross-sell__list-item"> <a rel="nofollow" class="cross-sell__link" href="https://web.archive.org/web/20220521082253/http://placeit.net/?utm_campaign=placeit_mkt-footer_July2019&utm_content=cc_global-footer&utm_medium=promos&utm_source=codecanyon.net"> <figure> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/cross-sell__placeit_july2019-e6311a944054a8f627a1dbc5e8443b9f97103424e0ff9457046f39a2cd896ece.jpg" data-srcset="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/cross-sell__placeit_july2019-e6311a944054a8f627a1dbc5e8443b9f97103424e0ff9457046f39a2cd896ece.jpg 1x, https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/cross-sell__placeit_july2019--2x-9b3b3bc48a1a7d605e4438252bf11589d030241594428d4b9ecf10d6c1f23dec.jpg 2x" data-class="cross-sell__image" data-alt="Placeit" class="lazy-load-img"></span> <figcaption class="cross-sell__text-container"> <p class="t-body -color-inherit -size-l -weight-bold h-mb1"> Effortless design and video. <br> Made online by you. </p> <p class="t-body -color-inherit -size-l h-m0"> <small class="cross-sell__text">Smart templates ready for any skill level.</small> </p> </figcaption> </figure> </a> </li> <li class="cross-sell__list-item"> <a class="cross-sell__link" href="https://web.archive.org/web/20220521082253/http://studio.envato.com/explore/websites-programming?utm_campaign=internal+navigation&utm_content=footernav&utm_medium=codecanyon&utm_source=marketplaces"> <figure> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/cross-sell__studio-cea5f47ba6cb30d4be16906c50b3d233125827f51efd0057098e296142e01e37.jpg" data-srcset="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/cross-sell__studio-cea5f47ba6cb30d4be16906c50b3d233125827f51efd0057098e296142e01e37.jpg 1x, https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/cross-sell__studio--2x-455f871f95fd4f07579b08f0403dc0e4317ad36442338691522ae9b9a1d8e8a9.jpg 2x" data-class="cross-sell__image" data-alt="Envato Studio" class="lazy-load-img"></span> <figcaption class="cross-sell__text-container"> <p class="t-body -color-inherit -size-l -weight-bold h-mb1"> Designers matched perfectly to<br> you on Envato Studio </p> <p class="t-body -color-inherit -size-l h-m0"> <small class="cross-sell__text">2000 artists ready to undertake your work</small> </p> </figcaption> </figure> </a> </li> </ul> </div> </div> <div class="global-footer-quick-links" data-view="footerQuickLinks"> <div class="grid-container -layout-wide"> <div class="global-footer-quick-links__container"> <div class="global-footer-quick-links__title"> <div class="global-footer-quick-links__toggle js-global-footer-quick-links__toggle"> <i class="global-footer-quick-links__toggle-icon"></i> <span class="global-footer-quick-links__toggle-text">Quick Links</span> <span class="global-footer-quick-links__toggle-subtext">Explore popular categories</span> </div> </div> <div class="global-footer-quick-links__content"> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Web Themes & Templates</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/wordpress">WP Themes</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/site-templates">HTML Templates</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/ecommerce/shopify">Shopify Themes</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/wordpress-hosting">WordPress Hosting</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/free/wordpress-themes">Free WordPress Themes</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/category/wordpress">WordPress Themes</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Video</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://videohive.net/category/after-effects-project-files">After Effects Templates</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://videohive.net/category/apple-motion-templates">Apple Motion Templates</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://videohive.net/tags/effects">Video Effects</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://mixkit.co/free-stock-video?utm_medium=promos&utm_source=envatoquicklinks&utm_campaign=mixkit_mkt-quicklinks&utm_content=free_stock_video_footage_quick-links">Free Video Stock Footage</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://videohive.net/category/stock-footage">Stock Footage</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Audio</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/category/music">Royalty Free Music</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/category/sound">Sound Effects</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/popular_item/by_category?category=music">Best Selling Royalty Free Music</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/category/source-files/logic-pro">Logic Pro Files</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://audiojungle.net/tags/background">Background Music</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Code</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/javascript?tags=animation">JavaScript Animations</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/mobile/android">Android App Development</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/mobile/ios">iOS Development</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/wordpress/seo">WordPress SEO Plugins</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://codecanyon.net/category/wordpress/ecommerce/woocommerce">WooCommerce Plugins</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Placeit</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/logo-maker">Logo Maker</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/video-maker">Video Maker</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/c/design-templates/?f_devices=t-shirt%20design&h=35">Design Templates</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/free-templates">Free templates</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/c/mockups">Mockups</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Free Tools</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/image-cropper">Image Resizer</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/video-cropper">Video Cropper</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://placeit.net/video-to-gif-converter">Video to Gif Converter</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Elements</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/wordpress/themes">WordPress Themes</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/photos">Stock Images</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/web-templates/site-templates">Website Templates</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/graphic-templates/logos">Logos</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/fonts">Fonts</a> </li> </ul> <ul class="global-footer-quick-links__list"> <li class="global-footer-quick-links__list-title">Tuts+</li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://design.tutsplus.com/categories/adobe-photoshop">Photoshop Tutorials</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://code.tutsplus.com/categories/javascript">JavaScript Tutorials</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://code.tutsplus.com/categories/wordpress">WordPress Tutorials</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://tutsplus.com/tutorials">Free Online Tutorials</a> </li> <li class="global-footer-quick-links__list-item"> <a class="global-footer-quick-links__link" href="https://web.archive.org/web/20220521082253/https://code.tutsplus.com/tutorials">Free Coding Tutorials</a> </li> </ul> </div> </div> </div> </div> <footer class="global-footer"> <div class="grid-container -layout-wide"> <div class="global-footer__container"> <nav class="global-footer-info-links"> <hr class="global-footer__separator is-hidden-desktop h-mb4"> <ul class="global-footer-info-links__list"> <li class="global-footer-info-links__list-item"> <ul class="global-footer-sublist"> <li class="global-footer-sublist__item-title"> Envato Market </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/legal/market">Terms</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://themeforest.net/licenses">Licenses</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://build.envato.com/">Market API</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://envato.com/market/affiliate-program/">Become an affiliate</a> </li> </ul> </li> <li class="global-footer-info-links__list-item"> <ul class="global-footer-sublist"> <li class="global-footer-sublist__item-title"> Help </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://help.market.envato.com/">Help Center</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://help.author.envato.com/hc/en-us">Authors</a> </li> </ul> </li> <li class="global-footer-info-links__list-item"> <ul class="global-footer-sublist"> <li class="global-footer-sublist__item-title"> Our Community </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://community.envato.com/">Community</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://envato.com/blog">Blog</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://forums.envato.com/">Forums</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://community.envato.com/#/events">Meetups</a> </li> </ul> </li> <li class="global-footer-info-links__list-item"> <ul class="global-footer-sublist"> <li class="global-footer-sublist__item-title"> Meet Envato </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://envato.com/">About Envato</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://envato.com/careers/">Careers</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://envato.com/privacy/">Privacy Policy</a> </li> <li class="global-footer-sublist__item h-p0"> <a class="global-footer__text-link" href="https://web.archive.org/web/20220521082253/https://envato.com/sitemap/">Sitemap</a> </li> </ul> </li> </ul> </nav> <div class="global-footer-stats"> <div class="global-footer-stats__content"> <img class="global-footer-stats__logo" alt="Envato Market" src="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/logos/envato_market-a5ace93f8482e885ae008eb481b9451d379599dfed24868e52b6b2d66f5cf633.svg"/> <ul class="global-footer-stats__list"> <li class="global-footer-stats__list-item h-p0"> <span class="global-footer-stats__number">69,267,978</span> items sold </li> <li class="global-footer-stats__list-item h-p0"> <span class="global-footer-stats__number">$1,024,211,402</span> community earnings </li> </ul> </div> <div class="global-footer-stats__bcorp"> <a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://web.archive.org/web/20220521082253/https://bcorporation.net/directory/envato"> <img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" src="https://web.archive.org/web/20220521082253im_/https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-fbdd18d9fd7274a0e6591e67408e26c55df20358c3c4eee496117b16874e1749.svg"/> </a> </div> </div> </div> <hr class="global-footer__separator"> <div class="global-footer__container"> <div class="global-footer-company-links"> <ul class="global-footer-company-links__list"> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://envato.com/">Envato.com</a> </li> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://elements.envato.com/">Envato Elements</a> </li> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://placeit.net/">Placeit by Envato</a> </li> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://tutsplus.com/">Envato Tuts+</a> </li> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://envato.com/products/">All Products</a> </li> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://envato.com/sitemap/">Sitemap</a> </li> <li class="global-footer-company-links__list-item"> <a class="global-footer__text-link -opacity-full" href="https://web.archive.org/web/20220521082253/https://milkshake.app/">Milkshake</a> </li> </ul> <hr class="global-footer__separator is-hidden-tablet-and-above h-mt3"> <small class="global-footer-company-links__price-disclaimer"> Price is in US dollars and excludes tax </small> <small class="global-footer-company-links__copyright"> © 2022 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. </small> </div> <div class="global-footer-social"> <ul> <li class="global-footer-social__list-item"> <a class="global-footer__icon-link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://twitter.com/envato"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/social/twitter-6ad889010d07b5b6caa1e8c40d71131641bb97d9605ef8ef62d8cfe8ace6a817.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class="global-footer-social__list-item"> <a class="global-footer__icon-link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://www.facebook.com/envato"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/social/facebook-e29111786aec8117c019d01a351887605c22c29dd9c363b355789c06436aaf2f.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class="global-footer-social__list-item"> <a class="global-footer__icon-link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://www.youtube.com/user/Envato"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/social/youtube-6a45b3f582b34fb83cf3d2a4600f50f0c4431309a4434f853eac416be16aa37c.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class="global-footer-social__list-item"> <a class="global-footer__icon-link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://www.instagram.com/envato/"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/social/instagram-614e390114cada173d0094549cb1f260929b6432d3a1e6cff484302e4aabba09.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class="global-footer-social__list-item"> <a class="global-footer__icon-link" rel="nofollow" href="https://web.archive.org/web/20220521082253/https://www.pinterest.com/envato/"> <span data-src="https://web.archive.org/web/20220521082253/https://public-assets.envato-static.com/assets/header-footer/social/pinterest-bb3b4207aa129cfef2e6fc210119c48c132ddb3a3a0c4c06c0acc128201128b7.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> </ul> </div> </div> </div> </footer> </div> <div class="is-hidden-phone"> <div id="tooltip-magnifier" class="magnifier"> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax</span> </div> </div> <div id="landscape-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax</span> </div> </div> <div id="portrait-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax</span> </div> </div> <div id="square-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax</span> </div> </div> <div id="smart-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax</span> </div> </div> <div id="video-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax</span> </div> </div> </div> </div> <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div> </div> </div> <div data-site="codecanyon" data-view="CsatSurvey" class="is-visually-hidden"> <div id="js-customer-satisfaction-survey"> <div class="e-modal"> <div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper"> </div> </div> </div> </div> <div id="js-customer-satisfaction-popup" class="survey-popup is-visually-hidden"> <div class="h-text-align-right"><a href="#" id="js-popup-close-button" class="e-alert-box__dismiss-icon"><i class="e-icon -icon-cancel"></i></a></div> <div class="survey-popup--section"> <h2 class="t-heading h-text-align-center -size-m">Tell us what you think!</h2> <p>We'd like to ask you a few questions to help improve CodeCanyon.</p> </div> <div class="survey-popup--section"> <a href="#" id="js-show-survey-button" class="e-btn -color-primary -size-m -width-full js-survey-popup--show-survey-button">Sure, take me to the survey</a> </div> </div> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/core/index-6bbbe00a15b4cda3883fa08ca217d4a3907b425c5af6622861125ebb3aacc9c2.js" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/pages/default/index-87a6e8ee197f92095ab48bd4633732f57a360e2b4ff260964adc1f36dd41266e.js" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> <div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/core/lazyload-d32acbbc193ba843927175d43ecdc442a0f9dc9c4f9eca8172c201ca29cd4bab.js" crossorigin="anonymous" nonce="6vnCpT7BsfD6+6VyMm6L8g==" integrity=""></script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://web.archive.org/web/20220521082253js_/https://consent.cookiebot.com/uc.js" data-cbid="58b7468f-7dba-4036-baad-925e721641e5" async="async" id="Cookiebot" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ var ACCOUNTS = ["m"]; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var consentCookie = getCookie('CookieConsent'); if (consentCookie) { var hasConsent = Market.Helpers.CookieConsent.given('statistics'); if (hasConsent) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadClickTracker(); loadLinkingForAllAccounts(); } } else { setupGoogleAnalytics(); loadGoogleAnalytics(); loadClickTracker(); loadLinkingForAllAccounts(); } window.addEventListener('CookiebotOnAccept', handleCookiebotAcceptDeclineEvent, false); window.addEventListener('CookiebotOnDecline', handleCookiebotAcceptDeclineEvent, false); removeOldExperimentCookies(); trimGacUaCookies(); function removeOldExperimentCookies() { let cookies = document.cookie.split('; '); for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2); if (cookieName.startsWith('market_experiment_')) { $.removeCookie(cookieName, { path: '/', domain: '.' + window.location.host }); } } } function trimGacUaCookies() { // Trim the list of gac cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15; var gacCookies = []; let cookies = document.cookie.split('; '); for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2); if (cookieName.startsWith('_gac_UA')) { gacCookies.push([cookieName, cookieVal]); } } if (gacCookies.length <= maxCookies) return; gacCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1); }); for (let i in gacCookies) { if (i < maxCookies) continue; $.removeCookie(gacCookies[i][0], { path: '/', domain: '.' + window.location.host }); } } function handleCookiebotAcceptDeclineEvent() { if (Cookiebot.consent.statistics) { if (!(window.ga && ga.create)) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadClickTracker(); loadLinkingForAllAccounts(); } } else { unloadGoogleAnalytics() } if (!consentToExperimentsEnrollmentGiven()) { unenrollFromExperiments(); } } function getCookie(name) { var name = name + "="; var decodedCookie = decodeURIComponent(document.cookie); var cookieContent = decodedCookie.split(';'); for(var i = 0; i <cookieContent.length; i++) { var c = cookieContent[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return false; } function delete_cookie_by_name(name) { document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } function unloadGoogleAnalytics() { var payload = {"name":"m","allowLinker":true}; var accountId = "UA-11834194-12"; // Set the GA User Opt-out flag window['ga-disable-'+accountId] = true; // Do not explicitly make any further calls to ga() ga(payload.name+".remove"); // Delete any existing GA cookies (_ga, _gat & _gaid) and GA Client ID from localStorage delete_cookie_by_name('_ga'); delete_cookie_by_name('_gat'); delete_cookie_by_name('_gid'); // Delete LocalStorage Entries if (Market.Helpers.GaLsUtils.localStorageAvailable()) { var clientId = Market.Helpers.GaLsUtils.getClientId(); if (!clientId) { return; } Market.Helpers.GaLsUtils.removeClientId(); } // Do not transmit the Client ID to other sites upon navigation (i.e. autoLink) } function domLoaded() { return new Promise(resolve => { if ( document.readyState === 'interactive' || document.readyState === 'complete' ) { resolve() } else { document.addEventListener( 'DOMContentLoaded', () => { resolve() }, { capture: true, once: true, passive: true } ) } }) } function consentToExperimentsEnrollmentGiven () { return Market.Helpers.CookieConsent.given('preferences') && Market.Helpers.CookieConsent.given('statistics'); } function unenrollFromExperiments() { var experimentCookieNames = [ 'market_experiments', 'mk_ex', 'meqc', 'meqc2', 'meqc3' ] var deletedCookies = []; _.each(experimentCookieNames, function(cookieName) { if ($.cookie(cookieName)) { $.removeCookie(cookieName, { path: '/', domain: '.' + window.location.host }); deletedCookies.push(cookieName); } }); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; if(deletedCookies.length > 0) { ga(t+'.set', "exp", null); ga(t+'.set', "dimension21", null); ga(t+'.set', "dimension22", null); } } } function setExperimentEnrollments(experimentEnrolmentsDataString) { for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; var cookieValue = $.cookie('mk_ex'); if (cookieValue && cookieValue.replace(/\*/g, '!') === experimentEnrolmentsDataString) { ga(t+'.set', "exp", experimentEnrolmentsDataString); ga(t+'.set', "dimension21", experimentEnrolmentsDataString); ga(t+'.set', "dimension22", experimentEnrolmentsDataString); } else { ga(t+'.set', "exp", null); ga(t+'.set', "dimension21", null); ga(t+'.set', "dimension22", null); } } } function loadLinkingForAllAccounts() { domLoaded().then(() => { window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', 'linker'); ga(t+'.require', 'linkid', 'linkid.js'); }; document.body.addEventListener('click', function(event) { decorateLink(event); }); document.body.addEventListener('contextmenu', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Right click to open context menu decorateLink(event); }); document.body.addEventListener('mousedown', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Middle mouse button click if (event.button === 1) { decorateLink(event); } }); }); } function decorateLink(event) { window._envGaTrackerNames = ACCOUNTS; var currentTarget = jQuery(event.target); var link = currentTarget.closest('a')[0]; var ourDomains = ["activeden.net","audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","market.styleguide.envato.com","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com","account.envato.com","forums.envato.com"]; var filteredDomains = ourDomains.filter(function(domain) { return domain !== document.location.hostname; }); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; if (link && link.href) { if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) { ga(t+'.linker:decorate', link) } } } } function currentSiteLinkOpensInNewWindow(link) { return document.location.hostname === link.hostname && link.target === '_blank'; } function setupGoogleAnalytics() { (function () { var accountId = "UA-11834194-12"; window['ga-disable-'+accountId] = false; var options = {"name":"m","allowLinker":true}; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); ga(function() { var tracker = ga.getByName(options.name); Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId')); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.set', 'dimension18', Market.Helpers.GaLsUtils.retrieveClientId()) } }) } else { ga("create", accountId, options); } window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', "GTM-5VPWWP"); ga(t+'.require', 'ec'); ga(t+'.require', 'displayfeatures'); ga(t+'.set', 'dimension20', 'item:details') var itemPageIdMatch = window.location.pathname.match(/^\/item\/[a-z-]+\/(?:reviews\/)?(\d+)(?:\/comments|\/support)?$/); if (itemPageIdMatch) { // Fetch item ID from path var itemId = itemPageIdMatch[1]; ga(t+'.set', 'dimension23', itemId); } if (!getCookie('CookieConsent') || consentToExperimentsEnrollmentGiven()) { var experimentEnrolmentsDataString = "4myAub8nRluJ50w-xDZQtw.0!Jo-cZkJlRFiR6DqX1uQJyA.0!_e1qQ7pGSx2YKGPOKsbnsg.1!m3OaJt1KTbmnrlirDXDyCw.0!woHsQGnZTViIWNi9XIE5Kg.0" setExperimentEnrollments(experimentEnrolmentsDataString); } if ('') { ga(t+'.send', { hitType: 'pageview', page: '' }); } else if ('') { // append the analytics_suffix to the page path so the flash alert/error type can be tracked var analyticsSuffix = $.trim('').replace(/([A-Z])/g, '$1').replace(/[-_\s]+/g, '-').toLowerCase(); var uri = URI(window.location.pathname + window.location.search); uri.path(uri.path() + '/' + analyticsSuffix); var tracking_path = uri.path() + uri.search(); ga(t+'.send', { hitType: 'pageview', page: tracking_path, }); } else { ga(t+'.send', 'pageview'); } } loadLinkingForAllAccounts() }()); } function loadGoogleAnalytics() { (function () { var s=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src='https://web.archive.org/web/20220521082253/https://www.google-analytics.com/analytics.js'; var x=document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s,x); }()); } function loadClickTracker() { (function () { var pageId = $('*[data-analytics-page-id]').data('analyticsPageId'); if (!pageId) return; $('body').click( function (e) { var target = $(e.target).closest('[data-analytics-element-id]'); var elementId = target.data('analyticsElementId'); var elementLabel = target.data('analyticsElementLabel'); var sectionId = $(target.parents('[data-analytics-section-id]')).data('analyticsSectionId'); var tagName = target.prop('nodeName')?.toLowerCase(); if (sectionId && elementId && tagName) { sendStandardEvent({ eventType: 'click', pageId, sectionId, elementId, elementLabel, tagName }); } }); }()); } var accountId = "UA-42487771-24"; var options = { name: "author_analytics", allowLinker: true, alwaysSendReferrer: true, cookieDomain: "auto", }; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); } else { ga("create", accountId, options); } ga("author_analytics.send", "pageview"); //]]> </script> <script src="https://web.archive.org/web/20220521082253js_/https://public-assets.envato-static.com/assets/market/core/standardised_google_analytics_helpers-2a0d6d0a6b9087b30b4be07688eb3acaa6d4fed95642c7ea8e010d29a5ccec5c.js" nonce="6vnCpT7BsfD6+6VyMm6L8g=="></script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ if (typeof Cookiebot !== 'undefined' && Cookiebot.consent && Cookiebot.consent.statistics ) { enableGoogleAnalyticsLinkWrapper(); } else { window.addEventListener('CookiebotOnAccept', function (e) { if (Cookiebot.consent.statistics) { enableGoogleAnalyticsLinkWrapper(); } }, false); } function enableGoogleAnalyticsLinkWrapper() { // GA: universal analytics link wrapper (function(){ window._envTrkrs = [["m", "UA-11834194-12"]]; var debug = false; var MAX_RETRIES = 10; /* The script needs to wait until the Analytics script has been downloaded from Google before initializing */ var waitForAnalytics = function(){ this.count = this.count || 0; if (window.ga && ga.getByName) { e.init(); } else { if (count < MAX_RETRIES) { setTimeout(waitForAnalytics, 250); } count++; } }; var e = { _envArray: [], _envTrkrs: (window._envTrkrsCust && window._envTrkrsCust.length) ? window._envTrkrs.concat(window._envTrkrsCust) : window._envTrkrs, init: function() { for (var i=0; i < _envTrkrs.length; i++) { var name = _envTrkrs[i][0]; if (!ga.getByName(name)) { var accountId = _envTrkrs[i][1]; var options = { name: name, allowLinker: true, cookieDomain: "auto", }; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); } else { ga("create", accountId, options); } } } document.addEventListener('DOMContentLoaded', function(){ e.wrapperInit(); }); if (debug) {console.log('Initiated');} }, wrapperInit: function() { if (typeof window._envIsRunning != 'undefined' || window._envIsRunning == true) { return } window._envIsRunning = true; if (document.addEventListener) { document.addEventListener('click', function(event){ var target = event.target; if (target && target.tagName === 'A') { e._envLinksTracker(event); } }); } }, isInArray: function(e, t) { for (var n = 0; n < t.length; n++) { var r = new RegExp(t[n], 'i'); if (r.test(e)) { return n } } return -1 }, _envTrackevent: function(e, t, n, r) { for (var i = 0; i < this._envTrkrs.length; i++) { var s = this._envTrkrs[i][0].length == 0 ? '' : this._envTrkrs[i][0] + '.'; r.length == 0 ? ga(s + 'send', 'event', e, t, n) : ga(s + 'send', 'event', e, t, n, r) } }, _envTrackpageview: function(e, t) { t = t.charAt(0) == '/' ? t : '/' + t; for (var n = 0; n < this._envTrkrs.length; n++) { var r = this._envTrkrs[n][0].length == 0 ? '' : this._envTrkrs[n][0] + '.'; ga(r + 'send', 'pageview', e + t); } }, _envLinksTracker: function(t) { var r = false; var i = { outbound: { run: true, useEvent: true }, download: { run: true, useEvent: true, reg: '' }, self: { run: false, useEvent: true }, mail: { run: true, useEvent: true }, ext: /\.(doc.?|xls.?|ppt.?|exe|zip|rar|gz|tar|tgz|dmg|csv|pdf|xpi|txt|mp3)$/i }; var s = t.srcElement ? t.srcElement : this; if (t.srcElement) { r = true } while (s.tagName != 'A') { s = s.parentNode } if (s.href == undefined || s.href == null) { return true } var o = s.href; if (o.length == 0) return; var u = s.hostname.toLowerCase(); var a = s.pathname; if (a.length == 0) { a = '/' } else if (a.substr(0, 1) != '/') { a = '/' + a } var f = s.protocol; var l = s.search; var c = location.hostname; c = c.replace(/^www\./i, '').toLowerCase(); u = u.replace(/^www\./i, '').toLowerCase(); if (o.match(/^#/)) { if (i.self.run) { i.self.useEvent ? e._envTrackevent('self', 'click - ' + c, o, '') : e._envTrackpageview('/virtual/self', '/' + o); return true } } else if (f.match(/^mailto:/i)) { if (i.mail.run) { o = o.replace(/^mailto:/i, ''); i.mail.useEvent ? e._envTrackevent('mailto', 'click - ' + c, o, '') : e._envTrackpageview('/virtual/mailto', o); return true } } else if ((new RegExp(i.ext)).test(a)) { if (i.download.run) { o = o.replace(/^https?:\/\//i, ''); i.download.useEvent ? e._envTrackevent('download', 'click - ' + c, o, '') : e._envTrackpageview('/virtual/download', o); return true } } else if (u == undefined || u.length == 0 || f.match(/^javascript:/i)) { return } else if ((new RegExp(c + '$', 'i')).test(u) || (new RegExp(u + '$', 'i')).test(c)) { if (i.download.run && i.download.reg.length != 0) { if ((new RegExp(i.download.reg, 'i')).test(a + l)) { o = o.replace(/^https?:\/\//i, ''); i.download.useEvent ? e._envTrackevent('download', 'click - ' + c, o, '') : e._envTrackpageview('/virtual/download', o); return true } } } else if (u != c) { if (e.isInArray(u, e._envArray) == -1) { if (i.outbound.run) { i.outbound.useEvent ? e._envTrackevent('outbound', 'click - ' + c, u + a + l, '') : e._envTrackpageview('/virtual/outbound', u + a); return true } } else if (e.isInArray(u, e._envArray) != -1) { var h = s.target; if (h != null && h == '_blank') { if ((new RegExp(/_utma=/)).test(l)) { return true } var p = e._envTrkrs[0][0].length == 0 ? '' : _envTrkrs[0][0] + '.'; return true } else { return false } } } } }; waitForAnalytics(); })() } //]]> </script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ // Set New Relic custom attributes (function () { if (typeof newrelic !== 'undefined') { newrelic.setCustomAttribute('pageType', 'item:details') // Log experiment enrolment var experiment_data_string = "4myAub8nRluJ50w-xDZQtw.0!Jo-cZkJlRFiR6DqX1uQJyA.0!_e1qQ7pGSx2YKGPOKsbnsg.1!m3OaJt1KTbmnrlirDXDyCw.0!woHsQGnZTViIWNi9XIE5Kg.0" + "!" newrelic.setCustomAttribute('experiments', experiment_data_string) } })() //]]> </script> <script nonce="6vnCpT7BsfD6+6VyMm6L8g=="> //<![CDATA[ if (typeof Cookiebot !== 'undefined' && Cookiebot.consent && Cookiebot.consent.marketing) { enableGoogleTagManager(); } else { window.addEventListener('CookiebotOnAccept', function (e) { if (Cookiebot.consent.marketing) { enableGoogleTagManager(); } }, false); } function enableGoogleTagManager() { var gtmId = 'GTM-585RXMV'; // Google Tag Manager Tracking Code (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://web.archive.org/web/20220521082253/https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmId); window.addEventListener('load', function() { window.dataLayer.push({ event: 'pinterestReady' }); }); } //]]> </script> </body> </html>

CINXE.COM

TotalDesk – Helpdesk, Live Chat, Knowledge Base & Ticket System by welaunch