Best Landing Page Builder to Design Responsive Templates

<!DOCTYPE html> <html lang="en"> <head> <title>Best Landing Page Builder to Design Responsive Templates - 2018</title> <link rel="canonical"href="https://www.agilecrm.com/landing-page"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <meta name="description" content="Best landing page builder with drag and drop designer to create responsive templates for campaigns. Select from many free pre-build templates. Sign up and get started!">  <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="Best Landing Page Builder to Design Responsive Templates - 2018"/> <meta property="og:description" content="Best landing page builder with drag and drop designer to create responsive templates for campaigns. Select from many free pre-build templates. Sign up and get started!"/> <meta property="og:url" content="https://www.agilecrm.com/landing-page"/> <meta property="og:image" content="https://www.agilecrm.com/img/features/landing-pages.png"> <meta name="twitter:title" content="Best Landing Page Builder to Design Responsive Templates - 2018"/> <meta name="twitter:description" content="Best landing page builder with drag and drop designer to create responsive templates for campaigns. Select from many free pre-build templates. Sign up and get started!"/> <meta name="twitter:image:src" content="https://www.agilecrm.com/img/features/landing-pages.png"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:site" content="@agilecrm"/> <meta name="twitter:creator" content="@agilecrm"/> <style> .landing-bg { background: #00304f url("/img/bg/landing-pages.png") repeat scroll center top; } </style>       <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="landing-bg p-b-xxs"> <div class="text-center page-title"> <h1 class="white-text">Landing Page Builder with Drag and Drop Designer</h1> <p class="text-light m-auto text-md page-title-small">Build landing pages with drag and drop designer and create responsive Web pages for campaigns.</p> </div> <div class="container m-t-xl"> <div class="col-md-12"> <div id="marketing-automation-carousel" class="carousel slide features"> <ol class="carousel-indicators m-b-xxl p-t-xxl" style=" margin-bottom: 30px;"> <li data-target="#marketing-automation-carousel" data-slide-to="0" class="active" class=""></li> <li data-target="#marketing-automation-carousel" data-slide-to="1" ></li> <li data-target="#marketing-automation-carousel" data-slide-to="2" class=""></li> </ol> <div class="carousel-inner text-center" style="height: 550px;"> <div class="item active" > <center><img class="thumbnail centered img-responsive" alt="landing page builder" src="/img/features/landing-pages.png" ></center> </div> <div class="item " > <center><img class="thumbnail centered img-responsive" alt="landing page templates" src="/img/features/landing-pages-templates.png" ></center> </div> <div class="item" > <center><img class="thumbnail centered img-responsive" alt="landing page editor" src="/img/features/code-editor-landing-page.png" ></center> </div> </div> </div> </div> </div>  </div> <div style="background:#fafafa"> <div class="container "> <div class="row img-alternate m-t-xxxl m-b-xxl "> <div class="col-xs-12 text-center"> <h3>Engaging Dymanic Landing Pages</h3> <p>Agile CRM's full <a href="marketing">marketing automation capabilities</a> let you you create amazing landing pages, <a href="web-popups">web popups</a> and web forms from your CRM in minutes. Take your <a href="lead-generation-tools">lead generation</a> efforts to the next level with highly engaging web tools for engaging more prospects and customers.</p> <p>New templates are released every week! Our team of designers create high converting templates to suit any business. Each template includes advanced analytics, A/B testing, built in <a href="https://www.agilecrm.com/email-marketing">email marketing</a> and a mobile responsive design.</p> </div> </div> </div> <div class = "container text-center "> <div class="" style="padding-bottom:10px; font-size: 24px">Start with FREE account today! </div> <div class="row m-b-xl m-t"> <div class="col-xs-12 "> <div class="pricing3"> <div class="" style="text-align:center"> <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" data-plan-name="Free">GET STARTED</button> </span> </div> </form> </div> <div style="padding-top: 10px"><small class="m-b animated fadeIn nocc"><span style="color:#0aa1ec; font-weight:400">FREE for 10 Users.</span> No credit card required. </small></div> </div> </div> </div> </div> </div> </div><br> <div class="container text-center"> <h2> Landing Page Builder Features </h2> </div> <div class="container m-t-xxl"> <div class="row img-alternate"> <div class="col-sm-4 col-xs-12"> <h3>Free Templates</h3> <p>Agile CRM includes a range of high-converting templates for your unique business needs, from AdWords campaigns to customer retention. Create beautiful, responsive pages for higher conversions.</p> </div> <div class="col-sm-6 col-xs-12 col-sm-offset-2"> <img class = "img-responsive" alt="Free Templates" src="/img/features/free-templates-for-landing-pages.png"> </div> </div> <br> <br> <br> <br> <br> <br> <div class="row img-alternate"> <div class="col-sm-6 col-xs-12"> <img class = "img-responsive" alt="Drag-and-Drop Designer" src="/img/features/drag-and-drop-designer.png"> </div> <div class="col-sm-4 col-xs-12"> <h3 class>Drag-and-Drop Designer</h3> <p>With the same drag-and-drop simplicity as our <a href="marketing">marketing automation</a> workflows, Agile turns anyone into a cutting-edge web designer; no coding skills needed! Change the look and feel of your new pages with just a few of clicks. The drag-and-drop interface makes it easy to create and revise highly engaging pages.</p> </div> </div> <br> <br> <br> <br> <br> <br> <div class="row img-alternate"> <div class="col-sm-4 col-xs-12"> <h3>Web Forms</h3> <p>Easily add <a href="web-forms">web forms</a> to capture leads and trigger <a href="https://www.agilecrm.com/marketing-automation-software">marketing automation</a> campaigns. Use the form builder to customize your forms with checkboxes, drop down menus, multiple-choice questions, file upload fields and more. Grow your email lists, engage your customers and increase lead conversions.</p> </div> <div class="col-sm-6 col-xs-12 col-sm-offset-2"> <img class = "img-responsive" alt="Web Forms" src="/img/features/web-forms.png"> </div> </div> <br> <br> <br> <br> <br> <br> <div class="row img-alternate"> <div class="col-sm-6 col-xs-12"> <img class = "img-responsive" alt="Responsive Design" src="/img/features/responsive-design.png"> </div> <div class="col-sm-4 col-xs-12"> <h3>Responsive Design</h3> <p>Agile CRM’s landing pages display correctly, no matter what type of device your audience is using. You can also specifically modify elements for different displays (mobile, tablet, laptop, desktop), so you can rest easy knowing that your customers are getting the best possible experience. </p> </div> </div> <br> <br> <br> <br> <br> <br> <div class="row img-alternate"> <div class="col-sm-4 col-xs-12"> <h3>Code Editor</h3> <p>Eager to modify your page code directly? Our Code Editor lets you edit HTML, CSS & JS for your new pages. Ensure coherent branding and a unique user experience by choosing a template and then customizing the code.</p> <p>If the code editor looks intimidating, don’t worry! You don’t have to use it. You can just use the visual editor. We’re committed to delivering a product that’s hi-tech but also extremely user-friendly.</p> </div> <div class="col-sm-6 col-xs-12 col-sm-offset-2"> <img class = "img-responsive" alt="code editor" src="/img/features/code-editor.png"> </div> </div> <br> <br> <br> <br> </div> <div class="m-t-xxl m-b-xxl gray-bg"> <div class = "container"> <div class="row m-b-xxl"> <div class="col-sm-offset-3 col-sm-6 gravatar-view m-b-xxl"> <img src="/img/crm/leongovier.png" alt="Agile CRM testimonial by Leon Govier" class="pull-left" > <div class="gravatar-content"> <p>@agilecrm loving the new landing page builder in the CRM, #looksgood</p> <div class="m-t-xxl"> <h4>Leon Govier</h4> <small>Creative Head - ekfdiagnostics</small> </div> </div> </div> </div> </div> </div>   <div class="container m-t-xxl m-b-xl"> <h3 class="text-center wow animate fadeIn">Trusted by Over <span class="numhigh">15,000+</span> Customers & <span style="font-size: 24px;" >170,000+</span> Users</h3> <div class="row sm-t-xxxl "> <div class="col-md-3 col-sm-6 col-xs-12 m-b-md animated fadeIn wow"> <div class="text-center trusted-people"><img src="/img/crm/garyrwagner.png" alt="CRM testimonial by Gary R Wagner"> <h4>Gary R Wagner</h4> <small class="text-light">MD - Annapolis</small> </div> <p class="text-light text-center">Excellent support. You all are the best I have ever seen in my 30 years working in technology.</p> </div> <div class="col-md-3 col-sm-6 col-xs-12 m-b-md animated fadeIn wow" style="-webkit-animation-delay: 0.1s;"> <div class="text-center trusted-people"><img src="/img/crm/daniel.png" alt="Agile CRM testimonial by Daniel Goghlin"> <h4>Daniel Goghlin</h4> <small class="text-light">gung.io</small> </div> <p class="text-light text-center">I love Agile so far. I have used MS Crm for the last 3 years and I'm impressed so far.</p> </div> <div class="col-md-3 col-sm-6 col-xs-12 m-b-md animated fadeIn wow" style="-webkit-animation-delay: 0.3s;"> <div class="text-center trusted-people"><img src="/img/crm/logan.png" alt="Agile CRM testimonial by Logan Boyce"> <h4>Logan Boyce</h4> <small class="text-light">Coach - Keller Williams Realty</small> </div> <p class="text-light text-center">Just wanted to say thank you. This CRM seems completely beast. Thank you for creating this masterpiece.</p> </div> <div class="col-md-3 col-sm-6 col-xs-12 m-b-md animated fadeIn wow" style="-webkit-animation-delay: 0.2s;"> <div class="text-center trusted-people"><img src="/img/crm/niklas.png" alt="Agile CRM testimonial by Niklas Appelmann"> <h4>Niklas Appelmann</h4> <small class="text-light">Owner - smartbusiness</small> </div> <p class="text-light text-center">You guys simply blew my mind. This is the best CRM I have ever seen.</p> </div> </div> <div class="text-center m-b-md"> <a href="../testimonials" class="border-b-pink text-lg pink-text p-b-xs wow animated fadeIn" style="-webkit-animation-delay: 0.4s;">See more love</a> </div> </div> <div class="container m-t-xxl m-b-xl"> <div itemscope itemtype="http://schema.org/Review"> <meta itemprop="description" content="Build smart marketing campaigns in minutes with web popups, personalization, segmentation and autorespondersf"> <meta itemprop="datePublished" content="2016-11-04"> <link itemprop="url" href="https://www.g2crowd.com/survey_responses/agile-crm-review-283346" rel="author"/> <a itemprop="url" href="https://www.g2crowd.com/survey_responses/agile-crm-review-283346"><span itemprop="name" style="display:block;"><strong>“How is this free?!”</strong></span></a> <span itemprop="reviewBody" style="display:block;"> Customizable landing pages - you may not understand the need right now, but our team had been using a 3rd party website for years to collect leads, customization and design were always a problem and as time moved on it began to appear more and more outdated. Agile allows the creation of customizable landing pages which allowed us to extend our brand to our online lead-generation site. </span> <span itemprop="author" itemscope itemtype="http://schema.org/Person" style="display:block;"><span itemprop="name">Benjamin R</span></span> <span itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing" style="display:block;"><span itemprop="name">Landing Pages</span></span> <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <span itemprop="ratingValue">4.8</span> / <span itemprop="bestRating">5</span> </div> </div> </div>   <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "SoftwareApplication", "name" : "Landing Page Builder", "description": "Agile CRM includes a landing page builder with free templates for creating high-converting, mobile-responsive webpages for your website and campaigns.", "image": "https://cdnsite.agilecrm.com/img/features/landing-pages.png", "url" : "https://www.agilecrm.com/landing-page", "applicationCategory" : "CRM Software", "applicationSubCategory" : "Marketing" , "operatingSystem" : "Windows, Mac, Linux, Android, IOS", "softwareVersion" : "56.8", "screenshot" : "https://cdnsite.agilecrm.com/img/features/landing-pages.png", "featureList " : "Free Templates, Drag-and-Drop Designer, Web Forms and Responsive Design", "releaseNotes" : "https://www.agilecrm.com/product-updates", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD", "name" : "Free for 10 Users", "url" : "https://www.agilecrm.com/pricing" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "reviewCount": "699" }, "author": { "@type" : "Organization", "name" : "Agile CRM"} } </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

Best Landing Page Builder to Design Responsive Templates - 2018