CINXE.COM

<!DOCTYPE html> <html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8"> <title>218 Customer Service Form Templates - Customize Yours Today!</title>  <meta name="description" content="Handle customer service with ease using online forms. Skip the emails and phone calls and let customers contact you through your website. Gather important details from clients, manage support tickets, or put together custom quotes with help from user-friendly forms." /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://wpforms.com/templates/category/customer-service/" /> <link rel="next" href="https://wpforms.com/templates/category/customer-service/page/2/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.7.6" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="WPForms Form Template Gallery" /> <meta property="og:type" content="article" /> <meta property="og:title" content="218 Customer Service Form Templates - Customize Yours Today!" /> <meta property="og:description" content="Handle customer service with ease using online forms. Skip the emails and phone calls and let customers contact you through your website. Gather important details from clients, manage support tickets, or put together custom quotes with help from user-friendly forms." /> <meta property="og:url" content="https://wpforms.com/templates/category/customer-service/" /> <meta property="og:image" content="https://wpforms.com/templates/wp-content/uploads/2021/05/opengraph-02092021.png" /> <meta property="og:image:secure_url" content="https://wpforms.com/templates/wp-content/uploads/2021/05/opengraph-02092021.png" /> <meta property="og:image:width" content="2500" /> <meta property="og:image:height" content="1407" /> <meta property="article:publisher" content="https://facebook.com/wpforms" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@easywpforms" /> <meta name="twitter:title" content="218 Customer Service Form Templates - Customize Yours Today!" /> <meta name="twitter:description" content="Handle customer service with ease using online forms. Skip the emails and phone calls and let customers contact you through your website. Gather important details from clients, manage support tickets, or put together custom quotes with help from user-friendly forms." /> <meta name="twitter:image" content="https://wpforms.com/templates/wp-content/uploads/2021/05/opengraph-02092021.png" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/wpforms.com\/templates\/#listItem","position":1,"name":"Home","item":"https:\/\/wpforms.com\/templates\/","nextItem":{"@type":"ListItem","@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#listItem","name":"Customer Service"}},{"@type":"ListItem","@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#listItem","position":2,"name":"Customer Service","previousItem":{"@type":"ListItem","@id":"https:\/\/wpforms.com\/templates\/#listItem","name":"Home"}}]},{"@type":"CollectionPage","@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#collectionpage","url":"https:\/\/wpforms.com\/templates\/category\/customer-service\/","name":"218 Customer Service Form Templates - Customize Yours Today!","description":"Handle customer service with ease using online forms. Skip the emails and phone calls and let customers contact you through your website. Gather important details from clients, manage support tickets, or put together custom quotes with help from user-friendly forms.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/wpforms.com\/templates\/#website"},"breadcrumb":{"@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#breadcrumblist"}},{"@type":"FAQPage","@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#faq","url":"https:\/\/wpforms.com\/templates\/category\/customer-service\/","mainEntity":[{"@type":"Question","name":"Can I customize the fields in my customer service form?","acceptedAnswer":{"@type":"Answer","text":"Yes! WPForms makes it easy to customize the fields, field labels, colors, and layout of your forms.\nYou can use the easy drag and drop form builder to adapt any of our customer service form templates so that they fit your needs."}},{"@type":"Question","name":"How do I make sure my customer service forms are effective?","acceptedAnswer":{"@type":"Answer","text":"The most important thing to remember is that your form should collect all the information you need while being easy for customers to navigate and use.\nWPForms Pro includes all of our advanced form fields, allowing you to collect customer information in a format that makes sense for your business.\nYou’ll want to make sure that forms appear welcoming to customers. Long forms can be split into multi-step forms so that they’re easier to fill out. This layout works great with the WPForms Save and Resume addon since it gives customers the option to save a partial entry and complete it later."}},{"@type":"Question","name":"Can I integrate customer service forms with my CRM?","acceptedAnswer":{"@type":"Answer","text":"Yes, you can. You can use WPForms addons to easily send form entries to different CRMs or platforms. You can also send information to Google Sheets."}}],"inLanguage":"en-US","isPartOf":{"@id":"https:\/\/wpforms.com\/templates\/#website"},"breadcrumb":{"@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#breadcrumblist"}},{"@type":"Organization","@id":"https:\/\/wpforms.com\/templates\/#organization","name":"WPForms","url":"https:\/\/wpforms.com\/templates\/","logo":{"@type":"ImageObject","url":"https:\/\/wpforms.com\/templates\/wp-content\/uploads\/2021\/05\/wpformslogo.png","@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#organizationLogo","width":549,"height":163},"image":{"@id":"https:\/\/wpforms.com\/templates\/category\/customer-service\/#organizationLogo"},"sameAs":["https:\/\/facebook.com\/wpforms","https:\/\/twitter.com\/easywpforms","https:\/\/youtube.com\/wpformsplugin","https:\/\/www.linkedin.com\/company\/wpforms\/"]},{"@type":"WebSite","@id":"https:\/\/wpforms.com\/templates\/#website","url":"https:\/\/wpforms.com\/templates\/","name":"WPForms Form Template Gallery","inLanguage":"en-US","publisher":{"@id":"https:\/\/wpforms.com\/templates\/#organization"}}]} </script>  <link rel='dns-prefetch' href='//pro.fontawesome.com' /> <link rel="alternate" type="application/rss+xml" title="WPForms Form Template Gallery » Feed" href="https://wpforms.com/templates/feed/" />  <script src="//www.googletagmanager.com/gtag/js?id=G-SGV7TCN0GV" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.2.2'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/wpforms.com\/templates\/category\/customer-service\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-SGV7TCN0GV', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-SGV7TCN0GV', {"forceSSL":"true","logged_in":"false"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script>  <link rel='stylesheet' id='wpf-wpforms-templates-bloghome-css' href='https://wpforms.com/templates/wp-content/themes/wpf-theme/css/wpforms-templates/bloghome.min.css?ver=3.13.3' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='https://pro.fontawesome.com/releases/v5.15.4/css/all.css?ver=6.5.5' type='text/css' media='all' /> <script type="text/javascript" src="https://wpforms.com/templates/wp-content/plugins/google-analytics-premium/assets/js/frontend-gtag.min.js?ver=9.2.2" id="monsterinsights-frontend-script-js" async="async" data-wp-strategy="async"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/wpforms.com\/templates","hash_tracking":"false","v4_id":"G-SGV7TCN0GV"};/* ]]> */ </script> <script type="text/javascript" src="https://wpforms.com/templates/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://wpforms.com/templates/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>  <style> /* CSS magic to hide the page breaks and display section dividers as "buttons" based on the form class name */ .wpf-accordion-form .wpforms-page, .wpf-accordion-form .wpforms-submit-container { display: block!important; } .wpf-accordion-form .wpforms-page-prev, .wpf-accordion-form .wpforms-page-next { display: none!important; } .wpf-accordion-form .wpforms-field-divider { padding: 0; border: 0; } .wpf-accordion-form .wpforms-field-divider h3 { font-size: 18px; padding: 25px; border: 1px solid #eee; border-radius: 4px; cursor: pointer; } .wpf-accordion-form div:not(.wpforms-layout-column) > .wpforms-field:not(.wpforms-field-divider) { display: none; } .wpf-accordion-form .wpforms-field-divider h3:before { content: '↓'; margin-right: 10px; } </style> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" href="https://wpforms.com/templates/wp-content/uploads/2022/01/cropped-cropped-sullie-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://wpforms.com/templates/wp-content/uploads/2022/01/cropped-cropped-sullie-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://wpforms.com/templates/wp-content/uploads/2022/01/cropped-cropped-sullie-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://wpforms.com/templates/wp-content/uploads/2022/01/cropped-cropped-sullie-favicon-270x270.png" />  <script> window.dataLayer = window.dataLayer || []; dataLayer.push( { 'is_user_logged_in': false, 'is_staff_member': 'false', 'is_customer': 'false', } ); ( 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-KF7KTD4' ); const queryParams = Object.fromEntries( new URLSearchParams( window.location.search ).entries() ); // Set utm_locale if it is available. if ( queryParams.hasOwnProperty( 'utm_locale' ) && queryParams.utm_locale ) { dataLayer.push( [ 'set', 'user_properties', { utm_locale: queryParams.utm_locale }, ] ); } </script>  <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style></head> <body class="archive category category-customer-service category-3 no-js wpforms/templates-body template-archive">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KF7KTD4" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <header id="header" class="site-header" role="banner"> <div class="header-inner"> <div class="logo site-branding"> <a href="https://wpforms.com/templates/" title="WPForms Form Template Gallery"> <img src="https://wpforms.com/templates/wp-content/themes/wpf-theme/images/svg/logo-wpf.svg" alt="WPForms Form Template Gallery logo" title="WPForms Form Template Gallery Logo" class="site-logo" width="265" height="70" /> </a> </div> <nav id="navigation" class="site-navigation" role="navigation"> <button id="navigation-toggle" aria-controls="navigation" aria-label="Toggle Menu" aria-expanded="false"> <span class="line"></span> <span class="line"></span> </button> <ul id="menu-primary" class="wpf-mega-menu"><li id="menu-item-22914" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22914"><a href="https://wpforms.com/features/">Features</a><li id="menu-item-22954" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22954"><a href="https://wpforms.com/solutions/">Solutions</a><li id="menu-item-22915" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22915"><a href="https://wpforms.com/pricing/">Pricing</a><li id="menu-item-22955" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22955"><a href="https://wpforms.com/integrations/">Integrations</a><li id="menu-item-22916" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22916"><a href="https://wpforms.com/user-reviews/">Testimonials</a><li id="menu-item-22917" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22917"><a href="https://wpforms.com/blog/">Resources</a><li id="menu-item-22957" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22957"><a href="https://wpforms.com/contact/">Support</a><li id="menu-item-22956" class="menu-login menu-item menu-item-type-custom menu-item-object-custom menu-item-22956"><a href="https://wpforms.com/login/">Log In</a><li id="menu-item-22918" class="menu-get-wpforms menu-item menu-item-type-custom menu-item-object-custom menu-item-22918"><a href="https://wpforms.com/pricing/">Get WPForms</a></ul> </nav> </div> </header> <div id="content" class="site-inner"> <div class="intro-header"> <div class="wrapper"> <h1 class="title"> Customer Service Form Templates </h1> <div class="description">Handle customer service with ease using online forms. Skip the emails and phone calls and let customers contact you through your website. Gather important details from clients, manage support tickets, or put together custom quotes with help from user-friendly forms.</div> </div> </div> <div class="container main-content"> <div class="aioseo-breadcrumbs"><span class="aioseo-breadcrumb"> <a href="https://wpforms.com/templates" title="Templates">Templates</a> </span><span class="aioseo-breadcrumb-separator">›</span><span class="aioseo-breadcrumb"> Customer Service </span></div><aside id="secondary" class="sidebar site-sidebar sidebar-primary widget-area" role="complementary"><section id="widget_template_filter-2" class="widget widget_template_filter"><div class="widget-wrap"><div class="template-options"> <div class="template-search"> <form role="search" method="get" name="template-search-form" class="search-form" action="https://wpforms.com/templates/"> <div class="wrap"> <input type="text" name="s" id="s" value="" placeholder="Search Templates" /> <button type="submit"> <svg fill="none" width="18" height="18" viewBox="0 0 18 18"> <path d="M12.703 12.703 16.5 16.5m-1.875-8.438a6.562 6.562 0 1 1-13.125 0 6.562 6.562 0 0 1 13.125 0Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> </form> </div> <div style="clear:both;"></div> </div> <div class="template-filter-wrap"> <div ><a href="https://wpforms.com/templates">All Templates<span>2,000</span></a></div> <div><a href="https://wpforms.com/templates/category/business-operations/">Business Operations<span>1028</span></a></div><div><a href="https://wpforms.com/templates/category/calculator-forms/">Calculator<span>138</span></a></div><div class="selected"><a href="https://wpforms.com/templates/category/customer-service/">Customer Service<span>218</span></a></div><div class="sub-cat"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9"> <path d="M5.196 4.455a.308.308 0 0 0-.089-.205L.947.09A.308.308 0 0 0 .74 0a.308.308 0 0 0-.205.09L.089.535A.308.308 0 0 0 0 .74c0 .072.036.152.09.205l3.508 3.51L.09 7.963A.308.308 0 0 0 0 8.17c0 .08.036.151.09.205l.446.446c.053.054.134.09.205.09a.308.308 0 0 0 .205-.09l4.161-4.16a.308.308 0 0 0 .09-.206Z" fill="#999999"/> </svg><a href="https://wpforms.com/templates/category/customer-service/inquiry-forms/">Inquiry</a></div><div class="sub-cat"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="9" viewBox="0 0 6 9"> <path d="M5.196 4.455a.308.308 0 0 0-.089-.205L.947.09A.308.308 0 0 0 .74 0a.308.308 0 0 0-.205.09L.089.535A.308.308 0 0 0 0 .74c0 .072.036.152.09.205l3.508 3.51L.09 7.963A.308.308 0 0 0 0 8.17c0 .08.036.151.09.205l.446.446c.053.054.134.09.205.09a.308.308 0 0 0 .205-.09l4.161-4.16a.308.308 0 0 0 .09-.206Z" fill="#999999"/> </svg><a href="https://wpforms.com/templates/category/customer-service/service-request-forms/">Service Request</a></div><div><a href="https://wpforms.com/templates/category/education/">Education<span>278</span></a></div><div><a href="https://wpforms.com/templates/category/entertainment/">Entertainment<span>128</span></a></div><div><a href="https://wpforms.com/templates/category/event-planning/">Event Planning<span>261</span></a></div><div><a href="https://wpforms.com/templates/category/feedback/">Feedback<span>140</span></a></div><div><a href="https://wpforms.com/templates/category/health-wellness/">Health & Wellness<span>208</span></a></div><div><a href="https://wpforms.com/templates/category/marketing/">Marketing<span>164</span></a></div><div><a href="https://wpforms.com/templates/category/nonprofit/">Nonprofit<span>148</span></a></div><div><a href="https://wpforms.com/templates/category/registrations/">Registrations<span>205</span></a></div> </div> </div></section></aside> <div id="primary" class="content-area"> <h2 class="templates-list-title"> 218 Customer Service Form Templates </h2> <main id="main" class="site-main" role="main"> <div class="templates-list"> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/request-a-quote-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/1656d9274f04194b1506a8ff754175c5.jpg" alt="Request a Quote Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Request a Quote Form Template" class="entry-title"> <a href="https://wpforms.com/templates/request-a-quote-form-template/">Request a Quote Form </a> </h3> </header> <p class="entry-description">Let people safely and easily request a quote from your business through this form template.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/request-a-quote-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/accident-report-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/9e4358cb57fd2c77062d164e1bbcc9fc.jpg" alt="Accident Report Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Accident Report Form Template" class="entry-title"> <a href="https://wpforms.com/templates/accident-report-form-template/">Accident Report Form </a> </h3> </header> <p class="entry-description">Gather information about an accident and record details of those involved.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/accident-report-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/automobile-information-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/b02a991ec2e8169a811aca1292661954.jpg" alt="Automobile Information Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Automobile Information Form Template" class="entry-title"> <a href="https://wpforms.com/templates/automobile-information-form-template/">Automobile Information Form </a> </h3> </header> <p class="entry-description">Gather information for car insurance, repairs, or services.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/automobile-information-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/simple-contact-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/4dbf022985a4fe4bda4a80365011a3a0.jpg" alt="Simple Contact Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Simple Contact Form Template" class="entry-title"> <a href="https://wpforms.com/templates/simple-contact-form-template/">Simple Contact Form </a> </h3> </header> <p class="entry-description">Collect the names, emails, and messages from site visitors that need to talk to you.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/simple-contact-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/customer-enquiry-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/39e8b30c112622557194d29e656cdd5a.jpg" alt="Customer Enquiry Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Customer Enquiry Form Template" class="entry-title"> <a href="https://wpforms.com/templates/customer-enquiry-form-template/">Customer Enquiry Form </a> </h3> </header> <p class="entry-description">Let people contact your business for a range of reasons.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/customer-enquiry-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/multi-page-contact-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/bced1c6886b19c0525c8a4d70394b8ce.jpg" alt="Multi-page Contact Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Multi-page Contact Form Template" class="entry-title"> <a href="https://wpforms.com/templates/multi-page-contact-form-template/">Multi-page Contact Form </a> </h3> </header> <p class="entry-description">Let people reach out to you through a multi-step form with breadcrumbs.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/multi-page-contact-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/lead-generation-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/e98d4dd76ae57b2e0f01cfa93051bb3b.jpg" alt="Lead Generation Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Lead Generation Form Template" class="entry-title"> <a href="https://wpforms.com/templates/lead-generation-form-template/">Lead Generation Form </a> </h3> </header> <p class="entry-description">Generate leads on your website with this user-friendly template. </p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/lead-generation-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/appointment-booking-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/25225e3fd0515debc616b4ce9bafd6d0.jpg" alt="Appointment Booking Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Appointment Booking Form Template" class="entry-title"> <a href="https://wpforms.com/templates/appointment-booking-form-template/">Appointment Booking Form </a> </h3> </header> <p class="entry-description">A seamless and efficient way for clients or customers to secure their preferred time with you. </p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/appointment-booking-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/maintenance-request-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/f790c292a0d02df8c01d183a03bd4601.jpg" alt="Maintenance Request Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Maintenance Request Form Template" class="entry-title"> <a href="https://wpforms.com/templates/maintenance-request-form-template/">Maintenance Request Form </a> </h3> </header> <p class="entry-description">Collect repair requests and place urgent matters to the front of the line.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/maintenance-request-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/online-proposal-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/1b0a4f2cc7549aa0c58dcdb729822568.jpg" alt="Online Proposal Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Online Proposal Form Template" class="entry-title"> <a href="https://wpforms.com/templates/online-proposal-form-template/">Online Proposal Form </a> </h3> </header> <p class="entry-description">Give potential customers a cost estimate for your services.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/online-proposal-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/bug-tracker-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/3f7ebb956c1a4f2be4f58957ff8326a0.jpg" alt="Bug Tracker Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Bug Tracker Form Template" class="entry-title"> <a href="https://wpforms.com/templates/bug-tracker-form-template/">Bug Tracker Form </a> </h3> </header> <p class="entry-description">Get reports of bugs that need to be fixed so you can track them easily.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/bug-tracker-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/cancellation-survey-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/5765a7138a3071a82e2613f7bf3b8f7b.jpg" alt="Cancellation Survey Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Cancellation Survey Form Template" class="entry-title"> <a href="https://wpforms.com/templates/cancellation-survey-form-template/">Cancellation Survey Form </a> </h3> </header> <p class="entry-description">Ask people questions about why they’re cancelling their service or subscription.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/cancellation-survey-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/support-ticket-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/3b4bf596679d72b3dee9f2b6ad3f77b5.jpg" alt="Support Ticket Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Support Ticket Form Template" class="entry-title"> <a href="https://wpforms.com/templates/support-ticket-form-template/">Support Ticket Form </a> </h3> </header> <p class="entry-description">Collect names, emails, and issue requests prioritize them as needed.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/support-ticket-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/complaint-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/c664c7510d014e359308e297d356b052.jpg" alt="Complaint Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Complaint Form Template" class="entry-title"> <a href="https://wpforms.com/templates/complaint-form-template/">Complaint Form </a> </h3> </header> <p class="entry-description">Improve customer service by streamlining the complaint process.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/complaint-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/work-order-request-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/17c18b090779ecf6293b221c0cf7488f.jpg" alt="Work Order Request Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Work Order Request Form Template" class="entry-title"> <a href="https://wpforms.com/templates/work-order-request-form-template/">Work Order Request Form </a> </h3> </header> <p class="entry-description">Provide exception customer service by accepting work order requests online.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/work-order-request-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/it-service-request-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/d48f3614fc715fa837d129b56c03560b.jpg" alt="IT Service Request Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="IT Service Request Form Template" class="entry-title"> <a href="https://wpforms.com/templates/it-service-request-form-template/">IT Service Request Form </a> </h3> </header> <p class="entry-description">Let your users choose the department they need to get in touch with and describe their issue.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/it-service-request-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/rma-request-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/54d7fcbd0da65e20f4f5a62f7e0b1739.jpg" alt="RMA Request Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="RMA Request Form Template" class="entry-title"> <a href="https://wpforms.com/templates/rma-request-form-template/">RMA Request Form </a> </h3> </header> <p class="entry-description">Let customers easily notify you when they want to return an item to your store.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/rma-request-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/gdpr-right-to-erasure-request-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/d195f907f846890125a6045bcd54016b.jpg" alt="GDPR Right to Erasure Request Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="GDPR Right to Erasure Request Form Template" class="entry-title"> <a href="https://wpforms.com/templates/gdpr-right-to-erasure-request-form-template/">GDPR Right to Erasure Request Form </a> </h3> </header> <p class="entry-description">Let visitors to request the erasure of personal data.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/gdpr-right-to-erasure-request-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/request-a-call-back-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/57a70e45d06a07b97e447296c25f5b28.jpg" alt="Request a Call Back Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Request a Call Back Form Template" class="entry-title"> <a href="https://wpforms.com/templates/request-a-call-back-form-template/">Request a Call Back Form </a> </h3> </header> <p class="entry-description">Let customers request a call back at their preferred time.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/request-a-call-back-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/select-a-recipient-contact-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/c634e699599db5c0c3b33f73a5226d42.jpg" alt="Select a Recipient Contact Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Select a Recipient Contact Form Template" class="entry-title"> <a href="https://wpforms.com/templates/select-a-recipient-contact-form-template/">Select a Recipient Contact Form </a> </h3> </header> <p class="entry-description">Allow your visitor to choose a recipient on your contact form.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/select-a-recipient-contact-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/account-opening-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/0cdeece9f3c392d5a11433952a0a1b6e.jpg" alt="Account Opening Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Account Opening Form Template" class="entry-title"> <a href="https://wpforms.com/templates/account-opening-form-template/">Account Opening Form </a> </h3> </header> <p class="entry-description">Let people apply to open an account with your bank, credit union, or other financial institution.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/account-opening-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/pest-control-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/59d71e75f758b54792a85f03db7cf8fa.jpg" alt="Pest Control Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Pest Control Form Template" class="entry-title"> <a href="https://wpforms.com/templates/pest-control-form-template/">Pest Control Form </a> </h3> </header> <p class="entry-description">Let people who are in need of bug or rodent control services let you know through your form.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/pest-control-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/hairdresser-appointment-booking-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/d71be0c378d75b14113ca0224e383c02.jpg" alt="Hairdresser Appointment Booking Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Hairdresser Appointment Booking Form Template" class="entry-title"> <a href="https://wpforms.com/templates/hairdresser-appointment-booking-form-template/">Hairdresser Appointment Booking Form </a> </h3> </header> <p class="entry-description">Allow clients to easily request an appointment at your salon.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/hairdresser-appointment-booking-form-template/" class="button button-light-gray">View Demo</a> </div> </div> <div class="template-demo-block "> <div class="thumb-template"> <a href="https://wpforms.com/templates/hair-appointment-booking-form-template/"><img src="https://wpforms.com/templates/wp-content/uploads/templates/thumb/31d3507763e4783c6a23cfd2bbfcbd7c.jpg" alt="Hair Appointment Booking Form Template"></a> </div> <div class="content"> <header class="entry-header"> <h3 title="Hair Appointment Booking Form Template" class="entry-title"> <a href="https://wpforms.com/templates/hair-appointment-booking-form-template/">Hair Appointment Booking Form </a> </h3> </header> <p class="entry-description">Find out which services and dates your customers would like to get their hair done.</p> </div> <div class="actions"> <a href="https://wpforms.com/pricing/" class="button" data-vars-ga-category="Templates" data-vars-ga-action="click" data-vars-ga-label="Use Template">Use Template</a> <a href="https://wpforms.com/templates/hair-appointment-booking-form-template/" class="button button-light-gray">View Demo</a> </div> </div> </div> </main> </div> <nav class="archive-navigation" role="navigation"><span class="nav-action prev"><svg viewBox="0 0 20 16"><path d="M7.732.733a.85.85 0 1 1 1.202 1.202L3.718 7.152h14.615a.85.85 0 0 1 0 1.7H3.72l5.215 5.215a.85.85 0 1 1-1.202 1.202L1.086 8.622a.848.848 0 0 1-.02-1.222L7.731.733Z" fill="currentColor"/></svg></span><div class="nav-links"><span aria-current="page" class="page-numbers current">1</span> <a class="page-numbers" href="https://wpforms.com/templates/category/customer-service/page/2/">2</a> <a class="page-numbers" href="https://wpforms.com/templates/category/customer-service/page/3/">3</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://wpforms.com/templates/category/customer-service/page/10/">10</a></div><span class="nav-action next"><a href="https://wpforms.com/templates/category/customer-service/page/2/">Next</a><svg viewBox="0 0 20 16"><path d="M12.265.733a.85.85 0 0 0-1.202 1.202l5.216 5.217H1.664a.85.85 0 0 0 0 1.7h14.614l-5.215 5.215a.85.85 0 0 0 1.202 1.202l6.646-6.647a.848.848 0 0 0 .02-1.222L12.266.733Z" fill="currentColor"/></svg></span></nav></div> <div class="block block-read-more"> <div class="container"> <div class="read-more-wrapper"> <h2 class="read-more-title"> Tips for Creating Customer Service Forms That Convert </h2> <div class="collapsed"><p>Our customer service form templates can help to streamline the process of giving your customers the best possible support. Here’s a quick rundown of the online forms you can create from a WPForms template.</p> <h3>Simple Contact Forms and More</h3> <p>Our most popular WordPress form template is the <a href="https://wpforms.com/templates/simple-contact-form-template/">simple contact form template</a>, and with good reason. Our contact form template makes it easy to get messages from customers no matter what your business does.</p> <p>If you need something a little different, we have some variations on the simple contact form that’ll help you provide quick, efficient customer service:</p> <ul> <li>Use the <a href="https://wpforms.com/templates/choose-a-contact-method-form-template/">Choose a Contact Method form template</a> to allow your visitors to get a reply via phone, text, or email.</li> <li>The <a href="https://wpforms.com/templates/select-a-recipient-contact-form-template/">Select a Recipient Contact Form Template</a> lets your visitors choose which department they’d like to contact. Behind the scenes, all of your form notifications will be automatically sent to the right email address.</li> <li>The WPForms <a href="https://wpforms.com/templates/password-protected-contact-form-template/">Password Protected Contact Form Template</a> is ideal if you’d like to limit messages to selected customers or internal employees.</li> <li>Our <a href="https://wpforms.com/templates/gdpr-contact-form-template/">GDPR Contact Form Template</a> includes a ready-made GDPR consent field.</li> </ul> <p>These contact forms are all based on the same basic fields, but they allow you to take customer service messages in a variety of ways. If they’re not right for your business, you can easily add or remove fields, change the labels on the fields, or change the appearance of your favorite template so that it’s a perfect match for your needs.</p> <h3>Streamlining the Customer Experience</h3> <p>Getting customer information is essential if you want your business to grow. Sometimes, the layout and design of a form can make all the difference in getting form conversions. That’s why WPForms has a drag and drop form builder that makes it easy to adapt the appearance and design of your forms to increase completion and reduce form abandonment.</p> <p>To make the process as easy as possible for customers, we’ve demonstrated some of the layouts you can use in the following templates:</p> <ul> <li>A <a href="https://wpforms.com/templates/multi-column-contact-form-template/">Multi-Column Contact Form Template</a> allows you to create a super compact form that’s easy to fill in.</li> <li>Our <a href="https://wpforms.com/templates/multi-page-contact-form-template/">Multi-Page Contact Form Template</a> splits the fields over multiple pages, which can help to make a longer contact form look friendlier and less intimidating.</li> <li>The <a href="https://wpforms.com/templates/address-autocomplete-contact-form-template/">Address Autocomplete Form Template</a> automatically fills out the customer’s postal address as they type, saving them time and frustration.</li> </ul> <p>Whatever your requirements are, WPForms has a ton of features that let you adjust your form’s layout and design to give your customers the best experience.</p> <h3>Making Your Customers Feel Heard</h3> <p>As your business grows, you’ll likely need to manage customers’ requests and complaints. Being able to log these complaints through your website will make it easier for you to give your customers the best possible response.</p> <ul> <li>The <a href="https://wpforms.com/templates/complaint-form-template/">Customer Complaint Form Template</a> lets customers log a complaint in detail so you can act on it quickly.</li> <li>Our <a href="https://wpforms.com/templates/return-exchange-form-template/">Return/ Exchange Form Template</a> allows you to take details of customer returns in advance, before the package is mailed back to you.</li> <li>The <a href="https://wpforms.com/templates/customer-service-evaluation-form-template/">Customer Service Evaluation Form</a> lets you gather feedback about the service you’ve provided.</li> </ul> <h3>Need More Customer Feedback Forms?</h3> <p>Do you need to collect feedback from customers after they interact with your team? We have a whole category dedicated to <a href="https://wpforms.com/templates/category/feedback/">feedback form templates</a>, including customer satisfaction survey templates and questionnaires.</p> <p>Explore our template gallery to browse hundreds of essential order forms, registration forms, and consent forms. And for the best possible experience, check out the features and addons you’ll enjoy when you <a href="https://wpforms.com/pricing/">upgrade to WPForms Pro</a>.</p> </div> <a class="read-more-btn" href="#read-more">Read More</a> <div class="cta"> <a href="https://wpforms.com/pricing/" class="button button-large">Get Access to All Form Templates</a> </div> </div> </div> </div> <div class="block block-faq"> <div class="block-container"> <div class="block-header"> <h2 class="title">Frequently Asked Questions and Resources</h2> <div class="description"> Do you have a question about WPForms? See the list below for our most frequently asked questions. If your question is not listed here, then please contact us. </div> </div> <dl class="faqs accordion" id="faqs"> <dt> <a href="#" class="accordion-title"> Can I customize the fields in my customer service form? <svg class="toggle-chevron" aria-hidden="true" width="8" height="12" fill="currentColor" viewBox="0 0 8 12"> <path d="M.854 11.451a.925.925 0 0 1-.213-.55.677.677 0 0 1 .213-.525l4.4-4.4L.829 1.551C.696 1.418.633 1.24.64 1.014A.769.769 0 0 1 .854.476C1.02.31 1.2.231 1.39.24a.755.755 0 0 1 .513.237l4.975 4.975a.762.762 0 0 1 .175.25c.033.084.05.175.05.275a.74.74 0 0 1-.05.275.762.762 0 0 1-.175.25l-4.95 4.95a.677.677 0 0 1-.525.213.926.926 0 0 1-.55-.213Z" /> </svg> </a> </dt> <dd class="" style="display: none;"> <p>Yes! WPForms makes it easy to customize the fields, field labels, colors, and layout of your forms.</p> <p>You can use the easy drag and drop form builder to adapt any of our customer service form templates so that they fit your needs.</p> </dd> <dt> <a href="#" class="accordion-title"> How do I make sure my customer service forms are effective? <svg class="toggle-chevron" aria-hidden="true" width="8" height="12" fill="currentColor" viewBox="0 0 8 12"> <path d="M.854 11.451a.925.925 0 0 1-.213-.55.677.677 0 0 1 .213-.525l4.4-4.4L.829 1.551C.696 1.418.633 1.24.64 1.014A.769.769 0 0 1 .854.476C1.02.31 1.2.231 1.39.24a.755.755 0 0 1 .513.237l4.975 4.975a.762.762 0 0 1 .175.25c.033.084.05.175.05.275a.74.74 0 0 1-.05.275.762.762 0 0 1-.175.25l-4.95 4.95a.677.677 0 0 1-.525.213.926.926 0 0 1-.55-.213Z" /> </svg> </a> </dt> <dd class="" style="display: none;"> <p>The most important thing to remember is that your form should collect all the information you need while being easy for customers to navigate and use.</p> <p><a href="https://wpforms.com/pricing/">WPForms Pro</a> includes all of our advanced form fields, allowing you to collect customer information in a format that makes sense for your business.</p> <p>You’ll want to make sure that forms appear welcoming to customers. Long forms can be split into multi-step forms so that they’re easier to fill out. This layout works great with the WPForms Save and Resume addon since it gives customers the option to save a partial entry and complete it later.</p> </dd> <dt> <a href="#" class="accordion-title"> Can I integrate customer service forms with my CRM? <svg class="toggle-chevron" aria-hidden="true" width="8" height="12" fill="currentColor" viewBox="0 0 8 12"> <path d="M.854 11.451a.925.925 0 0 1-.213-.55.677.677 0 0 1 .213-.525l4.4-4.4L.829 1.551C.696 1.418.633 1.24.64 1.014A.769.769 0 0 1 .854.476C1.02.31 1.2.231 1.39.24a.755.755 0 0 1 .513.237l4.975 4.975a.762.762 0 0 1 .175.25c.033.084.05.175.05.275a.74.74 0 0 1-.05.275.762.762 0 0 1-.175.25l-4.95 4.95a.677.677 0 0 1-.525.213.926.926 0 0 1-.55-.213Z" /> </svg> </a> </dt> <dd class="" style="display: none;"> <p>Yes, you can. You can use WPForms addons to easily send form entries to different CRMs or platforms. You can also send information to Google Sheets.</p> </dd> </dl> </div> </div> </div> <div class="block-cta block footer-promo-cta"> <div class="wrapper" style="background-color:#17233f;"> <div class="content"> <div class="title"> Start Building Smarter<br>WordPress Forms </div> <div class="description"> Create and publish forms in minutes...<br>What are you waiting for? </div> <div class="action"> <a href="https://wpforms.com/pricing/" class="button button-arrow" data-vars-ga-category="Before Footer CTA" data-vars-ga-action="click" data-vars-ga-label="Get WPForms Now" > Get WPForms Now </a> <a href="https://wpforms.com/contact/" class="talk-expert" data-vars-ga-category="Before Footer CTA" data-vars-ga-action="click" data-vars-ga-label="Talk to an expert" > <span> Talk to an expert </span> </a> </div> </div> <div class="image" style="background-image:url(https://wpforms.com/templates/wp-content/themes/wpf-theme/images/footer-banner.png);"></div> </div> </div> <div class="footer-widgets"> <div class="container"> <div class="column column-1"> <section id="nav_menu-2" class="widget widget_nav_menu"><div class="widget-wrap"><div class="widget-title">Company</div><div class="menu-footer-company-container"><ul id="menu-footer-company" class="menu"><li id="menu-item-22866" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22866"><a href="https://wpforms.com/about-us">About Us</a></li> <li id="menu-item-22867" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22867"><a target="_blank" rel="noopener" href="https://awesomemotive.com/career/">Careers</a></li> <li id="menu-item-22868" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22868"><a href="https://wpforms.com/user-reviews/">Testimonials</a></li> <li id="menu-item-22869" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22869"><a href="https://wpforms.com/contact/">Contact</a></li> <li id="menu-item-22870" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22870"><a href="https://wpforms.com/press/">Press</a></li> <li id="menu-item-22871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22871"><a href="https://wpforms.com/affiliates/">Affiliates</a></li> <li id="menu-item-22872" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22872"><a href="https://wpforms.com/blog/">Blog</a></li> <li id="menu-item-22873" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22873"><a href="https://wpforms.com/ftc-disclosure/">FTC Disclosure</a></li> </ul></div></div></section><section id="widget_social-3" class="widget widget_social"><div class="widget-wrap"> <ul> <li class="facebook"> <a href="https://facebook.com/wpforms" target="_blank" rel="noopener noreferrer nofollow" class="facebook"> <svg width="16" height="16" viewBox="0 0 16 16"><path d="M16 8c0 4.094-3.094 7.469-7.031 7.969v-5.5h2.156L11.563 8H8.969v-.844c0-1.312.5-1.812 1.812-1.812.406 0 .719.031.906.031V3.187c-.343-.124-1.218-.218-1.718-.218-2.688 0-3.906 1.281-3.906 4V8H4.405v2.469h1.657v5.312A8.012 8.012 0 0 1 0 8c0-4.406 3.563-8 8-8 4.406 0 8 3.594 8 8Z" fill="currentColor"/></svg> </a> </li> <li class="twitter"> <a href="http://twitter.com/easywpforms" target="_blank" rel="noopener noreferrer nofollow" class="twitter"> <svg width="16" height="16" viewBox="0 0 16 16"><path d="M12.599.78h2.43L9.682 6.921 16 15.218h-4.928l-3.888-5.033-4.407 5.032H.312L6.04 8.694 0 .779h5.067l3.471 4.616L12.598.78Zm-.868 12.98h1.354L4.338 2.168H2.881l8.85 11.592Z" fill="currentColor"/></svg> </a> </li> <li class="youtube"> <a href="https://www.youtube.com/c/Wpformsplugin" target="_blank" rel="noopener noreferrer nofollow" class="youtube"> <svg width="16" height="16" viewBox="0 0 16 16"><path d="M15.649 4.165C16 5.394 16 8.026 16 8.026s0 2.604-.351 3.861a1.951 1.951 0 0 1-1.404 1.404c-1.258.322-6.23.322-6.23.322s-5.002 0-6.26-.322a1.951 1.951 0 0 1-1.404-1.404C0 10.63 0 8.027 0 8.027s0-2.633.351-3.862a1.99 1.99 0 0 1 1.404-1.433c1.258-.351 6.26-.351 6.26-.351s4.972 0 6.23.35a1.99 1.99 0 0 1 1.404 1.434Zm-9.272 6.23 4.153-2.369-4.153-2.37v4.74Z" fill="currentColor"/></svg> </a> </li> </ul> </div></section> </div> <div class="column column-2"> <section id="nav_menu-3" class="widget widget_nav_menu"><div class="widget-wrap"><div class="widget-title">Top Features</div><div class="menu-footer-features-1-container"><ul id="menu-footer-features-1" class="menu"><li id="menu-item-22878" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22878"><a href="https://wpforms.com/features/drag-drop-online-form-builder/">Online Form Builder</a></li> <li id="menu-item-22879" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22879"><a href="https://wpforms.com/features/conditional-logic/">Conditional Logic</a></li> <li id="menu-item-22880" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22880"><a href="https://wpforms.com/features/conversational-forms-addon/">Conversational Forms</a></li> <li id="menu-item-22881" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22881"><a href="https://wpforms.com/features/form-pages-addon/">Form Landing Pages</a></li> <li id="menu-item-22882" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22882"><a href="https://wpforms.com/features/entry-management/">Entry Management</a></li> <li id="menu-item-22883" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22883"><a href="https://wpforms.com/features/form-abandonment/">Form Abandonment</a></li> <li id="menu-item-22884" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22884"><a href="https://wpforms.com/features/instant-notifications/">Form Notifications</a></li> <li id="menu-item-22885" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-22885"><a href="https://wpforms.com/templates/">Form Templates</a></li> <li id="menu-item-22886" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22886"><a href="https://wpforms.com/features/file-uploads/">File Uploads</a></li> <li id="menu-item-22887" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22887"><a href="https://wpforms.com/features/calculations-addon/">Calculation Forms</a></li> <li id="menu-item-22888" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22888"><a href="https://wpforms.com/features/geolocation-addon/">Geolocation Forms</a></li> <li id="menu-item-22889" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22889"><a href="https://wpforms.com/features/multi-page-forms/">Multi-Page Forms</a></li> <li id="menu-item-22890" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22890"><a href="https://wpforms.com/templates/newsletter-signup-form-template/">Newsletter Forms</a></li> <li id="menu-item-22891" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22891"><a href="https://wpforms.com/docs/how-to-create-a-payment-form-in-wpforms/">Payment Forms</a></li> <li id="menu-item-22892" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22892"><a href="https://wpforms.com/features/post-submissions/">Post Submissions</a></li> <li id="menu-item-22893" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22893"><a href="https://wpforms.com/features/digital-signatures/">Signature Forms</a></li> <li id="menu-item-22894" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22894"><a href="https://wpforms.com/features/spam-protection/">Spam Protection</a></li> <li id="menu-item-22895" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22895"><a href="https://wpforms.com/features/surveys-and-polls-addon/">Surveys and Polls</a></li> <li id="menu-item-22896" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22896"><a href="https://wpforms.com/features/user-registration/">User Registration</a></li> </ul></div></div></section> </div> <div class="column column-3"> <section id="nav_menu-4" class="widget widget_nav_menu"><div class="widget-wrap"><div class="widget-title">Integrations</div><div class="menu-integrations-container"><ul id="menu-integrations" class="menu"><li id="menu-item-22905" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22905"><a href="https://wpforms.com/integrations/drip/">Drip Forms</a></li> <li id="menu-item-22906" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22906"><a href="https://wpforms.com/integrations/hubspot/">HubSpot Forms</a></li> <li id="menu-item-22907" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22907"><a href="https://wpforms.com/integrations/mailchimp/">Mailchimp Forms</a></li> <li id="menu-item-22908" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22908"><a href="https://wpforms.com/integrations/brevo/">Brevo Forms</a></li> <li id="menu-item-22909" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22909"><a href="https://wpforms.com/integrations/salesforce/">Salesforce Forms</a></li> <li id="menu-item-22910" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22910"><a href="https://wpforms.com/integrations/authorize-net/">Authorize.Net</a></li> <li id="menu-item-22911" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22911"><a href="https://wpforms.com/integrations/paypal/">PayPal Forms</a></li> <li id="menu-item-22912" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22912"><a href="https://wpforms.com/integrations/square/">Square Forms</a></li> <li id="menu-item-22913" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22913"><a href="https://wpforms.com/integrations/stripe/">Stripe Forms</a></li> </ul></div></div></section> </div> <div class="column column-4"> <section id="nav_menu-5" class="widget widget_nav_menu"><div class="widget-wrap"><div class="widget-title">Helpful Links</div><div class="menu-footer-helpful-container"><ul id="menu-footer-helpful" class="menu"><li id="menu-item-22897" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22897"><a href="https://wpforms.com/account/support/">Support</a></li> <li id="menu-item-22898" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22898"><a href="https://wpforms.com/docs/">Documentation</a></li> <li id="menu-item-22899" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22899"><a href="https://wpforms.com/pricing/">Plans & Pricing</a></li> <li id="menu-item-22900" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22900"><a target="_blank" rel="noopener" href="https://www.wpbeginner.com/wordpress-hosting/">WordPress Hosting</a></li> <li id="menu-item-22901" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22901"><a target="_blank" rel="noopener" href="https://www.wpbeginner.com/start-a-wordpress-blog/">Start a Blog</a></li> <li id="menu-item-22902" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22902"><a target="_blank" rel="noopener" href="https://www.wpbeginner.com/guides/">Make a Website</a></li> <li id="menu-item-22903" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22903"><a target="_blank" rel="noopener" href="https://www.wpbeginner.com/">WPBeginner</a></li> <li id="menu-item-22904" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22904"><a href="https://wpforms.com/wordpress-forms-nonprofits/">WordPress Forms for Nonprofits</a></li> </ul></div></div></section> </div> </div> </div> <footer class="site-footer " role="contentinfo"> <div class="container"> <div class="footer-copyright"> <p> <b>Copyright © 2016-2025 WPForms, LLC.</b> <span class="footer-credentials-secondary">WPForms is a trademark of WPForms, LLC.</span> </p> <nav> <ul id="menu-footer-copyright" class=""><li id="menu-item-22874" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22874"><a href="https://wpforms.com/terms">Terms of Service</a></li> <li id="menu-item-22875" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22875"><a href="https://wpforms.com/privacy-policy">Privacy Policy</a></li> <li id="menu-item-22876" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22876"><a href="https://wpforms.com/sitemap.xml">Sitemap</a></li> <li id="menu-item-22877" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22877"><a href="https://wpforms.com/wpforms-coupon-code/">WPForms Coupon</a></li> </ul> </nav> </div> <div class="footer-badges"> <img width="97" height="48" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/images/badge-norton-verified.png" alt="Norton verified badge" title="Norton Verified Badge" /> <img width="55" height="48" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/images/badge-paypal-verified.png" alt="PayPal verified badge" title="PayPal Verified Badge" /> <a href="https://www.wpbeginner.com/solutions/wpforms/" target="_blank"> <img width="224" height="40" class="badge-wpbeginner" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/images/badge-wpbeginner-verified.png" alt="WPBeginner verified badge" title="WPBeginner Verified Badge" /> </a> </div> <div class="trademark-disclaimer"> The WordPress® trademark is the intellectual property of the WordPress Foundation. Uses of the WordPress®, names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation. WPForms Templates is not endorsed or owned by, or affiliated with, the WordPress Foundation. </div> </div> </footer>  <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); twq('config','ofogl'); </script>  <script type="text/javascript"> /* MonsterInsights Scroll Tracking */ if ( typeof(jQuery) !== 'undefined' ) { jQuery( document ).ready(function(){ function monsterinsights_scroll_tracking_load() { if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) { (function(factory) { factory(jQuery); }(function($) { /* Scroll Depth */ "use strict"; var defaults = { percentage: true }; var $window = $(window), cache = [], scrollEventBound = false, lastPixelDepth = 0; /* * Plugin */ $.scrollDepth = function(options) { var startTime = +new Date(); options = $.extend({}, defaults, options); /* * Functions */ function sendEvent(action, label, scrollDistance, timing) { if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) { return; } var paramName = action.toLowerCase(); var fieldsArray = { send_to: 'G-SGV7TCN0GV', non_interaction: true }; fieldsArray[paramName] = label; if (arguments.length > 3) { fieldsArray.scroll_timing = timing MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } else { MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } } function calculateMarks(docHeight) { return { '25%' : parseInt(docHeight * 0.25, 10), '50%' : parseInt(docHeight * 0.50, 10), '75%' : parseInt(docHeight * 0.75, 10), /* Cushion to trigger 100% event in iOS */ '100%': docHeight - 5 }; } function checkMarks(marks, scrollDistance, timing) { /* Check each active mark */ $.each(marks, function(key, val) { if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) { sendEvent('Percentage', key, scrollDistance, timing); cache.push(key); } }); } function rounded(scrollDistance) { /* Returns String */ return (Math.floor(scrollDistance/250) * 250).toString(); } function init() { bindScrollDepth(); } /* * Public Methods */ /* Reset Scroll Depth with the originally initialized options */ $.scrollDepth.reset = function() { cache = []; lastPixelDepth = 0; $window.off('scroll.scrollDepth'); bindScrollDepth(); }; /* Add DOM elements to be tracked */ $.scrollDepth.addElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.merge(options.elements, elems); /* If scroll event has been unbound from window, rebind */ if (!scrollEventBound) { bindScrollDepth(); } }; /* Remove DOM elements currently tracked */ $.scrollDepth.removeElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.each(elems, function(index, elem) { var inElementsArray = $.inArray(elem, options.elements); var inCacheArray = $.inArray(elem, cache); if (inElementsArray != -1) { options.elements.splice(inElementsArray, 1); } if (inCacheArray != -1) { cache.splice(inCacheArray, 1); } }); }; /* * Throttle function borrowed from: * Underscore.js 1.5.2 * http://underscorejs.org * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors * Underscore may be freely distributed under the MIT license. */ function throttle(func, wait) { var context, args, result; var timeout = null; var previous = 0; var later = function() { previous = new Date; timeout = null; result = func.apply(context, args); }; return function() { var now = new Date; if (!previous) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); } else if (!timeout) { timeout = setTimeout(later, remaining); } return result; }; } /* * Scroll Event */ function bindScrollDepth() { scrollEventBound = true; $window.on('scroll.scrollDepth', throttle(function() { /* * We calculate document and window height on each scroll event to * account for dynamic DOM changes. */ var docHeight = $(document).height(), winHeight = window.innerHeight ? window.innerHeight : $window.height(), scrollDistance = $window.scrollTop() + winHeight, /* Recalculate percentage marks */ marks = calculateMarks(docHeight), /* Timing */ timing = +new Date - startTime; checkMarks(marks, scrollDistance, timing); }, 500)); } init(); }; /* UMD export */ return $.scrollDepth; })); jQuery.scrollDepth(); } else { setTimeout(monsterinsights_scroll_tracking_load, 200); } } monsterinsights_scroll_tracking_load(); }); } /* End MonsterInsights Scroll Tracking */ </script><script type="text/javascript" id="form-template-js-extra"> /* <![CDATA[ */ var FormTemplateMetrics = {"activeInstalls":""}; /* ]]> */ </script> <script type="text/javascript" src="https://wpforms.com/templates/wp-content/mu-plugins/wpf-core/assets/js/form-template.min.js?ver=2.5.1" id="form-template-js"></script> <script type="text/javascript" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/js/lightslider.min.js?ver=1.1.6" id="lightslider-js"></script> <script type="text/javascript" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/js/wpf-lightBox.min.js?ver=3.13.3" id="wpf-lightbox-js"></script> <script type="text/javascript" id="wpf-main-js-extra"> /* <![CDATA[ */ var wpformsMain = {"siteUrl":"https:\/\/wpforms.com\/templates\/","ajax":"https:\/\/wpforms.com\/templates\/wp-admin\/admin-ajax.php","nonce":"6fe915bcf1"}; /* ]]> */ </script> <script type="text/javascript" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/js/wpf-main.min.js?ver=3.13.3" id="wpf-main-js"></script> <script type="text/javascript" src="https://wpforms.com/templates/wp-content/themes/wpf-theme/js/wpf-navigation.min.js?ver=3.13.3" id="wpf-navigation-js"></script> </body> </html>