CINXE.COM
Sign up to the Customer Centre
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style> input[type=text]::-ms-clear { color: red; } .form-group ul li { padding-bottom:0px; } @media only screen and (max-width: 600px) { .mobile-hide{ display: block !important; } } </style> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <link rel="shortcut icon" type="image/x-icon" href="/resources/global/images/icons/favicon.ico" /> <!-- Start meta-css-js --> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://videotron.com" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0) gen true for "http://www.videotron.com" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' /> <meta name="copyright" content="Copyright 2000 - 2015 Videotron." /> <meta name="Content-Language" content="en-CA" /> <meta name="robots" content="index, follow, noodp, noydir" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <script type="text/javascript"> document.documentElement.setAttribute("data-javascript",""); VIDEOTRON = { onTheFlyRuleset:{}, deferred : [], globals:{facebookOnloadCalls:[]} }; </script> <link href="https://fe.videotron.net/a/few/frg/tiweb.static.core/latest/css/fonts.css" rel="stylesheet"> <style type="text/css"> .waiting-full-load-page { opacity: 0; } input[type=text]::-ms-clear { color: red; } @media only screen and (max-width: 600px) { .mobile-hide{ display: block !important; } } ul.checkmark { list-style: square inside url("/resources/legacy/img/checkmark-10.gif"); } ul>li{ padding-bottom: 10px; } .pline{ color: white; font-size: 12px; line-height: 20px; } .bicky { /* position: sticky !important; */ top: 100px; left: 0; right: 0; z-index: 1001; } </style> <script type="text/javascript" src="/client/residentiel/static/espace-client-residentiel/js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> jQuery.browser = {}; (function () { jQuery.browser.msie = false; jQuery.browser.version = 0; if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) { jQuery.browser.msie = true; jQuery.browser.version = RegExp.$1; } })(); </script> <link rel="home" title="Home" href="http://www.videotron.com" /> <link rel="search" title="Search" href="http://www.videotron.com/vcom/search/search.jsp?lang=en" /> <link rel="help" title="Accessibility" href="http://corpo.videotron.com/site/accessibilite-en.jsp" /> <!-- TODO: Coder l'url de la page parente, probablement avec une xslt : Si un index dans le m阭e r閜ertoire Sinon, Si un index dans le dossier parent <link rel="up" title="Titre de la page parente" href="http://url/of/parent/page/" /> --> <script type="text/javascript" src="/client/residentiel/static/espace-client-residentiel/js/moment-with-locales.min.js" charset="UTF-8"></script> <script type="text/javascript" src="/client/residentiel/static/espace-client-residentiel/js/combodate.js"></script> <script type="text/javascript" src="/client/residentiel/static/espace-client-residentiel/js/jquery.mask.min.js"></script> <title>Sign up to the Customer Centre</title> <!-- Oracle Maxymiser Script Start --> <script type="text/javascript" src="//service.maxymiser.net/api/us/videotron.com/447369/mmapi.js"></script> <!-- Oracle Maxymiser Script End --> </head> <body class="en ecw-responsive waiting-full-load-page"> <div class="inscription"> <!-- GTM start --> <script> <!--//--><![CDATA[//><!-- var dataLayer = dataLayer || []; (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='//www.googletagmanager.com/gtm.js?id='+i+dl+''; f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-542WKG4'); //--><!]]> </script> <!-- GTM end --> <!-- Header --> <script src="https://fe.videotron.net/a/few/frg/v-few-frg-loader/latest/js/fragmentLoader.js"></script> <script> var fragments = ['common', 'ecw-res', 'marginals-vsr']; fragments.push('ecw-res-responsive'); vlFragmentLoader.loadIntegrationPoints(fragments); </script> <!-- vlFragmentLoader --> <script> vlFragmentLoader.on('load.file.html', function(ev) { if (ev.file.zone === 'header') { ev.file.html = ev.file.html .replace(/\$LANG_SWITCHER_HREF\$/g, '/client/user-management/residentiel/secur/DisplaySubscriptionForm.do?dispatch=initRegistration&appId=EC&subscriptionType=residential?dispatch=initRegistration&appId=EC&subscriptionType=residential&locale=fr') .replace(/\$USER_LOGGED_IN\$/g, 'false') .replace(/\$MENU_USERNAME\$/g, 'null') .replace(/\$USER_LOGIN_HREF\$/g, '/client/residential/Customer-Centre') .replace(/\$USER_LOGOUT_HREF\$/g, '/client/user-management/residentiel/secur/Logout.do?dispatch=logout'); // load the algolia js / css / config needed. loadAlgoliaScript(); } else if (ev.file.zone === 'footer') { ev.file.html = ev.file.html .replace(/\$FOOTER_ALT_VERSION_HREF\$/g, '') .replace(/\$FOOTER_ALT_VERSION_TEXT\$/g, ''); } }); </script> <!-- load the algolia script from drupal --> <script type="text/javascript"> var dxpAlgoliaConfigFileUrl = "https://videotron.com/sites/default/files/search_config_standard_config_en.json"; function loadAlgoliaScript() { $.getScript("https://videotron.com/themes/custom/dxp_front/js/dist/algolia/dxp-algolia.js"); } </script> <!-- loade the CSS from drupal --> <link rel="stylesheet" href="https://videotron.com/themes/custom/dxp_front/css/algolia-reset.min.css" > <link rel="stylesheet" href="https://videotron.com/themes/custom/dxp_front/css/dxp-algolia.min.css" > <div id="unified-header" v-few-frg-loader="header" style="background-image: none; background-color: transparent; margin-top: -20px; padding-top: 20px; padding-bottom: 48px;"> <style> .v-menu-placeholder { padding-top: 104px; } .v-force-desktop-nav .v-menu-placeholder { padding-top: 104px; } @media (max-width: 991px) { .v-menu-placeholder { padding-top: 130px; } } @media (max-width: 767px) { .v-menu-placeholder { padding-top: 100px; } } .v-force-mobile-nav .v-menu-placeholder { padding-top: 100px; } </style> <div class="v-menu-placeholder"></div> </div> <div class="mobile-alert-container"> </div> <!-- Content --> <div id="content-main" class="container"> <div class="row"> <div class="col-12 col-lg-8 page-header"> <a href="/client/residentiel/dashboard.do" class="btn btn-ecw-home" role="button"> <span class="ecw-icon-left-arrow"></span> Customer Centre Homepage </a> <h1 style="padding-left: 10px;" >Sign up to the Customer Centre</h1> <p style="padding: 10px;">Your Customer Centre login ID allows you to safely manage your account, your services and your bills. Plus, it gives you access to the illico app content and features.</p> </div> <div id="main-column" class="col-12 col-lg-7"> <div id="user-inscription" class="margin-bt-20px"> <form name="userInscriptionForm" id="userInscriptionForm" method="post" action="/client/user-management/residentiel/secur/RegisterResidentialUser.do" class="form_validation_puc fn-setup-form-validation fn-validate-section edit-mode"> <input type="hidden" name="token_name" value="rtoken"> <input type="hidden" name="rtoken" value="LtBcyVxzJAzXiYHMjKsxuMacfEninTdW2QCA"> <input type="hidden" name="dispatch" value="registerResidentialUser"> <input type="hidden" name="appId" value="EC"> <input type="hidden" name="from" value=""> <h3><b>We need the following information to identify you:</b></h3> <div class="row w-100"> <div class="col-12 col-sm-6 form-group "> <label for="accountNumber" class="form__label"> Videotron account number </label> <input type="text" name="accountNumber" id="accountNumber" class="form-control" value="" placeholder="12345678-123-1" required data-regex="accountNumber" data-regex-error="Your first name cannot include the following characters: ! / % ?" data-required-error="This field is required." data-maxlength-error="Your first name cannot exceed 255 characters." /> <p class="help-block with-errors"></p> </div> <div class="col-12 col-sm-0 form-group"></div> <div class="col-12 col-sm-6 form-group "> <label for="email" class="form__label"> Email </label> <input type="text" name="email" id="email" styleId="email" class="form-control" styleClass="courrielPUC" value="" required data-regex="email" data-regex-error="Please enter a valid email address." data-required-error="This field is required." /> <p class="help-block with-errors"></p> </div> <div class="col-12 col-sm-0 form-group"></div> <div class="col-12 col-sm-6 form-group "> <label for="postalCode" class="form__label"> Postal code </label> <input type="text" name="postalCode" id="postalCode" styleId="postalCode" class="form-control" value="" placeholder="A9A 9A9" styleId="postalCode" data-regex="postalCode" data-regex-error="Your first name cannot include the following characters: ! / % ?" data-required-error="This field is required." data-maxlength-error="Your first name cannot exceed 255 characters." /> <p class="help-block with-errors"></p> </div> <div class="col-12 col-sm-0 form-group"></div> <div class="col-12 col-sm-6 form-group "> <label for="birthDate" class="form__label"> Birth date </label> <div id="birthDateWrapper"> <input type="text" id="birthDate" name="birthDate" data-format="YYYY-MM-DD" data-template="D MMMM YYYY" class="form-control" styleId="birthDate" /></div> <p class="help-block with-errors"></p> </div> <div class="col-12 col-sm-0 form-group" style="margin-bottom: auto;"></div> <div class="col-12 col-sm-9 form-group"><h3 style="padding-bottom: unset;"><b>Choose your login information for the Customer Centre</b></h3></div> <div class="col-12 col-sm-0 form-group" style="margin-bottom: auto;"></div> <div class="col-12 col-sm-6 form-group "> <label for="userId" class="form__label"> Username <a href="#!" data-toggle="tooltip" title="It is recommended to use your email address as an ID for the Customer Centre. Your Username must contain 8 characters or more.">?</a> </label> <input type="text" name="userId" id="userId" styleId="userId" class="form-control" maxlength="255" class="accountNumberInputText" value="" required value="" data-regex="userId" data-regex-error="Sorry, your password does not meet the criteria. Please verify it and try again." data-required-error="This field is required." data-maxlength-error="Your first name cannot exceed 255 characters." data-contains-field-value="pw" data-contains-field-value-error="Your password must not contain your username." /> <div class="float-clear txt-note" style="font-size: 12px;padding-top: 7px;">8 characters or more</div> <p class="help-block with-errors" ></p> </div> <div class="col-12 col-sm-0 form-group"></div> <div class="col-12 col-sm-6 form-group "> <label for="pw" class="form__label"> Choose a password </label> <div class="password-reveal fn-toggle-password"> <input type="password" id="pw" name="pw" property="pw" styleId="pw" class="form-control fn-password-strength" maxlength="32" data-regex="password" data-regex-error="Sorry, your password does not meet the criteria. Please verify it and try again." data-required-error="This field is required." data-contains-field-value="userId" data-contains-field-value-error="Your password must not contain your username." /> <a href="#!" class="reveal-btn"></a> </div> <p style="font-size: 12px;padding-top: 7px; margin-bottom:3px;"> Make sure the password meets the following criteria: <ul> <li>At least 8 characters</li> <li>A lowercase letter</li> <li>An uppercase letter</li> <li>A number</li> <li>No part of your username</li> </ul> </p> <div class="password-strength__wrapper fn-pwd-strength-wrapper"> <span class="label__weak">Weak</span> <span class="label__strong">Strong</span> <div class="password-strength__bar"></div> </div> <p class="help-block with-errors"></p> </div> <!-- <div class="col-12 col-sm-6 form-group"> <div id="billingSubscription"> <input type="checkbox" name="billingSubscription" value="on" checked="checked" onchange="switchTexteFEL()" id="billingSubscriptionChk"> <label for="billingSubscriptionChk" style="display: inline-block;">Get online invoicing</label> <span class="float-clear txt-note noteChecked">You'll receive an email notification when you invoice is available online. No paper invoice will be sent to you</span> <span class="float-clear txt-note noteUnchecked" style="display:none">If you are already registered to online invoicing, you will continue to receive your invoices by email.</span> </div> </div> --> <div class="col-12 col-sm-0 form-group"></div> <div class="col-12 col-sm-6 form-group"> <!-- CAPTCHA --> <div class="form-group"> <div id='recaptcha' class="g-recaptcha" data-sitekey="6Lfz0TQUAAAAAAfAP88Q_CTDXOH0AZtUb1Bgb6js" data-badge="inline" data-callback="vidCaptchaResponseReady" data-expired-callback="vidCaptchaResetCallback" data-size="invisible"> </div> </div> </div> <div class="col-12 col-sm-0 form-group"></div> <div class="col-12 col-sm-6 form-group"> <input class="btn btn-yellow btn-medium" type="submit" value="Create my Customer Centre" onclick="vidCaptchaValidate(event);"> </div> </div> <!-- <div id="user-inscription" class="margin-bt-20px"> --> <!-- <label for="accountNumber">VIDEOTRON ACCOUNT NUMBER</label> --> <!-- </div> --> <!-- <label for="userId">USERNAME</label> --> <!-- <input type="text" name="userId" value="" id="userId"> --> <!-- <span class="float-clear txt-note">8 characters or more</span> --> <!-- </div> --> <!-- <label for="postalCode">POSTAL CODE</label> --> <!-- placeholder="A9A 9A9" styleId="postalCode" /> --> <!-- </div> --> <!-- <p class="txt-emphasized">BIRTH DATE</p> --> <!-- <div id="birthDateWrapper"><input type="text" id="birthDate" name="birthDate" data-format="YYYY-MM-DD" data-template="D MMMM YYYY" style="display:none;visibility:hidden;z-index:-1"/></div> --> <!-- </div> --> <!-- <label for="email">EMAIL</label> --> <!-- <input type="text" name="email" value="" id="email" class="courrielPUC"> --> <!-- </div> --> <!-- <label for="pw">Password</label> --> <!-- <span class="float-clear txt-note">Between eight and thirty-two characters, including at least one letter and one number.<br/> Only the following symbols are accepted: `~!@#$%&*_=+^-'|\(){}[]:;,.?"/<></span> --> <!-- </div> --> <!-- <div class="control-row"> --> <!-- <div id="billingSubscription"> --> <!-- <input type="checkbox" name="billingSubscription" value="on" checked="checked" onchange="switchTexteFEL()" id="billingSubscriptionChk"> --> <!-- <label for="billingSubscriptionChk" style="display: inline-block;">Get online invoicing</label> --> <!-- <span class="float-clear txt-note noteChecked">You'll receive an email notification when you invoice is available online. No paper invoice will be sent to you</span> --> <!-- <span class="float-clear txt-note noteUnchecked" style="display:none">If you are already registered to online invoicing, you will continue to receive your invoices by email.</span> --> <!-- </div> --> <!-- </div> --> <!-- <div id="captchaField"> </div> --> <!-- </div> --> <!-- <div class="control-row"> --> <!-- <button type="submit" class="validation shadow-button shadow-button-yellow"> --> <!-- <span class="label">CREATE ACCOUNT</span> --> <!-- </button> --> <!-- </div> --> <!-- </div> --> </form> </div> <!-- NECESSARY FOR CAPTCHA HANDLING --> <script src="/client/commun/static/js/captcha-util.js"></script> <script src="https://www.google.com/recaptcha/api.js?hl=en" async defer></script> <script> vidCaptchaUtil.init({"formId": "userInscriptionForm"}); $('document').load(function() { }); window.onload = function() { $("input.btn").removeClass("disabled"); }; </script> </div> <div id="side-column" class="col-12 col-lg-5"> <b>Where to find your Videotron account number?</b> <a href="#top" class="mobile-hide" style="display:none;font-weight:normal; color:#556688 !important; font-size:9pt">Return to the sign-up form</a> <p>On your Videotron contract or invoice:</p> <div class="related-links"> <div class=figure> <img class=scaled src="/resources/legacy/img/Contratx2.png" alt="Contrat de services de Vid閛tron mettant en 関idence le num閞o de compte" style="width: 150px;height: auto;" title="Videotron service contract highlighting the account number"> <p style="font-size: 12px;text-align: center;font-style: italic;" >Contract</p> </div> <div class=figure> <img class=scaled src="/resources/legacy/img/Facturex2.png" alt="Facture de Vid閛tron mettant en 関idence le num閞o de compte" style="width: 150px;height: auto;" title="Videotron invoice highlighting the account number"> <p style="font-size: 12px;text-align: center;font-style: italic;">Bill</p> </div> </div> <p>By contacting our <a href="http://www.videotron.com/en/contact-us">Customer Service</a></p> </div> </div> </div> <!-- Footer --> <div id="unified-footer" style="background-color:transparent; margin-top: 30px;"> <div v-few-frg-loader="footer"></div> </div> <noscript id="disabled-js"><iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="/client/commun/javascript-en.jsp"> </iframe></noscript> <script type="text/javascript"> var _gaq = _gaq || []; /* On insere le bon compte */ _gaq.push(['_setAccount', 'UA-22702362-1']); _gaq.push(['_setDomainName', 'videotron.com']); _gaq.push(['_setAllowHash', false]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script> <!-- if( typeof(ips_ip_interne) == "undefined" ){ var ips_ip_interne = true; /* check for jquery before using it, download it if missing */ window.jQuery || document.write('<script src="/client/residentiel/static/espace-client-residentiel/js/jquery-1.5.1.min.js"><\/script>'); } --> </script> <script type='text/javascript' src='/resources/global/js/plugin/init_4q_survey.js'></script> <script language="Javascript"> $('document').ready(function() { $("#postalCode").mask("S0S 0S0"); $("#accountNumber").mask("00000000-000-0"); var bd = ''; if (bd && !/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test(bd)) { bd = ""; } var bdInitVal = (bd ? moment(bd, "YYYY-MM-DD") : new Date()); $('#birthDate').combodate({ value: bdInitVal, minYear: 1900, maxYear: moment().format('YYYY'), lang:'en' }); $( "select" ).addClass( "form-control" ); $("span.combodate").css("display", "flex"); }); function switchTexteFEL() { $(".float-clear.txt-note.noteChecked").toggle(); $(".float-clear.txt-note.noteUnchecked").toggle(); } </script> </div> </body> </html>