Sign up

<!doctype html> <html class="no-js" lang="en-US" itemscope itemtype="http://schema.org/WebSite"> <head> <title>Sign up</title>  <meta charset="utf-8"> <meta name="robots" content="noindex, nofollow"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">  <link rel="shortcut icon" href="https://www.sutterhealth.org/lp/assets/images/favicon/favicon-16x16.png"> <link rel="apple-touch-icon" href="https://www.sutterhealth.org/lp/assets/images/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.sutterhealth.org/lp/assets/images/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.sutterhealth.org/lp/assets/images/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.sutterhealth.org/lp/assets/images/favicon/apple-icon-144x144.png"> <link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.css" /> <style> body { background-color: #fff; margin: 0; padding: 0; font-family: sans-serif; font-family: 16px; } .header { max-width: 528px; text-align: center; margin: 32px auto 0; } .header img { max-width: 320px; margin-bottom: 16px; } .header__intro { text-align: left; margin-bottom: 16px; } .header__intro b { display: block; padding-bottom: 12px; } .success { max-width: 528px; margin: 80px auto 0; } .success p { margin-bottom: 0; } .newsletter { max-width: 528px; margin: auto; } .newsletter__input { margin-bottom: 16px; } .newsletter__input label { display: block; } .newsletter__input input { width: 100%; padding: 8px 30px 8px 12px; border: 1px solid #84878E; } .newsletter__consent--checkbox { margin-bottom: 16px; } .note { display: block; color: #AE423C; padding-left: 16px; text-align: right; } strong { margin-bottom: 16px; display: block; } .g-recaptcha { margin-bottom: 16px; } </style> </head> <div class="header"> <a href="https://www.sutteremployer.org/"> <img src="https://emma-assets.s3.amazonaws.com/sjg3/7bc34168c720b262f01cf7d80bea5d2b/SHN_clr_cmyk.jpg" alt="Sutter Health Network"> </a> <div class="header__intro"> <p>Sign up to receive the newest communications from the Employer Program, such as <a href="https://www.sutteremployer.org/health-and-wellness/resources" target="_blank" alt="Sutter employer program health e-tips">health e-Tips</a>, upcoming <a href="https://www.sutteremployer.org/health-and-wellness/live-webinars" target="_blank" alt="Sutter Health upcoming live webinars">live webinars</a>, digital campaigns and other relevant news and virtual events.</p> <p>Thanks, and welcome!</p> </div> </div> <div class="success" id="formHeaderSuccess"> <p>Your information has been submitted. Thanks!</p> <p>A confirmation email is on its way and should arrive shortly.</p> <br> <p>Note: To ensure proper delivery of our emails, take a moment now and add us - EmployerProgram@sutterhealth.org - to your address book, trusted sender list or company allowlist. If you have any questions, don't hesitate to reach out to us.</p> </div> <form class="newsletter" id="e2ma_signup"> <span class="note">*Fields are required</span> <div class="newsletter__input"> <div class="newsletter__input--field field required"> <label for="first_name">First Name*</label> <input id="first_name" type="text" name="first_name" /> </div> </div> <div class="newsletter__input"> <div class="newsletter__input--field field required"> <label for="last_name">Last Name*</label> <input id="last_name" type="text" name="last_name" /> </div> </div> <div class="newsletter__input"> <div class="newsletter__input--field field required"> <label for="employer">Employer*</label> <input id="employer" type="text" name="employer" /> </div> </div> <div class="newsletter__input"> <div class="newsletter__input--field field required"> <label for="email">Email*</label> <input id="email" type="text" name="email" /> </div> </div> <div class="newsletter__consent"> <strong>Statement of consent:</strong> <div class="newsletter__consent--checkbox checkbox required"> <input type="checkbox" id="email_consent" value="email_consent"> <label for="email_consent">I consent to receiving email communications*</label> </div> <div class="newsletter__consent--checkbox checkbox"> <input type="checkbox" id="tracking_consent" value="tracking_consent"> <label for="tracking_consent">I consent to having my subscriber engagement tracked and analyzed</label> </div> </div> <div class="newsletter__submit"> <label for="submit"> <div class="g-recaptcha" data-sitekey="6LcqnUYUAAAAAG8xRKx9FXZh6c2Fbuf3bHsftfKE"></div> <button id="EmmaSubmit" class="button-secondary js-form-submit" type="submit">Submit</button> <input id="bot_submission" type="text" name="sticky" style="display: none;" /> </label> </div> </form> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.js"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script> jQuery(document).ready(function() { jQuery("#e2ma_signup").trigger('reset'); jQuery("#formHeaderSuccess").hide(); jQuery('#e2ma_signup').form({ inline: true, fields: { email: { identifier: 'email', rules: [ { type: 'regExp[/^[-a-z0-9~!$%^&*_=+}{\'?]+(\\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\\.[-a-z0-9_]+)*\\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}))(:[0-9]{1,5})?$/i]', prompt: 'Please enter a valid email' } ] }, first_name: { identifier: 'first_name', rules: [ { type: 'empty', prompt: 'Please enter a first name' } ] }, last_name: { identifier: 'last_name', rules: [ { type: 'empty', prompt: 'Please enter a last name' } ] }, employer: { identifier: 'employer', rules: [ { type: 'empty', prompt: 'Please enter your employer' } ] }, email_consent: { identifier: 'email_consent', rules: [ { type: 'checked', prompt: 'Consent is required' } ] } }, onSuccess: function(){ /* The field is empty, submit the form */ if( jQuery("#bot_submission").val() != '' ) { jQuery('.replace').hide(); jQuery('.header').hide(); jQuery('#e2ma_signup').hide(); jQuery('#formHeaderSuccess').show(); return false; } /* the field has a value it's a spam bot */ else { $form = $(this); $_form = $(this).find('#e2ma_signup'); $form.addClass('loading'); var email = jQuery("#email").val(); var firstName = jQuery('#first_name').val(); var lastName = jQuery('#last_name').val(); var employer = jQuery('#employer').val(); /* Emma Account ID */ var accountId = "1361142"; var groupId = "23796982"; var data = "{\"email\": \""+ email +"\",\"first_name\": \""+ firstName +"\",\"last_name\": \""+ lastName +"\",\"accountId\": \""+accountId+"\",\"groups\": [" + groupId + "]}"; jQuery.ajax({ type: "POST", cache: false, url : 'https://signup-collector.e2ma.net/signup', data: data, contentType: 'application/json', dataType: 'text', success: function( text ) { var json = text? $.parseJSON(text) : null; } }) .done(function(data){ jQuery(".replace").hide(); jQuery('.header').hide(); jQuery('#e2ma_signup').hide(); $form.removeClass('loading'); jQuery("#formHeaderSuccess").fadeIn("slow"); jQuery('.replace').hide(); }) .fail(function( jqXHR, textStatus ) { $form.removeClass('loading'); } ); return false; } } /* end bot check */ }); }); </script> </div>

CINXE.COM

Sign up