<ul class="tabs-nav">
	<li id="listeo-logintab-btn" class=""><a href="#tab1">Log In</a></li>
	<li id="listeo-registration-btn"><a href="#tab2">Register</a></li>
</ul>

<div class="tabs-container alt">

		<!-- Login -->
	<div class="tab-content" id="tab1" style="display: none;">
						<form method="post" id="login" class="login" action="https://getlistedae.com/wp-login.php">
				
								<p class="form-row form-row-wide">
					<label for="user_login">
						<i class="sl sl-icon-user"></i>
						<input placeholder="Username/Email" type="text" class="input-text" name="log" id="user_login" value="" />
					</label>
				</p>


				<p class="form-row form-row-wide">
					<label for="user_pass">
						<i class="sl sl-icon-lock"></i>
						<input placeholder="Password" class="input-text" type="password" name="pwd" id="user_pass" />

					</label>
					<span class="lost_password">
						<a href="https://getlistedae.com/wp-login.php?action=lostpassword">Lost Your Password?</a>
					</span>
				</p>

				<div class="form-row">
					<input type="hidden" id="login_security" name="login_security" value="b819050682" /><input type="hidden" name="_wp_http_referer" value="/social-login-2.md" />					<input type="submit" class="button border margin-top-5" name="login" value="Login" />
					<div class="checkboxes margin-top-10">
						<input name="rememberme" type="checkbox" id="remember-me" value="forever" />
						<label for="remember-me">Remember Me</label>

					</div>
				</div>
				<div class="notification error closeable" style="display: none; margin-top: 20px; margin-bottom: 0px;">
					<p></p>
				</div>
				</form>
	</div>
	
	<!-- Register -->
	<div class="tab-content" id="tab2" style="display: none;">
									<form enctype="multipart/form-data" class="register listeo-registration-form" id="register" action="https://getlistedae.com/wp-login.php?action=register" method="post">
										<div class="listeo-register-form-fields-container" data-otp-type="email">
													<div class="account-type">
								<div>
									<input type="radio" name="user_role" id="freelancer-radio" value="guest" class="account-type-radio"  />
									<label for="freelancer-radio"><i class="sl sl-icon-user"></i> Guest</label>
								</div>
																	<div>
										<input type="radio" name="user_role" id="employer-radio" value="owner" class="account-type-radio"  checked  />
										<label for="employer-radio"><i class="sl sl-icon-briefcase"></i> Owner</label>
									</div>
															</div>
							<div class="clearfix"></div>
																			<p class="form-row form-row-wide">
								<label for="username2">
									<i class="sl sl-icon-user"></i>
									<input required placeholder="Username" type="text" class="input-text" name="username" id="username2" value="" />
								</label>
							</p>
						
						<p class="form-row form-row-wide">
							<label for="email">
								<i class="sl sl-icon-envelope-open"></i>
																	<input required type="email" placeholder="Email Address" class="input-text" name="email" id="email" value="" />
															</label>
						</p>
						
						
													<div class="password-field-wrapper">
								<p class="form-row form-row-wide" id="password-row">
									<label for="password1">
										<i class="sl sl-icon-lock"></i>
										<input required placeholder="Password" class="input-text" type="password" name="password" id="password1" />
										<span class="pwstrength_viewport_progress"></span>
									</label>
								</p>
															</div>
						
													<p class="form-row form-row-wide">
								<label for="first-name">
									<i class="sl sl-icon-pencil"></i>
									<input required  placeholder="First Name" type="text" name="first_name" id="first-name"></label>
							</p>

							<p class="form-row form-row-wide">
								<label for="last-name">
									<i class="sl sl-icon-pencil"></i>
									<input required  placeholder="Last Name" type="text" name="last_name" id="last-name">
								</label>
							</p>
						
						

						<!-- //extra fields -->
						<div id="listeo-core-registration-fields">
										<div id="listeo-core-registration-owner-fields">
									<label class=" listeo-registration-custom-text" id="listeo-registration-custom-whatsapp" for="whatsapp">

						
							<i class="fa fa-fab fa-whatsapp"></i>

<input type="text" 
	class="input-text whatsapp" 

	name="whatsapp"
	 
	id="whatsapp" 
	placeholder="Whatsapp" 
	value="" 
	
		maxlength="" 
	required 
	 

	/>


					</label>
							</div>
								</div>


						<!-- eof custom fields -->

						
						
												
						
											</div>
											<div class="otp_registration-wrapper" style="display: none">
														<div class="otp_registration">
								<h4>Verification Code</h4>

								<p class="form-row margin-top-10 otp_code margin-bottom-10">

									Please enter the 4 digit code sent to your email.																		<span class="otp-countdown-valid-text">The code is valid for </span> <span class="otp-countdown"></span>
									<a id="resend_otp" class="hidden" href=" #">Time has passed, click here to resend code</a>
								</p>



								<div id="listeo_otp-inputs">
									<input type="tel" inputmode="numeric" name="listeo_otp[token][code_1]" required="required" class="field__token" autocomplete="off" data-error="error_second_step_authentication_token" data-input-type="user">
									<input type="tel" name="listeo_otp[token][code_2]" required="required" class="field__token" autocomplete="off" data-error="error_second_step_authentication_token" data-input-type="user">
									<input type="tel" name="listeo_otp[token][code_3]" required="required" class="field__token" autocomplete="off" data-error="error_second_step_authentication_token" data-input-type="user">
									<input type="tel" name="listeo_otp[token][code_4]" required="required" class="field__token" autocomplete="off" data-error="error_second_step_authentication_token" data-input-type="user">

								</div>

								<span id="error_listeo_otp" class="hidden">Wrong authorization code. Try again later.</span>
								<span id="error_listeo_otp_time" class="hidden">The code has expired. Try again later.</span>
								<span id="error_listeo_otp_general" class="hidden">Something went wrong. Try again later.</span>


							</div>
							<input type="submit" class="button border fw margin-top-10" name="register" value="Register" />
													</div>
					
					<input type="hidden" id="register_security" name="register_security" value="b819050682" /><input type="hidden" name="_wp_http_referer" value="/social-login-2.md" />
											<a class="button fw margin-top-10" id="otp_submit" name="otp">Register</a>
										<div class="notification error closeable" style="display: none;margin-top: 20px; margin-bottom: 0px;">
						<p></p>
					</div>

					</form>

					<div class="listeo-custom-fields-wrapper">
									<div id="listeo-core-registration-owner-fields">
									<label class=" listeo-registration-custom-text" id="listeo-registration-custom-whatsapp" for="whatsapp">

						
							<i class="fa fa-fab fa-whatsapp"></i>

<input type="text" 
	class="input-text whatsapp" 

	name="whatsapp"
	 
	id="whatsapp" 
	placeholder="Whatsapp" 
	value="" 
	
		maxlength="" 
	required 
	 

	/>


					</label>
							</div>
													</div>
							</div>

</div>


---
title: "Social Login #2"
url: "https://getlistedae.com/social-login-2/"
markdown_url: "https://getlistedae.com/social-login-2.md"
type: "page"
date_published: "2025-01-30T14:52:58+00:00"
date_modified: "2025-01-30T14:53:04+00:00"
language: "en-US"
renderer_version: "3"
---

# Social Login #2
