[class^="wpforms-"]
[class^="wpforms-"]
[ct_optinmoster_registration]
<div class="optinmonter_woo_notice">
</div>
<form id="optinmoster_registration_form" method="post" class="optinmoster_registration_form" action="/wp-admin/admin-ajax.php">
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<input type="text" placeholder="Enter your first name here..." class="input-text form-control input-lg" name="billing_first_name" id="billing_first_name" value="" required>
</p>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<input type="text" placeholder="Enter your last name here..." class="input-text form-control input-lg" name="billing_last_name" id="billing_last_name" value="" required>
</p>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<input type="email" placeholder="Enter your email address here..." class="woocommerce-Input woocommerce-Input--text input-text shortcode_input_email" name="email" id="reg_email" autocomplete="email" value="" required />
</p>
<input type="hidden" class="woocommerce-Input woocommerce-Input--text input-text" name="password" id="reg_password" autocomplete="new-password" value="kH%(D*FS" />
<input type="submit" value="Submit" id="optinmoster_registration_form_submit" class="woocommerce-Button woocommerce-button button btn woocommerce-form-register__submit btn optinmoster_registration_form--button">
<input type="hidden" name="optinmonster_register_form">
<input type="hidden" class="input-text form-control input-lg" name="billing_phone" id="billing_phone" value="-">
<input type="hidden" placeholder="Enter your username here..." class="woocommerce-Input woocommerce-Input--text input-text shorcode_input_name" name="username" id="reg_username" value="" /> <input type="hidden" name="action" value="optinmonster_user_has_account">
</form>
<style>
.optinmoster_registration_form{
width: 100%;
font-family: 'Poppins' !important;
}
.optinmoster_registration_form ::placeholder{
color: #9b9d9f;
}
.optinmoster_registration_form input{
padding: 15px 20px 20px 15px;
border-bottom: 2px solid #9b9d9f;
background-color: unset;
font-size: 16px;
}
.optinmoster_registration_form .optinmoster_registration_form--button{
margin-top: 18px;
width: 100% !important;
border-color: #f76041;
color: white;
background-color: #f76041;
}
.optinmoster_registration_form .optinmoster_registration_form--button:hover{
color: #f76041;
background-color: white;
}
.woocommerce-notices-wrapper .woocommerce-error{
display: flex;
align-items: center;
background-color: white;
}
.woocommerce-error::before{
margin-right: 18px;
display: inline-block;
position: unset;
}
.woocommerce-notices-wrapper .woocommerce-error li {
font-size: 16px !important;
font-family: 'Poppins' !important;
line-height: 1.2 !important;
}
.optinmonter_woo_notice .woocommerce-notices-wrapper .woocommerce-error{
display: none;
}
</style>
<script>
jQuery(document).ready(function() {
var href = window.location.hostname;
jQuery(".showlogin").attr("href", "https://"+href+"/sign-in/");
jQuery("#optinmoster_registration_form").submit(function() {
var email = jQuery("#reg_email").val();
var parts = email.split('@');
var user = parts[0];
var username = user.replace(/[^a-z\d]+/ig, '');
jQuery("#reg_username").attr("value", username);
});
});
</script>
