> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bawabah.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Form Login
> Setup Bawabah Form Login Solution.
## Form Login Flow
## Setup Form Login
1. Prepare your Login Page:
```html theme={"dark"}
My Project
Welcome to my Website
```
2. Add a Placeholder element where you want your Form to be inserted and give it a unique id:
```html theme={"dark"}
```
3. Add this snippet to your HTML code:
```html theme={"dark"}
```
> Replace `{your-app-id}` with your appId and `{your-callback-url}` with your callback URL From [Create Your First App](/getting-started/en/quickstart#create-your-first-app) Step. and raplace `{placeholder-element-id}` with your placeholder element id from the HTML element configured on the previous step.
4. Final Code:
```html theme={"dark"}
My Project
Welcome to my Website
```
## Form Parameters
These are the parameters that can be used in `startBawabah()` function.
Specify the element where you want the login form to be inserted.
Your appId from [Create Your First App](/getting-started/en/quickstart#create-your-first-app) Step.
Your callback URL from [Create Your First App](/getting-started/en/quickstart#create-your-first-app) Step.
Specify the width of the login form in pixels - Leave it empty for auto width.
Specify the height of the login form in pixels - Leave it empty for auto height.
## Design & Customization
Your hosted login page can be customized further using CSS, Learn more in [Customization](/custom/en).