Signing In a User Manually

Last edit: 

Contributors: 

This guide will help you create an authentication form for users to sign in manually.

Requirements

To follow the steps in this tutorial, you should be familiar with the required directory structure for your codebase, and understand the concept of pages and users.

Steps

Signing in a user manually is a two-step process:

  1. Create authentication form
  2. Create sign in page

Step 1: Create authentication form

marketplace_builder/form_configurations/sign_in.liquid


---
name: sign_in
resource: Session
fields:
  email:
  password:
---
{% form %}
  <label for="email">Email</label>
  <input name="{{ form_builder.fields.email.name }}" value="{{ form_builder.fields.email.value }}" id="email" type="email">

  <label for="password">Password</label>
  <input name="{{ form_builder.fields.password.name }}" id="password" type="password">
  {% if form_builder.errors.password %}
    <p>{{ form_builder.errors.password }}</p>
  {% endif %}

  <button>Log In</button>
{% endform %}

Step 2: Create sign in page

marketplace_builder/views/pages/sign_in.liquid


---
slug: sign-in
---
<h2>Sign in </h2>
{% include_form 'sign_in' %}
<p>New user? Create <a href="/developer/sign-up"> new developer account</a> or <a href="/client/sign-up">new client account</a></p>

Next steps

Congratulations! You created a sign in page for users to sign in manually. Now you can learn about signing in a user automatically after sign up:

Questions?

We are always happy to help with any questions you may have. Check out our Help page, or contact us.