Embedding a Sign-Up Form on a Page

Prerequisites

To follow the steps in this tutorial, you must understand the required directory structure for your codebase and the concept of pages. You are using the sign-up forms created in a previous tutorial.

• Codebase
• Pages
• Creating a Sign-Up Form

Steps

Embedding a sign-up form is a two-step process:

• Step 1: Create a Page
• Step 2: Embed Form

Step 1: Create a Page

Create a new page in the directory named . Create another page in the directory and name it .

Step 2: Embed Form

Add to embed the sign-up forms you created in the sign-up pages.

app/views/pages/developer/sign-up.liquid

---
slug: developer/sign-up
---
<h2>Create a Developer Account</h2>

{% include_form 'developer_sign_up' %}

This displays the form you created at .

app/views/pages/client/sign-up.liquid

---
slug: client/sign-up
---
<h2>Create a Client Account</h2>

{% include_form 'client_sign_up' %}

This displays the form you created at .

Next Steps

Congratulations! You now know how to embed a sign-up form on a page. Learn about signing in a user next: Signing In a User Manually.