> For the complete documentation index, see [llms.txt](https://docs.3dolphins.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.3dolphins.ai/integration/live-chat-designer/new-design/on-boarding-form.md).

# On Boarding Form

The boarding form will appear if the customer clicks the live chat icon on your website page. In a boarding form, you can configure ‘login label’, ‘on boarding message’, ‘connect button text’, etc.

![On Boarding Form Design](/files/0cdVwfGPcmtCgEnEuCgv)

**Component Explanation:**

| Name                   | Description                                                         | Example                          |
| ---------------------- | ------------------------------------------------------------------- | -------------------------------- |
| Login Label            | Description that located below header on a chat window.             | ![](/files/nZV1RBAHAxPE3YXP4j1X) |
| On Boarding Message    | Description that located on login form.                             | ![](/files/xInVf8qER79CJEnqvs3M) |
| Connect Button Text    | A text displayed in connect button.                                 | ![](/files/xVHzLzsSIupF5wscA2Ma) |
| Connection Button Text | Text that will appear after clicking the connect button text.       | ![](/files/EFQ7J7d7NggnCTLXm6xh) |
| Name Placeholder       | A placeholder located in text area where we type our name.          | ![](/files/9NbrQp2VYlQ8ohnSzSEr) |
| Email Placeholder      | A placeholder located in text area where we type our email address. | ![](/files/juaq1QNiLnXYNWHCSk0B) |
| Phone Placeholder      | A placeholder located in text area where we type our phone number.  | ![](/files/EV2I02unVmQAZax7jUvk) |