Newsletter Sign-Up

START SIGNUP FORM THEME CSS --> <!-- you can move this section to right before your </head> tag --> <!-- you can also change, override, or remove this section to customize how your signup form looks --> <style type="text/css"> .hive-signup-form-has-error { border-color: #ff00008a !important; } @import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css"); .hive-signup-form label, .hive-signup-form input, .hive-signup-form button, .hive-signup-form span, .hive-signup-form .iti { display: flex; align-items: flex-start; width: 100%; max-width: 400px; } .hive-signup-form label { margin-bottom: 8px; } .hive-signup-form input { margin-bottom: 16px; padding: 8px 10px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.04); } .hive-signup-form input:focus{ border: 1px solid rgba(0, 0, 0, 0.65); outline: none; } .hive-signup-form label input[type=checkbox] { display: inline-block; width: auto; margin-right: 8px; } .hive-signup-form button { padding: 10px 24px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } .hive-signup-form span { display: flex; margin-bottom: 16px; } .hive-signup-form select { padding: 8px; width: 50%; height: 36px; background-color: white; margin-left: 8px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); } .hive-signup-form select:first-child { margin-left: 0px; } </style> <!-- END SIGNUP FORM CSS --> <h2>Movement Merch Store Newsletter</h2> <!-- START SIGNUP FORM ID (REQUIRED) --> <!-- do not remove this as this is used for reporting purposes --> <input data-HIVE-FORM-FIELD="swid" type="hidden" value="7011" /> <!-- END SIGNUP FORM ID --> <!-- START EMAIL --> <label for="_HIVE-email-7011">Email</label> <input data-HIVE-FORM-FIELD="email" id="_HIVE-email-7011" name="email" type="email" placeholder="Enter an email..." autocomplete="email" required /> <!-- END EMAIL --> <!-- START FIRST NAME --> <label for="_HIVE-firstName-7011">First Name</label> <input data-HIVE-FORM-FIELD="firstName" id="_HIVE-firstName-7011" name="fname" type="text" placeholder="Enter a first name..." autocomplete="given-name" /> <!-- END FIRST NAME --> <!-- START LAST NAME --> <label for="_HIVE-lastName-7011">Last Name</label> <input data-HIVE-FORM-FIELD="lastName" id="_HIVE-lastName-7011" name="lname" type="text" placeholder="Enter a last name..." autocomplete="family-name" /> <!-- END LAST NAME --> <!-- START BIRTHDAY (NO YEAR) --> <label for="_HIVE-birthdayMonth-7011">Birthday</label> <span> <select data-HIVE-FORM-FIELD="birthdayMonth" id="_HIVE-birthdayMonth-7011" name="bdayMonth" autocomplete="bday-month"> <option selected disabled>Select month...</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select data-HIVE-FORM-FIELD="birthdayDay" id="_HIVE-birthdayDay-7011" name="bdayDay" autocomplete="bday-day"> <option selected disabled>Select day...</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </span> <!-- END BIRTHDAY (NO YEAR) --> <!-- START ZIP CODE --> <label for="_HIVE-zipCode-7011">Zip Code</label> <input data-HIVE-FORM-FIELD="zipCode" id="_HIVE-zipCode-7011" name="zip" type="text" placeholder="Enter a zip code..." autocomplete="postal-code" /> <!-- END ZIP CODE --> <!-- START NON-TOGGLEABLE SEGMENT --> <input data-HIVE-FORM-FIELD="addToSegment" type="hidden" value="Movement Merch Store (segment)" /> <!-- END NON-TOGGLEABLE SEGMENT --> <!-- START BOT DETECTION (RECOMMENDED) --> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <!-- real people should not fill this in - do not remove this or risk form bot signups --> <input type="text" data-HIVE-FORM-FIELD="areUReal" tabindex="-1" value=""> </div> <!-- END BOT DETECTION --> <!-- START SUCCESS/THANK YOU MESSAGE --> <!-- this element will be shown when your form is sucessfully submitted --> <div data-HIVE-FORM-FIELD="successMessage" style="display: none"> <h2>Thanks for joining our mailing list</h2> <p>You've been successfully subscribed - thanks!</p> </div> <!-- END SUCCESS/THANK YOU MESSAGE --> <!-- START SUBMIT BUTTON (REQUIRED) --> <button type="submit" data-HIVE-FORM-FIELD="submitButton">Subscribe</button> <!-- END SUBMIT BUTTON --> <!-- START SIGNUP FORM JAVASCRIPT (REQUIRED) --> <!-- you can move this section to right before your </body> tag --> <script type="text/javascript"> (function(h,i,v,e,s,d,k){h.HiveSDKObject=s;h[s]=h[s]||function(){(h[s].q=h[s].q||[]).push(arguments)},d=i.createElement(v),k=i.getElementsByTagName(v)[0];d.async=1;d.id=s;d.src=e+'?sef=1&r='+parseInt(new Date()/60000);k.parentNode.insertBefore(d,k)})(window,document,'script','https://cdn-prod.hive.co/static/js/sdk-loader.js','HIVE_SDK') HIVE_SDK('init', 125388); function onFormSubmitSuccess(){ // you can use this function to do things when users sucessfully submit your form // don't delete this function without modifying the onsubmit action in the form above } </script> <!-- END SIGNUP FORM JAVASCRIPT --> </form>