> 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](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FJA4F15kNAfwP9sgbqPrG%2FOn%20Boarding%20Form.png?alt=media\&token=0b9181ec-1b3f-4e80-b38e-37e8a5c0a70b)

**Component Explanation:**

| Name                   | Description                                                         | Example                                                                                                                                                                                                                                 |
| ---------------------- | ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Login Label            | Description that located below header on a chat window.             | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FtEQuYnOPjqcypevgRGxC%2FLogin%20Label.png?alt=media\&token=84d0be00-9a66-4a39-ab82-fbf937e06c9e)              |
| On Boarding Message    | Description that located on login form.                             | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FySNgK2jnh8C0tzdZApE2%2FOn%20boarding%20message.png?alt=media\&token=e52d32e3-ca1a-4fa6-b5e1-90d1b584e52f)    |
| Connect Button Text    | A text displayed in connect button.                                 | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FE6L9LEBzkq8sQIRiIcJI%2FConnect%20Button%20text.png?alt=media\&token=3303bc7c-16ff-48e2-80a9-2e74616d4767)    |
| Connection Button Text | Text that will appear after clicking the connect button text.       | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2Fp1Jf0t3nCQuZY7VFt7vC%2FConnecting%20butoon%20text.png?alt=media\&token=c10fe36c-7722-4c98-b51b-4523ce1bacc5) |
| Name Placeholder       | A placeholder located in text area where we type our name.          | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2FrqyY4UnH7TCgs1pGwQ95%2FName%20placeholder.png?alt=media\&token=b0a521b9-7e5e-4d4e-9ebc-1ab9a32e6155)         |
| Email Placeholder      | A placeholder located in text area where we type our email address. | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F83YufK9xoxiWL5XsYJyp%2FEmail%20placeholder.png?alt=media\&token=1cf14c21-4c84-46c3-9f1d-c2e1cbd64461)        |
| Phone Placeholder      | A placeholder located in text area where we type our phone number.  | ![](https://765826444-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYDAnLjpg2T8z2BplJOS%2Fuploads%2F7rBD3gslQqjcAT5rEdRf%2FPhone%20placeholder.png?alt=media\&token=a5ce16c3-20f0-48f0-b9ff-32a0601a502c)        |