CINXE.COM

<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-16"> <base href="https://cdn.opinionlab.com/"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" name="viewport"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta name="description" content="Verint Digital Experience is the global leader in Voice of Customer (VoC) feedback innovation, with real-time listening solutions for every brand touch point."> <meta name="keywords" content="customer feedback, voice of customer, customer satisfaction surveys, Verint Digital Experience, session replay, benchmarks, web analytics, web optimization, mobile feedback, in-store feedback, product feedback"> <title>Verint Digital Experience - Comment Card</title> <link href="/includes/universal/stylesheets/compiled/universal-5.1.min.css" media="screen" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css"><script charset="utf-8" src="/includes/universal/javascripts/lib/modernizr.min.js" type="text/javascript"></script><script type="text/javascript"> var comment_message = "Comments may not exceed 1000 characters. Please adjust and resubmit."; var submit_message = "Please choose an overall rating before submitting."; CC.RACK_ENV = "production"; </script></head> <body> <noscript> <p><strong>Javascript Disabled</strong><br> Hey! Looks like you have javascript disabled or are using a browser that doesn't support it. You can still leave feedback it just won't be as pretty and easy to do it. </p> </noscript> <div class="nocss"> <p> You are using a browser that doesn't support css or has incomplete support. That means things aren't going to look good! You can still leave feedback it just won't be as easy. </p> </div> <form id="CommentCard" action="https://gen3.opinionlab.com/v1/response/rate40.asp" method="post"><input name="ccid" type="hidden" id="ccid" value="115548"><input name="time1" type="hidden" value="0"><input name="time2" type="hidden" value="1000"><input name="prev" type="hidden" value="direct_call"><input name="referer" type="hidden" value="http://aem-nav.att.com/fXJtjaWr.html"><input name="url" type="hidden" value="aem-nav.att.com"><input name="width" type="hidden" value="0"><input name="height" type="hidden" value="0"><input name="comment_card" type="hidden" value="1"><input name="thank_you" type="hidden" value="1"><input name="ip_address_optout" type="hidden" value=""><input name="custom_var" type="hidden" id="custom_var" value=""><input name="preview_id" type="hidden" value=""><input name="currentURL" type="hidden" value=""><input name="ocodeVersion" type="hidden" value=""><input name="ocodePatch" type="hidden" value=""><input name="customVars" type="hidden" value=""><div id="banner" role="banner"> <div class="shell"><a tabindex="-1"><img src="/custombannerv2/banner_att_inversed.png" alt="Verint Digital Experience Comment Card"></a><button class="button disabled" id="header_submit_button" type="submit"><span>Send</span></button><a class="sr_close none screen_reader" href="#" tabindex="-1">Close this comment card</a></div> </div> <div id="thankyou" role="main"> <div class="shell"> <h2 id="tyHeader">Thanks for your feedback!</h2> <div class="rater_button"></div> <p id="tyMessage"></p> <div id="is_links"></div> <div class="screen_reader">Press ALT+F4 to close this window.</div> </div> </div> <div id="fail" role="main"> <div class="shell"> <h2>Oops! Either you are having connectivity issues or we are.</h2> <p> Sorry for the inconvenience. <br> You can wait a bit and try submitting your feedback again. </p><button class="button" type="submit"><span> Try Again </span></button><div class="screen_reader">Press ALT+F4 to close this window.</div> </div> </div> <div id="main" class="shell" role="main"> <div class="location-info section none"> <p class="title">You are currently leaving feedback about:</p> <p class="address"></p> </div> <div class="section none" id="form_errors" aria-live="assertive" role="alert">"Please choose an overall rating before submitting."</div><style type="text/css"> /***** General *****/ body, html { color: #333 !important; background-color: #fff !important; font-family: Arial !important; } button { cursor: pointer !important; } button.button { font-family: Arial !important; } button.button span { padding: 6px 0 0 10px !important; color: #fff; } button.button.disabled span { color: #fff; } button.button.disabled, button.button { background-color: #067ab4; border-color: #067ab4 !important; } fieldset.nps>div>label { margin-right: 0 !important; height: 28px; background-color: #fff !important; color: #0574AC; } fieldset.nps>div>label:hover { cursor: pointer; color: #0574AC; background-color: #DAF4FD !important; } fieldset.nps>div { height: 48px; line-height: 28px; } fieldset.nps>div.checked { background-color: #F78515 !important; } fieldset.nps>div.checked>label { background-color: #067ab4 !important; } fieldset.nps>div.checked>label:hover { background-color: #F78515 !important; cursor: default; } fieldset.nps>div.checked>label { background-color: #F78515 !important; line-height: 26px; } fieldset.nps_5 { margin-bottom: 20px; } select { height: 40px; } .nps label { width: 99% !important; } .nps legend span { font-weight: 700; font-size: 15px; padding-bottom: 5px; } .heading { display: none; } .one_column #thankyou .shell { padding: 0 15px; } .two_column #comment_box { width: 96%; padding: 2%; height: 200px; } .position_nps_0, .position_nps_10 { font-size: 10px; color: #666; white-space: nowrap; padding-top: 5px; } .position_nps_0 { float: left; } .position_nps_10 { float: right; } .placeholder { left: 20px !important; } .button { height: 40px !important; font-weight: normal !important; padding: 0 8px 0 0 !important; width: 120px !important; border-radius: 5px; } .one_column #foot .button { width: 100% !important; } .not_last { border-right: 1px solid #ccc; } .not_last.checked { border-right: none; } #introText { padding: 10px 10px 15px 10px; text-align: left; font-size: 14px; } #footerText { padding: 0 10px 20px 10px; text-align: left; font-size: 12px; } #customer_service_links { display: none; } #thankyou .rater_button { display: none; } #thankyou #tyHeader, #thankyou #tyMessage { text-align: left; width: auto; } #main { background-color: #fff !important; } #headerText { padding: 24px 10px 8px 10px; font-family: Arial, sans-serif; font-size: 20px; } #comment_limit { color: #999; } #comment_box { height: 60px !important; border-radius: 5px; } #thankyou .shell { background-color: #fff; } #overall { padding-bottom: 30px !important; } .one_column #foot.section { border: none; } #rater_buttons>span { margin: auto; max-width: none !important; } .section.error { padding: 9px 9px 40px !important; } .one_column .section.error { padding: 9px 9px 60px !important; } /***** Anchor Styles *****/ .poorText { float: left; width: 20%; padding-top: 10px; text-align: center !important; font-size: 11px !important; color: #777 !important; } .fairText { float: left; width: 20%; padding-top: 10px; text-align: center !important; font-size: 11px !important; color: #777 !important; } .goodText { float: left; width: 20%; padding-top: 10px; text-align: center !important; font-size: 11px !important; color: #777 !important; } .veryGoodText { float: left; width: 20%; padding-top: 10px; text-align: center !important; font-size: 11px !important; color: #777 !important; } .excellentText { float: left !important; width: 20%; padding-top: 10px; text-align: center !important; font-size: 11px !important; color: #777 !important; } /***** Error Styles *****/ legend { padding-bottom: 10px; } .section.error.selected { border: 1px solid #FD0200; } #form_errors { background-image: url('./images/button_att_custom_error_icon.png'); background-repeat: no-repeat; background-position: 17px 0px; font-weight: normal;} #form_errors.section.none { margin: 20px auto; background-color: #FFFFFF; color: #FD0200; border: 1px solid #FD0200; border-radius: 5px; font-size: 12px; font-family: Arial; padding: 15px; text-align: left; padding-left: 80px; } /***** TY Window Styles *****/ .close-button { height: 40px; font-weight: normal; width: 100px; border-radius: 5px; background-color: #067ab4; color: #fff; font-family: Lato,sans-serif !important; font-size: 20px; text-align: center; line-height: 38px; float: right; cursor: pointer; } .one_column .close-button { width: 100%; margin-top: 80px; } .one_column .thank-you-hr { display: none; } .thank-you-hr { margin: 25px 0 20px 0; border-top: 1px solid #ccc; border-bottom: none; } </style>  <div id="headerText">We'd love your feedback.</div> <div id="introText">Your feedback will help us improve your experience. To protect your privacy, please do not enter personal or account information.</div><div id="no_cdu"> <div class="section" id="overall"> <div class="cdu_radios"> <div class="section"> <fieldset id="rater_buttons" class="nps"> <legend>Please rate your overall experience on our site.<span class="req_question">*</span><span class="screen_reader">Required</span></legend> <div><input id="overall_0" name="overall" type="radio" value="1" tabindex="0" aria-describedby="o1-l"><label for="overall_0">- -</label><span class="screen_reader" id="o1-l">Very Dissatisfied</span></div> <div><input id="overall_1" name="overall" type="radio" value="2" tabindex="0" aria-describedby="o2-l"><label for="overall_1">-</label><span class="screen_reader" id="o2-l">Dissatisfied</span></div> <div><input id="overall_2" name="overall" type="radio" value="3" tabindex="0" aria-describedby="o3-l"><label for="overall_2">+ -</label><span class="screen_reader" id="o3-l">Neutral</span></div> <div><input id="overall_3" name="overall" type="radio" value="4" tabindex="0" aria-describedby="o4-l"><label for="overall_3">+</label><span class="screen_reader" id="o4-l">Satisfied</span></div> <div><input id="overall_4" name="overall" type="radio" value="5" tabindex="0" aria-describedby="o5-l"><label for="overall_4">+ +</label><span class="screen_reader" id="o5-l">Very Satisfied</span></div> </fieldset> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> <div id="comments"> <div class="section topic_selector"> </div> <div class="section"><label class="screen_reader" for="comment_box">How can we improve our site? Please share your suggestions.</label><textarea data-max-length="1000" name="comments" id="comment_box" aria-describedby="charCount" tabindex="0" class="" placeholder="How can we improve our site? Please share your suggestions."></textarea><div id="comment_limit"> <div class="counter_label" id="charCount" tabindex="-1"></div> </div> </div> </div> <div class="section" id="customer_service_links"> </div> </div> <div class="clear"></div> <div id="custom_questions"> <div class="q_container"> <div class="section"> <h3 class="heading">Optional Questions</h3> </div> <div id="untransformed"><script language="javascript" type="text/javascript"> quesNum++; </script><input name="question1" type="hidden" value="4426535"><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="bevel"><span class="answerSpan anSpan4426535"><select name="answer_4426535" id="answer_4426535" onchange="dropdown_other_v2(this.length,this.name,this.value,"Provide brief description")"><option value="0">Please select the main reason for your visit today:</option><option value="View or pay a bill">View or pay a bill</option><option value="Contact customer service">Contact customer service</option><option value="Research or buy products/services">Research or buy products/services</option><option value="Get help or support">Get help or support</option><option value="View or change my current plan">View or change my current plan</option><option value="Manage my account or profile">Manage my account or profile</option><option value="View usage">View usage</option><option value="Other">Other (please specify)</option></select><br><input name="answer_4426535" id="answer_4426535_oth" type="text" onclick="if(!clicked)oth_reset(this.name);;" style="visibility:hidden" value=""></span><span id="qid_4426535" class="questionSpan qSpan4426535"></span></td> </tr> </tbody></table> </div> </div> </div><div id="footerText">We can't respond directly to survey comments. Please <a href="https://www.att.com/support/contact-us/" target="_blank" style="color: #0574AC; text-family: Arial, sans-serif; text-size: 12px;">contact us</a> if you have questions.</div> <script type="text/javascript"> document.querySelector("head > link:nth-child(10)").setAttribute('crossorigin', 'anonymous'); document.querySelector("head > link:nth-child(9)").setAttribute('crossorigin', 'anonymous'); // Instantiate thank you window close functions function clickClose() { try{ window.open('','_self',''); window.close() } catch(err){} finally{ window.history.back(); } } window.keyboardClose = function (e) { var evt = e || window.event; if (evt.keyCode === 13) { try{ window.open('','_self',''); window.close() } catch(err){} finally{ window.history.back(); } } }; /* First we must wait until the window finishes loading before running the scripts */ window.__olab_custom = function() { setTimeout(function() { // This is to swap the Node positions for the footer text and submit button. $submit = $('#submit_button'); $('#foot_text').before($submit); var sectionArray = jQuery("#custom_questions"); jQuery(sectionArray[0]).insertAfter("#overall"); var otherInput=jQuery("#custom_questions input[id*=_oth]"); jQuery(otherInput[0]).attr("placeholder","What was the main reason for your visit today?"); $('#rater_buttons').append('<span class="poorText">Poor</span><span class="fairText">Fair</span><span class="goodText">Good</span><span class="veryGoodText">Very good</span><span class="excellentText">Excellent</span>'); $('label[for="overall_0"]').html('— —'); $('label[for="overall_1"]').html('—'); $('label[for="overall_2"]').html('+ —'); $('#o1-l').html('Poor'); $('#o2-l').html('Fair'); $('#o3-l').html('Good'); $('#o4-l').html('Very good'); $('#o5-l').html('Excellent'); }, 0); }; </script> <script class="integration"> (function () { var cVars = document.forms[0].elements['customVars'].value, olData = eval('(function(){return ' + cVars + ';})()'); if (typeof olData !== 'undefined' && typeof olData['att19_QMSessionCookie'] !== 'undefined') { document.cookie = 'QuantumMetricSessionID=' + olData['att19_QMSessionCookie']; } var qtm = document.createElement('script'); qtm.type = 'text/javascript'; qtm.async = 1; qtm.src = 'https://cdn.quantummetric.com/qscripts/quantum-att.js'; var d = document.getElementsByTagName('script')[0]; d.parentNode.insertBefore(qtm, d); })(); </script><div class="section" id="foot"> <div id="foot_text" template="footer-customized-5_x" style="background: none; padding-left: 0;" xmlns:common="lib/assets/xsl/utils/common.xsl"> <p> </p> <p><a href="https://www.verint.com/experience-management/" target="_blank">Powered by Verint</a></p> </div><button class="button disabled" id="submit_button" type="submit" tabindex="0"><span> Submit </span></button><a class="sr_close none screen_reader" href="#">Close this comment card</a><div class="clear"></div> </div> </div> <input name="gen3_serving_id" type="hidden" value="cb288f4a-585c-4c60-87c5-50aec40a89fa"></form><script charset="utf-8" src="/includes/universal/javascripts/compiled/cc-engine-5.1.min.js" type="text/javascript"></script> </body></html>