Website Building » Wix » How do I create a login page on Wix?

How do I create a login page on Wix?

Last updated on January 2, 2023 @ 4:21 pm

Creating a login page on Wix is fairly simple. First, create a new page and name it “Login.” Next, add the following code to the “Login” page:

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

<form action="">
<div class="container"> 
<label for="username">Username</label> 

<input type="text" class="form-control" id="username" name="username" required/> 
<label for="password">Password</label> 

<input type="password" class="form-control" id="password" name="password" required/>

<button type="submit">Login</button> 
</div> </form> <div class="container"> 

Login Page

Please enter your username and password to login.

PRO TIP: If you are considering creating a login page on Wix, be warned that this is not a secure way to protect your website. Anyone who knows how to create a login page on Wix can easily bypass your security measures, leaving your site vulnerable to attack.

<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" name="username"> </div>

<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password"> </div>

<button type="submit">Login</button>
</div>

<div class="container">
<h1>Login Page</h1><p>Thank you for logging in! </p>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" name="username"></div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password"></div>

<button type="submit">Logout</button></div>

After adding the code, you'll need to create a form to input the user's information. In this example, the form has three fields: username, password, and a "Login" button.

To create the form, open the "Login" page in your web browser. Click on the "Forms" tab and then click on the "Create new form" button. Enter the following information into the form:

Name: Username

Type: Text

Id: username

Required: True

After you've created the form, you'll need to add the code to the "Login" page. To add the code, click on the "Forms" tab and then click on the "Login" button. Add the following code to the "Login" page:.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.