Branding – Mirror Your Company’s Look & Feel

<!DOCTYPE html> <html lang="en"> <head> <title>Branding – Mirror Your Company’s Look & Feel | Agile CRM</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <link rel="canonical" href="https://www.agilecrm.com/branding"/> <meta name="description" content="Incorporate your company’s branding into landing pages, emails, live support chat windows, and more. Learn more!">  <meta property="og:locale" content="en_US"/> <meta property="og:type" content="article"/> <meta property="og:site_name" content="Agile CRM"/> <meta property="og:title" content="Branding – Mirror Your Company’s Look & Feel | Agile CRM"/> <meta property="og:description" content="Incorporate your company’s branding into landing pages, emails, live support chat windows, and more. Learn more!"/> <meta property="og:url" content="https://www.agilecrm.com/multi-chat-windows"/> <meta property="og:image" content="https://www.agilecrm.com/img/helpdesk/branding.png"> <meta name="twitter:title" content="Branding – Mirror Your Company’s Look & Feel | Agile CRM"/> <meta name="twitter:description" content="Incorporate your company’s branding into landing pages, emails, live support chat windows, and more. Learn more!"/> <meta name="twitter:image:src" content="https://www.agilecrm.com/img/helpdesk/branding.png"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:site" content="@agilecrm"/> <meta name="twitter:creator" content="@agilecrm"/> <div class="p-b-md">       <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/css/agile-style.css"> <link rel="stylesheet" type="text/css" href="/css/agile-css-framework.css"> <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/css/animate.css"> <link rel="stylesheet" type="text/css" href="/css/banner.css"> <link rel="stylesheet" type="text/css" href="/css/scroll.css"> <link rel="stylesheet" type="text/css" href="/css/footer.css"> <link rel="stylesheet" type="text/css" href="/css/pricing.css">  <style> h1 { margin-bottom: 10px !important; } .img-alternate p { margin-top: 10px!important; } .head { color: #403e3e !important; font-size: 36px !important; font-weight: 600 !important; line-height: 45px!important; margin-bottom: 5px!important; margin-top: 20px; } .disnone { margin: 10px auto; display: inline-block!important; } .nav-tabs1 > li.active > a{ color: #009BFF!important; font-weight: 500; font-size: 20px; cursor: default; background-color: #fbfbfb!important; border: 1px solid transparent!important; border-bottom-color: transparent; } .nav-tabs1 > li a { height: auto; padding: 15px!important; color: #333333 !important; font-size: 20px; border: 1px solid #F0F0F0; line-height: 20px; background: #f5f4f4!important; width: 162px; } @media (min-width: 769px) { #form-email { width: 20em!important; } } @media (max-width: 769px) { .disnone { margin: 10px auto; display: none!important; } } .img-360-degree-contact-view, .analytics, .auto-dialer, .calendar, .canned-responses, .documents, .events, .groups, .integrations, .lead-prospector, .lead-scoring, .push-notifications, .recommendations-01, .reporting, .reports, .service-level-agreements, .ticket-labeling, .timline, .web-engagement, .exit-intent, .workflows { max-width: 100%; background-size: 100%; background-image: url('/img/icons.png'); } .img-360-degree-contact-view { background-position: 0 0%; background-size: 100%; } .analytics { background-position: 0 5%; background-size: 100%; } .auto-dialer { background-position: 0 10%; background-size: 100%; } .calendar { background-position: 0 15%; background-size: 100%; } .canned-responses { background-position: 0 20%; background-size: 100%; } .documents { background-position: 0 25%; background-size: 100%; } .events { background-position: 0 30%; background-size: 100%; } .groups { background-position: 0 35%; background-size: 100%; } .integrations { background-position: 0 40%; background-size: 100%; } .lead-prospector { background-position: 0 45%; background-size: 100%; } .lead-scoring { background-position: 0 50%; background-size: 100%; } .push-notifications { background-position: 0 55%; background-size: 100%; } .recommendations-01 { background-position: 0 60%; background-size: 100%; } .reporting { background-position: 0 65%; background-size: 100%; } .reports { background-position: 0 70%; background-size: 100%; } .service-level-agreements { background-position: 0 75%; background-size: 100%; } .ticket-labeling { background-position: 0 80%; background-size: 100%; } .timline { background-position: 0 85%; background-size: 100%; } .web-engagement { background-position: 0 90%; background-size: 100%; } .exit-intent { background-position: 0 95%; background-size: 100%; } .workflows { background-position: 0 100%; background-size: 100%; } .b2c, .base-suit, .business, .cio, .engadget, .entrepreneur, .fidelity-bank, .gigaom, .hire-bridge, .huffington, .indeed, .johns-hopekins, .next-web, .people-per-hour, .tech-crunch, .tnw, .uco, .appointment, .canned-responses, .contact-management, .deals, .email-campaigns, .email-tracking, .feedback, .gamification, .helpdesk, .knowledge-base, .landing-page, .marketing-automation, .mobile-marketing, .project-management, .smart-views, .social-suite, .telephony, .ticketing, .fb, .ga, .rc, .twilio, .twitter, .wp, .es-crm, .aus-flag, .uk-flag, .us-flag { max-width: 100%; background-size: 100%; background-image: url('/img/home-sprite.png'); } .b2c { background-position: 0 0%; background-size: 100%; } .base-suit { background-position: 0 3.213095%; background-size: 100%; } .business { background-position: 0 6.42619%; background-size: 100%; } .cio { background-position: 0 9.639285%; background-size: 100%; } .engadget { background-position: 0 12.85238%; background-size: 100%; } .entrepreneur { background-position: 0 16.065474%; background-size: 100%; } .fidelity-bank { background-position: 0 19.278569%; background-size: 100%; } .gigaom { background-position: 0 22.491664%; background-size: 100%; } .hire-bridge { background-position: 0 25.704759%; background-size: 100%; } .huffington { background-position: 0 28.917854%; background-size: 100%; } .indeed { background-position: 0 32.130949%; background-size: 100%; } .johns-hopekins { background-position: 0 35.344044%; background-size: 100%; } .next-web { background-position: 0 38.557139%; background-size: 100%; } .people-per-hour { background-position: 0 41.770233%; background-size: 100%; } .tech-crunch { background-position: 0 44.983328%; background-size: 100%; } .tnw { background-position: 0 48.196423%; background-size: 100%; } .uco { background-position: 0 51.409518%; background-size: 100%; } .appointment { background-position: 0 53.935947%; background-size: 301.666667%; } .canned-responses { background-position: 0 55.851541%; background-size: 301.666667%; } .contact-management { background-position: 0 57.767136%; background-size: 301.666667%; } .deals { background-position: 0 59.68273%; background-size: 301.666667%; } .email-campaigns { background-position: 0 61.598324%; background-size: 301.666667%; } .email-tracking { background-position: 0 63.513918%; background-size: 301.666667%; } .feedback { background-position: 0 65.429512%; background-size: 301.666667%; } .gamification { background-position: 0 67.345106%; background-size: 301.666667%; } .helpdesk { background-position: 0 69.2607%; background-size: 301.666667%; } .knowledge-base { background-position: 0 71.176295%; background-size: 301.666667%; } .landing-page { background-position: 0 73.091889%; background-size: 301.666667%; } .marketing-automation { background-position: 0 75.007483%; background-size: 301.666667%; } .mobile-marketing { background-position: 0 76.923077%; background-size: 301.666667%; } .project-management { background-position: 0 78.838671%; background-size: 301.666667%; } .smart-views { background-position: 0 80.754265%; background-size: 301.666667%; } .social-suite { background-position: 0 82.669859%; background-size: 301.666667%; } .telephony { background-position: 0 84.585453%; background-size: 301.666667%; } .ticketing { background-position: 0 86.501048%; background-size: 301.666667%; } .fb { background-position: 0 88.416642%; background-size: 301.666667%; } .ga { background-position: 0 90.332236%; background-size: 301.666667%; } .rc { background-position: 0 92.24783%; background-size: 301.666667%; } .twilio { background-position: 0 94.163424%; background-size: 301.666667%; } .twitter { background-position: 0 96.079018%; background-size: 301.666667%; } .wp { background-position: 0 97.994612%; background-size: 301.666667%; } .es-crm { background-position: 0 98.66982%; background-size: 1005.555556%; } .aus-flag { background-position: 0 99.115044%; background-size: 1131.25%; } .uk-flag { background-position: 0 99.557522%; background-size: 1131.25%; } .us-flag { background-position: 0 100%; background-size: 1131.25%; } .input-group { display: block; } .block-cta { border-top: 0; padding: 3em 0 3em; background: #1f2022; background-image: linear-gradient(to right, #111112 0%,#111112 50%,#3e4145 100%); width: 100%; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); position: relative; z-index: 0; } .form-register .form-control { height: 45px; padding: 13px 20px 13px 18px; } .subscribe-form .form-control { height: 53px; font-size: 15px; color: #9f9f9f; border: 1px solid #00a1ed; box-shadow: none; padding: 6px 18px; border: 1px solid #d0d8de!important; } .subscribe-form .input-group-btn>.btn { height: 53px; margin-left: 0px; padding: 6px 20px; background-color: #25d687!important; font-size: 16px; color: #fff; font-weight: 500; box-shadow: none; transition: all 0.8s ease; } .inputwid { border-radius: 4px 0px 0px 4px!important; width:72% !important; display:inline !important} @media all and (min-width: 320px) and (max-width: 360px) { .inputwid {width:47% !important;} } @media all and (min-width: 361px) and (max-width: 640px) { .inputwid {width:58% !important;} } @media (max-width: 1024px) { .subscribe-form .form-control {font-size: 13px; text-align: center; } .input-group .form-control, .input-group .form-control:first-child {display: block!important; border-radius: 4px 4px 0px 0px;} .input-group-btn:last-child>.btn { border-radius: 0px 0px 4px 4px; } .subscribe-form .input-group-btn>.btn { width: 100%; } } .nav>li { display: inline-block; } .form-email-group .btn-default { color: #333 !important; background-color: #fff !important; border-color: #ccc !important; } .form-email-group .btn-default:hover { color: #333!important; background-color: #F0F0F0 !important; border-color: #adadad;!important; } .form-email-group .btn { font-size: 12px!important; } .nav-main .nav > li > a { padding: 10px 11px 8px 11px; color: #403E3E !important;line-height: 20px;font-size: 12px; } .topnav { padding: 5px 7px 0px 13px; color: #b2b2b2 !important;line-height: 14px;font-size: 11px; } .topnav>li>a {padding: 12px 12px 12px 13px; color: #b2b2b2 !important;line-height: 20px;font-size: 11px;cursor: pointer; } .topnav>li>a:hover { color: #0aa1ec !important; } .topnav>li>a.call { padding: 12px 13px 12px 13px; color: #b2b2b2 !important; line-height: 47px; font-size: 11px; display: none; } .topnav>li>a:hover.call { color: #0aa1ec !important;} .navbar-right .nav>li>a { color: #403E3E !important; padding: 17px 16px 15px 16px ; font-size: 12px; font-weight: bold; cursor: pointer; } .navbar-right .nav>li>a:hover { color: #0AA1EC; } .nav-main .nav > li > a { padding: 13px 12px 15px 12px ; font-size: 12px; font-weight: 300; color:#403E3E !important; cursor: pointer; } .nav-main .nav > li > a:hover { padding: 13px 12px 15px 12px; font-size: 12px; font-weight: 300; color: #0AA1EC !important; } .nav-main li a.Navigation-button { background-color: #409CE3; color: #fff !important; border-radius: 4px; display: inline-block; font-size: 13px !important; padding: 9px 18px 5px 18px !important; cursor: pointer; outline: none; margin-top: 1px;} .nav-main li a.Navigation-button:hover { background-color: #188cc2!important; color: #fff !important; transition: all .3s ease-in; } li a.Navigation-button1 { background-color: #409CE3; border: 1px solid #409CE3; border-radius: 4px; color: #FFF !important; display: inline-block; font-size: 13px !important; padding: 8px 14px 7px 14px !important; cursor: pointer; outline:none; text-decoration:none; } li a.Navigation-button1:hover { color: #FFF !important; background-color: #188cc2; transition: all .3s ease-in; } .topnavheadernew { background: #fff; margin: 0px ; padding: 0px; border-bottom: 0px solid #F3F3F3; } .topnavheadernew1 { background: #fff; margin: 0px ; padding: 0px; border-bottom: 1px solid #F3F3F3; } .dropdown-menu {border: 0px solid #EBEBEB; background-color:#fff!important; box-shadow: 0 20px 50px rgba(33,40,53,.15); min-width: auto; padding: 0px 24px 16px 24px; } .dropdown-menu li a { font-weight: 500; padding: 3px 16px 3px 0!important; } .dropdown-menu li a:hover { background-color: #fff!important; color: #175dc6!important; } .dropdown-menu.columns-2 { min-width: 660px; } .multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; color: #333; white-space: normal; font-size: 14px; } .multi-column-dropdown { list-style: none; } .navbar-default .crmlogo { color: #0AA1EC; font-size: 21px; margin-right: 60px !important; background:url(/img/agilecrmlogo.svg) no-repeat 0 10px;text-indent: -9999px; width: 147px; background-size: 147px; } .form-email-group .btn { font-weight: bold ; } #signup {display:none; } #signup1 {display:none; } .fixheader-container1 { max-width: 1050px; } .headerunderline { box-shadow: 0px 1px 3px 0px rgba(130,134,138,0.2); padding: 8px 0px; background: #f9f8f9; position: fixed; width: 100%; z-index: 1000; top: 0; } .navbar-default .navbar-brand { color: #0AA1EC; font-size: 21px; } .form-control { height: 40px; } label { padding-bottom: 4px; font-weight:400; color: #8f8f8f; } fieldset { padding: 5px 0px; } .nav-tabs1 > li.active:after { margin: 0px 3px; border-top: 1px solid #F0F0F0; border-bottom:1px solid #fff; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; color:#009BFF; font-weight:500; background: #fff } .nav-tabs1 > li { margin: 0px; border: 1px solid transparent; color:#009BFF; font-weight:500; background: #fff } .nav-tabs1 > li.active { margin: 0px; border-top: 1px solid #F0F0F0; border-bottom:1px solid #fff; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; color:#009BFF; font-weight:500; background: #fff } .nav-tabs1 { border-bottom: 0px solid #ddd; padding-bottom: 0px; text-align: center; } .nav-tabs1 > li.active > a, .nav-tabs1 > li.active > a:hover { color:#009BFF!important; font-weight:500; font-size:20px; cursor: default; background-color: #ffffff; border: 1px solid transparent!important; border-bottom-color: transparent; } .nav-tabs1 > li a { height: auto; padding: 15px!important; color: ##333333 !important; font-size:20px; border: 1px solid #F0F0F0; line-height:20px; background: #FAFAFA; width: 162px; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent; } small.sma{ font-size: 12px; } .menumob { display:none} .ors { padding: 12px 2px; } .feapad { padding: 20px 35px!important;} .feapad1 { padding: 0px 40px!important;} .subscribe-form1 { width: 600px; margin: 10px auto 0 auto; padding: 40px 40px 0px 40px; background: url(https://www.agilecrm.com/img/free-sign.svg) right 7px no-repeat; background-size: 22%; } .img-responsive1 { max-width:100%} .headshd {visibility: visible; animation-delay: 0s; animation-name: fadeInDown; } .watchbtn {padding: 13px 30px 11px 30px!important; margin-right: 7px!important;} .getsart {padding: 13px 30px 11px 30px!important; margin-left: 7px!important;} .numbrs {color: rgb(153, 153, 153); font-size:40px; text-align:center} .toptr { margin-top:0px; margin-bottom:5px; font-size: 20px; line-height: 1.2;} .toprtxt {margin-bottom:15px; line-height: 1.5;} .testxt { font-size:16px;line-height:27px; margin-bottom:30px} .seenon { margin:10px; display:inline-block} .blogimg {display: inline-block; padding:30px 0px 30px 0px} .blogbox {border: 1px solid #e9eff2; background:#fff; overflow: scroll; overflow-x: auto;padding:10px 20px 20px 20px; height:400px} @media (max-width: 1024px) { .nav>li { display: block!important; } .nav-tabs1 > li a { height: auto; padding: 12px 5px 8px 5px !important; color: ##333333 !important; font-size: 16px!important; border: 1px solid #F0F0F0; line-height: 18px; background: #FAFAFA; } #demo {display:none; } #signup {display:none;} #signup1 {display:none;} .menumob { display:block} .mobno {display:none;} .navbar { padding-top: 10px!important; } .carousel-indicators { display: none; } } @media (min-width: 768px) { .apps-products-menu {transform: translateX(-50%); } @media (max-width: 768px) { .dropdown-menu.columns-2 { min-width: auto; } .hero-video-container { width: 95%; } .img-responsive1 { max-width:44%} .subscribe-form1 { width: 320px; margin: 35px auto 0 auto; padding: 0px!important; background: url(https://www.agilecrm.com/img/free-sign.svg) 212px 48px no-repeat; background-size: 11%; } .feapad { padding: 0px 25px!important;} .feapad1 { padding: 0px!important;} .tab-content { padding:40px 0px 0px 0px; width: 100%; } .ors { padding: 12px 2px; display:block; } .nav-tabs1 > li a { width: auto!important; } } .carousel-indicators { left: 31%!important; } .dropdownb {color: #403e3e !important; font-size: 14px!important; font-weight: 600!important; border-bottom: 1px solid #d6d6d6;padding-bottom: 2px; padding-left: 0px; margin:5px 5px 5px 0px; } .youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; } .navbar-fixed-top .navbar-collapse { max-height: 100%; } .headbottom { margin-bottom: 46px; display: inline-table; } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MSGJPW4');</script>  </head>  <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MSGJPW4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="headbottom" > <div class=" navbar navbar-default navbar-fixed-top wow fadeInDown headshd nav-main"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse"> <span class="sr-only txtcahe">CRM Software</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand crmlogo" href="/" >Agile CRM</a> </div> <div id="nav-collapse" class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-left tab-center " style="0 padding-left:50px"> <li class="dropdown"> <a href="/sales" id="dropdownMenu1" data-trigger="hover" > SALES  <i class="fa fa-angle-down mobno" aria-hidden="true"></i> </a> <ul class="dropdown-menu multi-column columns-2 " id="dropdownMenu1"> <div class="row "> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/sales" class="dropdownb">Sales Essentials</a></li> <li><a href="/360-degree-contact-view">360° Contact View</a></li> <li><a href="/contact-management-software">Contact Management</a></li> <li><a href="/calendar">Calendar</a></li> <li><a href="/documents-crm">Documents</a></li> <li><a href="/deals">Deals</a> </li> <li><a href="/inbox-sales-crm">Inbox CRM</a> </li> <li><a href="/mobile-crm">Mobile CRM</a> </li> <li><a href="/plugins">Integrations</a> </li> <li style="padding-left: 0px; " class="dropdownb">Collaboration</li> <li><a href="/team-chat">Team Chat</a></li> <li><a href="/email-client-software">Email Client Software</a></li> </ul> </div> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/sales-enablement-software" class="dropdownb">Sales Enablement</a></li> <li><a href="/lead-scoring">Lead Scoring</a> </li> <li><a href="/appointment-scheduling-software">Appointment Scheduling</a></li> <li><a href="/gamification">Gamification</a></li> <li><a href="/project-management">Project Management</a></li> <li><a href="/lead-prospector">Lead Prospector</a></li> <li><a href="/crm-reporting">CRM Reporting</a></li> <li><a href="/edocs-and-proposals">eDocs & Proposals</a></li> <li><a href="/document-signing-software">Document Signing Software</a></li> <li><a href="/email-finder">Email Finder</a></li> </ul> </div> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/crm-telephony" class="dropdownb">Telephony</a></li> <li><a href="/inbound-cti">Inbound CTI</a></li> <li><a href="/auto-dialer">Auto Dialer</a></li> <li><a href="/voicemail-drops">Voicemail Drops</a> </li> <li><a href="/call-recording">Call Recording</a></li> <li><a href="/call-scripts">Call Scripts</a></li> <li><a href="/post-call-automation">Post Call Automation</a></li> <li><a href="/video-conference">Video Conference</a></li> <li><a href="/virtual-pbx">Virtual PBX</a></li> </ul> </div> </div> </ul> </li> <li class="dropdown"> <a href="/marketing" id="dropdownMenu1" data-trigger="hover" > MARKETING <i class="fa fa-angle-down mobno" aria-hidden="true"></i> </a> <ul class="dropdown-menu multi-column columns-2" id="dropdownMenu1"> <div class="row "> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/marketing-automation-software" class="dropdownb">Marketing Automation</a></li> <li><a href="/email-marketing">Email Marketing</a></li> <li><a href="/send-newsletters">Newsletters</a></li> <li><a href="/email-tracking">Email Tracking</a></li> <li><a href="/multichannel-campaigns">Multichannel Campaigns</a></li> <li><a href="/video-emails">Video Emails </a></li> <li><a href="/website-builder">Website Builder </a></li> <li><a href="/website-recording">Website Recording </a></li> <li><a href="/ppc-management-software">PPC Management Software </a></li> <li><a href="/content-planner">Content Planner </a></li> <li><a href="/personalization-software">Personalization Software </a></li> </ul> </div> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/web-engagement" class="dropdownb">Web Engagement</a></li> <li><a href="/landing-page">Landing Pages</a></li> <li><a href="/form-builder">Form Builder</a></li> <li><a href="/lead-generation">Lead Generation</a></li> <li><a href="/push-notifications">Push Notifications</a></li> <li><a href="/exit-intent">Exit Intent</a></li> <li><a href="/crm-analytics">CRM Analytics</a></li> <li><a href="/seo-tool">SEO Tool</a></li> <li><a href="/crm-software">CRM Software</a></li> </ul> </div> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; margin-top: 10px " class="dropdownb">Social</a></li> <li><a href="/social-crm">Social CRM</a> </li> <li><a href="/social-listening">Social Listening</a> </li> <li><a href="/social-media-management">Social Media Management</a> </li> <li><a href="/social-suite">Social Suite</a></li> <li style="padding-left: 0px; margin-top: 10px " class="dropdownb">Mobile</li> <li><a href="/mobile-marketing">Mobile Marketing</a> </li> <li><a href="/text-messaging">Text Messaging</a> </li> </ul> </div> </div> </ul> </li> <li class="dropdown"> <a href="/helpdesk" id="dropdownMenu1" data-trigger="hover" > SERVICE <i class="fa fa-angle-down mobno" aria-hidden="true"></i> </a> <ul class="dropdown-menu multi-column columns-2" id="dropdownMenu1"> <div class="row "> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/helpdesk" class="dropdownb">Help Desk</a></li> <li><a href="/customer-support">Customer Support</a></li> <li><a href="/helpdesk-ticketing-software">Helpdesk Ticketing Software</a></li> <li><a href="/ticket-labels">Ticket Labels</a></li> <li><a href="/helpdesk-groups">HelpDesk Groups</a></li> <li><a href="/smart-views">Smart Views</a></li> <li><a href="/service-level-agreements">Service Level Agreements</a></li> <li><a href="/call-center-software">Call Center Software</a></li> </ul> </div> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/service-automation/" class="dropdownb">Service Automation</a></li> <li><a href="/support-workflows">Support Workflows/Campaigns</a></li> <li><a href="/canned-responses">Canned Responses</a></li> <li><a href="/ticket-feedback">Ticket Feedback</a></li> <li><a href="/crm-reporting">CRM Reporting</a></li> <li><a href="/chatbot-software">Chatbot Software</a></li> <li><a href="/plugins" style="font-weight: 600 !important; font-size:14px ">Integrations</a></li> <li style="font-weight: 600 !important; font-size:14px; margin-top:10px;">HR & Ops </li> <li><a href="/interview-assessment">Interview Assessment Tool</a></li> <li><a href="/applicant-tracking-system">Applicant Tracking System</a></li> </ul> </div> <div class="col-md-4 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px; "><a href="/live-chat-software" class="dropdownb">Live Chat</a></li> <li><a href="/multi-chat-windows">Multi-Chat Windows</a></li> <li><a href="/branding">Branding</a></li> <li><a href="/customer-support-analytics">Customer Support Analytics</a></li> <li><a href="/live-chat">Live Chat Software</a></li> <li style="padding-left: 0px; "><a href="/knowledge-base" style="font-size: 14px; font-weight: 600;border-bottom: 1px solid #d6d6d6;padding-bottom: 2px; padding-left: 0px; margin:5px 5px 5px 0px; ">Knowledge Base</a></li> <li><a href="/content-feedback">Content Feedback</a></li> <li><a href="/custom-domains">Custom Domains</a></li> <li><a href="/knowledge-base-search">Knowledge Base Search</a></li> </ul> </div> </div> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" id="dropdownMenu1" data-trigger="hover" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> PRODUCTIVITY   <i class="fa fa-angle-down" aria-hidden="true"></i> </a> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <li><a style="visibility:hidden;"></a></li> <li><a href="/rpa-software">RPA Software</a></li> <li><a href="/application-integration">Application Integration</a></li> <li><a href="/business-process-management">Business Process Management</a></li> <li><a href="/time-tracking-software">Time Tracking Software</a></li> <li><a href="/wireframe-tool">Wireframe Tool</a></li> <li><a href="/screen-capture-extension">Screen Capture Extension</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" id="dropdownMenu1" data-trigger="hover" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> ABOUT   <i class="fa fa-angle-down" aria-hidden="true"></i> </a> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <li><a href="/demo/">Demo</a></li> <li><a href="/social-wall">Social Wall</a></li> <li><a href="/testimonials">Testimonials</a></li> <li><a href="/partners/">Partners</a></li> <li><a href="/support">Support</a></li> <li><a href="/resources">Resources</a></li> <li><a href="https://www.agilecrm.com/blog/" target="_blank">Blog</a></li> <li><a href="/team">Team</a></li> </ul> </li> <li><a href="/pricing">PRICING</a></li> <li class="dropdown"> <a href="https://500apps.com/" id="dropdownMenu5" data-trigger="hover"> 500APPS <i class="fa fa-angle-down mobno" aria-hidden="true"></i> </a> <ul class="dropdown-menu multi-column columns-2 apps-products-menu" id="dropdownMenu5"> <p style="color: #403e3e!important; font-weight: 600!important;margin-top: 14px;padding-bottom: 5px;font-size: 16px;">Our new initiative we built with love for small businesses. Get <span style="color: #ff7f00;">38+ apps</span> for just <span style="color: #ff7f00;">$14.99/user</span>. No tiered plans. Honest Pricing.</p> <div class="row"> <div class="col-lg-3 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px;"><a href="https://500apps.com/productivity" class="dropdownb">Productivity</a></li> <li><a href="https://clockly.com">Clockly</a></li> <li><a href="https://hipsocial.com">Hipsocial</a></li> <li><a href="https://projectsly.com">Projectsly</a></li> <li><a href="https://pbxplus.com">PBXPlus</a></li> <li><a href="https://schedule.cc">Schedule.cc</a></li> <li><a href="https://botup.com">Botup</a></li> <li><a href="https://bpmapp.com">BPMApp</a></li> <li><a href="https://zapup.com">Zapup</a></li> <li><a href="https://botpath.com">Botpath</a></li> </ul> </div> <div class="col-lg-3 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px;"><a href="https://500apps.com/marketing" class="dropdownb">Marketing</a></li> <li><a href="https://ninjaseo.com">NinjaSEO</a></li> <li><a href="https://pushninja.com">PushNinja</a></li> <li><a href="https://siterecording.com">Siterecording</a></li> <li><a href="https://mailsend.com">Mailsend</a></li> <li><a href="https://ninjasites.com">Ninjasites</a></li> <li><a href="https://forms.io">Forms.io</a></li> <li><a href="https://contactspot.com">Contactspot</a></li> <li><a href="https://usertracker.com">Usertracker</a></li> <li><a href="https://ninjasem.com">NinjaSEM</a></li> </ul> </div> <div class="col-lg-3 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px;"><a href="https://500apps.com/sales" class="dropdownb">Sales</a></li> <li><a href="https://finder.io">Finder.io</a></li> <li><a href="https://sign.cc">Sign.cc</a></li> <li><a href="https://invoices.ly">Invoices.ly</a></li> <li style="padding-left: 0px;"><a href="#" style="font-size: 14px; font-weight: 600; border-bottom: 1px solid #d6d6d6; padding-bottom: 2px; padding-left: 0px; margin: 5px 5px 5px 0px;">Developers</a></li> <li><a href="https://appup.com">Appup</a></li> <li><a href="https://applet.io">Applet.io</a></li> </ul> </div> <div class="col-lg-3 col-md-6 col-md-12 mobno"> <ul class="multi-column-dropdown"> <li style="padding-left: 0px;"><a href="https://500apps.com/support" class="dropdownb">Support</a></li> <li><a href="https://support.cc">Support.cc</a></li> <li><a href="https://clickdesk.com">ClickDesk</a></li> <li style="padding-left: 0px;"><a href="#" style="font-size: 14px; font-weight: 600; border-bottom: 1px solid #d6d6d6; padding-bottom: 2px; padding-left: 0px; margin: 5px 5px 5px 0px;">HR & Ops</a></li> <li><a href="https://hrsprout.com">HRSprout</a></li> <li style="padding-left: 0px;"><a href="#" style="font-size: 14px; font-weight: 600; border-bottom: 1px solid #d6d6d6; padding-bottom: 2px; padding-left: 0px; margin: 5px 5px 5px 0px;">Extensions</a></li> <li><a href="https://openedornot.com/">OpendOrNot</a></li> <li><a href="https://ninjacapture.com/">NinjaCapture</a></li> </ul> </div> </div> </ul> </li> </ul> <ul class="navbar-nav navbar-right topnav " style=" margin-right:0px; padding: 0px 0px 0px 13px "> <li class="dropdown" id="signup" > <a href="#" class="dropdown-toggle call " style="display:none !important;" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img class="us-flag" style=" padding: 0!important;" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALAQMAAABMLJ96AAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAAAtJREFUeNpjYCAAAAAhAAFUy6pzAAAAAElFTkSuQmCC">  +1-877-904-4227  <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="dropdown-menu" style="margin-top:-11px"> <li ><a href="#" style=" font-size:11px" ><img class="uk-flag" style=" padding: 0!important;" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALAQMAAABMLJ96AAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAAAtJREFUeNpjYCAAAAAhAAFUy6pzAAAAAElFTkSuQmCC">  +44 14428 00729</a></li> <li><a href="#" style=" font-size:11px"><img class="aus-flag" alt="" style=" padding: 0!important;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALAQMAAABMLJ96AAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAAAtJREFUeNpjYCAAAAAhAAFUy6pzAAAAAElFTkSuQmCC">  +61 28599 0729</a></li>  </ul> </li> <ul class="nav navbar-nav navbar-right"> <li><a href="https://my.agilecrm.com/enter-domain?to=login" id="login-dashboard" class="login-dashboard">LOGIN</a></li> <li><a data-toggle="modal" data-target="#exampleModal" class="Navigation-button">GET STARTED</a></li> </ul> </ul> </div> </div> <div style="border-bottom: 1px solid #e8eaeb; box-shadow: 0 0 9px rgba(0,0,0,.1)!important;" class="mobno" id="signup1" ></div> </div> </div>     <div class="text-center page-title1 m-b-xl "> <h1 class="animated fadeIn Hero-title" style=" font-size:40px">Branding</h1> <small class="page-title-small animated fadeIn">Incorporate your company’s branding into landing pages, emails, live support chat windows, and more. </small> </div> <div class="container m-b-xl "> <div class="modal-body cd-demo-modal text-center indpad" > <div> <img src="/img/helpdesk/branding.png" alt="Branding" class="img-responsive w-full animated fadeIn crm-banner" style="margin:0 auto; cursor:pointer;"> </div> </div> </div> <div class="container"> <div class="row img-alternate"> <div class="col-xs-12 "> <p>Customers and prospects recognize your company by your branding—your logo and the colors and fonts that you use in your advertising, marketing and other materials. It’s important that when customers or prospects receive an email or arrive at a landing page, your branding is present. Agile CRM makes it easy to incorporate your branding into emails, landing pages, live chat support windows, and more.</p> </div> </div> </div> <div class=" container wow animate fadeIn" style="-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;"> <hr style="margin:20px auto; "> </div>  </div> </div> <div class="container m-t-xl m-b-90"> <div class="row img-alternate"> <div class="col-sm-6 col-xs-12"><br> <img class = "img-responsive wow animate fadeInLeft" alt="Collect Feedback" style="float:left" src="/img/helpdesk/live-chat-windows.png"> </div> <div class="col-sm-6 col-xs-12"> <h2 class>Live Chat Windows</h2> <p><a href="live-chat-software">Live chat windows</a> let your customer support team answer questions of those visiting your website live, in real time. Personalize those chat windows to mirror the branding on the rest of your website.</p> </div> </div> <hr style="margin-top: 50px;"> <div class="row img-alternate"> <div class="col-sm-6 col-xs-12"> <h2>Landing Pages</h2> <p>Use the drag-and-drop <a href="landing-page">landing page builder</a> to place your logo onto your landing pages. Use the landing page editor to implement the same design convention that you use on your own website so they appear as an extension of it.</p> </div> <div class="col-sm-6 col-xs-12 "><br> <img class = "img-responsive wow animate fadeInRight" alt="Zopim" style="float:right" src="/img/helpdesk/landing-pages.png"> </div> </div> <hr style="margin-top: 50px;"> <div class="row img-alternate"> <div class="col-sm-6 col-xs-12"><br> <img class = "img-responsive wow animate fadeInLeft" alt="BoldChat" style="float:left" src="/img/helpdesk/emails.png"> </div> <div class="col-sm-6 col-xs-12"> <h2>Emails</h2> <p>Just like with landing pages, you can pull your logo and other elements of your branding into your email templates. Save them and use them again in the future any time you want to send a professional-looking, branded email.</p> </div> </div> </div> <script type="text/javascript">// <![CDATA[ $('.carousel').carousel({ pause: true, interval: false });</script>       <div class=" m-t-xl p-t-lg p-b-lg agile-foot-desc" style="padding: 40px 0px 60px 0px;" > <div class="container"> <div class="row text-center "> <div class="col-xs-12"><h2 class="" style="padding-bottom:20px; font-size: 30px">Start with FREE account today! </h2> <div class="subscribe-form " style="margin-top:0"> <form name="agile" id="agile" class="form-inline" method="post" action="https://my.agilecrm.com/register" onsubmit="return isValid(this);"> <div class="input-group"> <input type="text" id="form-email" name="email" class="form-control" placeholder="Enter your e-mail here"> <span class="input-group-btn"> <button class="btn btn-secondary" onclick="goog_report_conversion ('https://my.agilecrm.com/register')" type="submit">GET STARTED</button> </span> </div> </form> </div> <div style="padding-top: 10px"><span style="font-weight: bold">FREE for 10 Users.</SPAN> No credit card required. </div> </div> </div> </div></div> </div> <div class="stardust-bg p-t-lg " > <footer class="m-t-s" style=" padding:30px 0 20px 0 "> <div class="container footer-container text-center" > <div class="custom-row"> <div> <a href="/sales"><h6 class="m-b-sm footerhead " style="font-weight:bold">SALES</h6></a> <ul class="text-view"> <li><a href="/contact-management-software">Contact Management</a></li> <li><a href="/deals">Deals</a></li> <li><a href="/crm-telephony">Telephony</a></li> <li><a href="/appointment-scheduling-software">Appointment Scheduling</a> </li> <li><a href="/project-management">Task Management</a></li> <li><a href="/gamification">Gamification</a></li> <li><a href="/mobile-crm">Mobile CRM</a></li> </ul><br> <h6 class="m-b-sm footerhead " style="font-weight:bold">SERVICE </h6> <ul class="text-view"> <li><a href="/helpdesk">HelpDesk</a></li> <li><a href="/ticket-feedback">Feedback</a></li> <li><a href="https://our.agilecrm.com/help"target="_blank">Knowledge Base</a></li> </ul> </div> <div> <a href="/marketing"><h6 class="m-b-sm footerhead " style="font-weight:bold">MARKETING</h6></a> <ul class="text-view"> <li><a href="/marketing-automation-software">Marketing Automation</a></li> <li><a href="/landing-page">Landing Page Builder</a></li> <li><a href="/social-crm">Social CRM</a></li> <li><a href="/email-marketing">Email Marketing</a> </li> <li><a href="/mobile-marketing">Mobile Marketing</a></li> <li><a href="/email-tracking">Email Tracking</a></li> <li><a href="/web-engagement">Web Engagement</a></li> <li><a href="/dynamic-landing-pages">Dynamic Landing Pages</a></li> <li><a href="/exit-intent">Exit Intent</a></li> <li><a href="/send-newsletters">Send Newsletters</a></li> <li><a href="/push-notifications">Push Notifications</a></li> </ul><br> </div> <div> <a href="/solutions"><h6 class="m-b-sm footerhead " style="font-weight:bold">SOLUTIONS</h6></a> <ul class="text-view"> <li><a href="/crm-for-small-business">Small Business CRM</a></li> <li><a href="/ecommerce-crm">eCommerce CRM</a></li> <li><a href="/saas-crm">SaaS CRM</a></li> <li><a href="/call-center-crm">Call Center CRM</a></li> <li><a href="/real-estate-crm">Real Estate CRM</a></li> <li><a href="/sdr-crm">SDR CRM</a></li> <li><a href="/free-crm">Free CRM</a></li> <li><a href="/best-smb-crm">SMB CRM</a></li> <li><a href="/crm-software">CRM Software</a></li> </ul><br> <a href="/support"><h6 class="m-b-sm footerhead " style="font-weight:bold">SUPPORT</h6></a> <ul class="text-view"> <li><a href="/sales-enablement/">Sales Enablement</a></li> <li><a href="/marketing-automation/">Marketing Automation</a></li> <li><a href="/service-automation/">Service Automation</a></li> </ul> </div> <div> <a href="/resources"><h6 class="m-b-sm footerhead " style="font-weight:bold">RESOURCES</h6></a> <ul class="text-view"> <li><a href="/crm/" >CRM Essentials</a></li> <li><a href="/marketing-automation/what-is-marketing-automation-software">Marketing Essentials</a></li> <li><a href="/service-automation/what-is-helpdesk-software">HelpDesk Essentials</a></li> <li><a href="/sales-enablement/" >Agile On-Boarding</a></li> <li><a href="/training-webinars">Training Workshops</a></li> <li><a href="https://www.agilecrm.com/blog/" target="_blank">Blog</a></li> <li><a href="/crm-infographics" >Infographics</a></li> <li><a href="/top-productivity-booster" >Productivity Booster</a></li> <li><a href="/setup-guides">Setup Guides</a></li> <li><a href="/case-studies/">Case Studies</a></li> </ul> </div> <div class="companysec"> <h6 class="m-b-sm footerhead " style="font-weight:bold; ">COMPANY</h6> <ul class="text-view"> <li><a href="/demo/" >Demo</a></li> <li><a href="/team" >Team</a></li> <li><a href="/compare">Comparisons</a></li> <li><a href="/social-wall">Social Wall</a></li> <li><a href="/testimonials">Testimonials</a></li> <li><a href="/product-updates">Product Updates</a></li> <li><a href="/partners/">Partner Program</a></li> <li><a href="/api">Developers</a></li> <li><a href="/plugins">Plugins</a></li> <li><a href="/careers">Careers</a></li> <li><a href="/press">Press</a></li> </ul> </div> <div style="padding-top:7px" class="footerphone"> <p class="ponenum" >US: +1-800-980-0729</p> <p class="ponenum" >UK: +44 14428 00729</p> <p class="ponenum" >AUS: +61 285990729</p> <p class="ponenum" style="margin-bottom:10px" >IN: +91 99850 00259</p> <p style=" margin-bottom:2px" ><a href="mailto:care@agilecrm.com" class="maillinks"><i class="fa fa-envelope" ></i>  care@agilecrm.com</a></p> <p ><a href="mailto:sales@agilecrm.com" class="maillinks"><i class="fa fa-briefcase" aria-hidden="true"></i>  sales@agilecrm.com </a></p> <p> <a href="/es/" class="maillinks"><img class="es-crm" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAAAxJREFUeNpjYKAOAAAASAABEEXv0gAAAABJRU5ErkJggg==">   Español</a></p> </div> </footer> <div class="container p-b-lg " > <hr style="border:1px solid #143256; margin-bottom: 37px;"> <div class="row"> <div class="col-sm-4 "> <p class="text-view " style="color:#79828d">© 2024 agilecrm.com </p> </div> <div class="col-sm-4 "> <p class="text-view"> <a href="/sitemap" class="footlinks" >Sitemap</a> <a href="/terms" class="footlinks" >Terms and Conditions</a> <a href="/privacy-policy" class="footlinks" >Privacy Policy</a></p> </div> <div class="col-sm-4 "> <ul class="icons-view socialicons" > <li style="font-size: 22px;"><a href="https://www.facebook.com/CRM.Agile" target="_blank"><i class="fa fa-facebook-square" ></i></a></li> <li style="font-size: 22px;"><a href="https://twitter.com/agilecrm" target="_blank"><i class="fa fa-twitter-square" ></i></a></li> <li style="font-size: 22px;"><a href="http://www.linkedin.com/company/agile-crm" target="_blank"><i class="fa fa-linkedin-square" ></i></a></li> <li style="font-size: 22px;"><a href="https://github.com/agilecrm" target="_blank"><i class="fa fa-github-square" ></i></a></li> <li style="font-size: 20px; margin-right: 0px;"><a href="http://www.slideshare.net/ManoharChapalamadugu/presentations" target="_blank"><i class="fa fa-slideshare" ></i></a></li> </ul> </div></div></div> <style> </style>    <div class="modal fade form-register" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content-register"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="text-center modal-title" id="exampleModalLabel">Register Your FREE Agile CRM Account</h4> <p class="text-small text-center">No Credit Card Required</p> </div> <div class="modal-body"> <form name="agile" id="agile" method="post" onsubmit="return isValidRegistration(this);"> <div class="form-group"><div class="field"> <input type="text" spellcheck="false" class="form-control inputwid" required id="login_subdomain" name="subdomain" placeholder="Domain Name" minlength="4" maxlength="20" pattern="^[a-zA-Z][a-zA-Z0-9-_]{3,20}$" title="Name should be between 4-20 characters in length. Both letters and numbers are allowed but it should start with a letter. Cannot contain special characters other than '_' and '-'." /> <span style=" margin-left: -5px;padding: 14px 12px 15px 12px; font-size: 14px;font-weight: 400;line-height: 1; color: #555;text-align: center;background-color: #eee; border: 1px solid #ccc; border-radius: 0px 4px 4px 0px;">.agilecrm.com</span> <span style="font-size:13px; display:block; margin-top:5px; color: #8f8f8f;">This is where you and your users will login to your account</span> </div></div> <div class="form-group"><div class="field"> <input type="text" spellcheck="false" class="form-control" required id="login_name" name="name" placeholder="Your Full Name"/> </div></div> <div class="form-group"><div class="field email"> <input type="email" spellcheck="false" required="" class="form-control email" name="email" maxlength="50" placeholder="Email address"> </div></div> <div class="form-group"><div class="field password"> <input type="password" spellcheck="false" maxlength="20" required="" name="password" class="form-control password" placeholder="Password (min 6 characters)"> <input type="hidden" name="plan_type" id="plan_type" value="" /> <input type="hidden" name="type" value="agile" /> </div></div> <div class="form-group"> <button type="submit" class="form-control btn btn-primary">Get Started</button> </div> </form> </div> </div> </div></div>   <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script>   <script type="text/javascript" > function isValidRegistration(form) { var subdomain = $(form).find("#login_subdomain").val(); if(!subdomain) return false; var submit_button = $(form).find("[type='submit']"); // Return if action is already in process if($(submit_button).attr("disabled") || $(submit_button).attr("disabled")) return false; $(submit_button).attr("disabled", "disabled"); // Set target URL var targetURL = "https://my.agilecrm.com/register"; targetURL = targetURL.replace("my.agilecrm.com", subdomain + ".agilecrm.com"); $(form).attr("action", targetURL); $(form).removeAttr("onsubmit"); form.submit(); return false; } $(document).ready(function(){ $(".agile-new-signup").click(function(e){ e.preventDefault(); var form = $(this).closest("form"); var subdomain = $(form).find("#login_subdomain").val(); if(!subdomain) return false; // Set target URL var targetURL = $(form).attr("action"); targetURL = targetURL.replace("my.agilecrm.com", subdomain + ".agilecrm.com"); $(form).attr("action", targetURL); $(form).removeAttr("onsubmit"); form.submit(); }); $('.cx-selected-plan').on('click', function(ev){ $("#plan_type").val($(this).attr("data-plan-name")); }); $('#play-video').on('click', function(ev){ $("#video, #video1")[0].src += "&autoplay=1"; ev.preventDefault(); }); $('#videoModal, #videoModal1').on('hidden.bs.modal', function () { $('#videoModal1').find(".youtube-player").html(""); try{ $('#video, #video1')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }catch(e){} }); }); $(document).ready(function(){ $('#play-video1').on('click', function(ev){ $("#video1")[0].src += "&autoplay=1"; ev.preventDefault(); }); $('#videoModal1').on('shown.bs.modal', function () { loadLightYoutubeFrame(); $('#videoModal1 > .youtube-player').find(".play").click(); }); }); </script>  <script> $(document).ready(function(e) { $(document).scroll(function() { if ($(this).scrollTop() > 30) { $('#demo').hide(); $('#signup').show(); $('#signup1').show(); } else { $('#demo').show(); $('#signup').hide(); $('#signup1').hide(); } }); }); </script>  <script type="text/javascript">// <![CDATA[ $('.carousel').carousel({ pause: true, interval: false });</script>   <script src="/js/wow.min.js"></script> <script> new WOW().init(); </script>   <script type="text/javascript" src="/js/init.js"></script>   <script id="_agile_min_js" async type="text/javascript" src="https://d1gwclp1pmzk26.cloudfront.net/agile/agile-cloud.js"></script> <script type="text/javascript"> var Agile_API = Agile_API || {}; Agile_API.on_after_load = function(){ _agile.set_account('fl5qv213433bpc32l2kbfe80s0','our'); _agile.track_page_view(); _agile_execute_web_rules(); }; </script>   <script src="/js/agile.js"></script>  <script src="/js/jquery.tabSlideOut.v1.3.js"></script> <script> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', //class of the element that will be your tab pathToTabImage: '', //path to the image for the tab *required* tabLocation: 'bottom', //side of screen where tab lives, top, right, bottom, or left speed: 1000, //speed of animation action: 'click', //options: 'click' or 'hover', action to trigger animation topPos: '200px', //position from the top fixedPosition: false //options: true makes it stick(fixed position) on scroll }); }); </script> <script> /* Light YouTube Embeds by @labnol */ /* Web: http://labnol.org/?p=27941 */ document.addEventListener("DOMContentLoaded", function() { var div, n, v = document.getElementsByClassName("youtube-player"); for (n = 0; n < v.length; n++) { div = document.createElement("div"); div.setAttribute("data-id", v[n].dataset.id); div.innerHTML = labnolThumb(v[n].dataset.id); div.onclick = labnolIframe; v[n].appendChild(div); } }); function labnolThumb(id) { var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">', play = '<div class="play"></div>'; return thumb.replace("ID", id) + play; } function labnolIframe() { var iframe = document.createElement("iframe"); var embed = "https://www.youtube.com/embed/ID?autoplay=1"; iframe.setAttribute("src", embed.replace("ID", this.dataset.id)); iframe.setAttribute("frameborder", "0"); iframe.setAttribute("allowfullscreen", "1"); this.parentNode.replaceChild(iframe, this); } </script> <script> window.addEventListener('load', function(){ var allimages= document.getElementsByTagName('img'); for (var i=0; i<allimages.length; i++) { if (allimages[i].getAttribute('data-src')) { allimages[i].setAttribute('src', allimages[i].getAttribute('data-src')); } } }, false) </script> <script> $(".sliding-link").click(function(e) { e.preventDefault(); var aid = $(this).attr("href"); $('html,body').animate({scrollTop: $(aid).offset().top }, 1000); }); </script> <script> $(function() { return $(".carousel.lazy").on("slide", function(ev) { var lazy; lazy = $(ev.relatedTarget).find("img[data-src]"); lazy.attr("src", lazy.data('src')); lazy.removeAttr("data-src"); }); }); </script>  <script type='text/javascript'> var _glc =_glc || []; _glc.push('ag9zfmNsaWNrZGVza2NoYXRyFAsSB3dpZGdldHMYgIDgp-mY4wkM'); var glcpath = (('https:' == document.location.protocol) ? 'https://my.clickdesk.com/clickdesk-ui/browser/' : 'http://my.clickdesk.com/clickdesk-ui/browser/'); var glcp = (('https:' == document.location.protocol) ? 'https://' : 'http://'); var glcspt = document.createElement('script'); glcspt.type = 'text/javascript'; glcspt.async = true; glcspt.src = glcpath + 'livechat-new.js'; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(glcspt, s); </script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1065965867115628'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1065965867115628&ev=PageView&noscript=1" /></noscript>  </body> </html>

CINXE.COM

Branding – Mirror Your Company’s Look & Feel | Agile CRM