> For the complete documentation index, see [llms.txt](https://documents.cxgenie.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documents.cxgenie.ai/getting-started/knowledge-base/let-customers-book-appointments-with-cx-genie.md).

# Let Customers Book Appointments with CX Genie

This section helps you build a form that customers can fill out to book appointments with CX Genie chatbots.

{% hint style="danger" %}
***IMPORTANT**: You must have the **Form Builder** feature enabled. If not, purchase it from the **Marketplace** section.*
{% endhint %}

## Steps to Use

### Create a Form

**Step 1:** Go to the **Form Builder** section in the left sidebar. Then click **+ Create form name**.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2F5gINj9E9KoYqOPr5ZzOF%2Fimage.png?alt=media&amp;token=a370091c-5bb2-4a02-ab18-e4b15f6f549c" alt=""><figcaption></figcaption></figure>

**Step 2:** Name your form (this name is for your reference only and won’t appear in the chat).

**Step 3:** Click **+ Add field**. Enter **input labels** such as Name, Email, Phone Number, Appointment Date, or any other fields you need for your form.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2F616GBMGuD7PRqpBntKjV%2Fimage%201.png?alt=media&amp;token=d266602b-a74a-430e-a04f-0de538dc9b90" alt="" width="563"><figcaption></figcaption></figure>

**Step 4:** Choose an input type for each field. For example:

* Use **Text** for name and email.
* Use **Number** for phone number.
* Use **Date & Time** for appointment scheduling.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FYrMvsTcsRX1oxt3alQU3%2Fimage%202.png?alt=media&amp;token=a3d847bf-9412-4d66-8be6-b8536d445faa" alt="" width="468"><figcaption></figcaption></figure>

**Step 5:** Enable the **Require** option if the field must be filled before submitting.

**Step 6:** Repeat steps 3–5 to add as many fields as needed.

**Step 7:** Review your form. Then click **Save changes** at the top right to save your form.

*Note: Once a customer submits the form, you can’t make changes to its structure again.*

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FV2tPQFshr7I6a8pAhDLp%2F582bd2b5-185e-44d9-bfd5-cdaecf97569c.png?alt=media&amp;token=612b333e-ffbf-4966-975b-0a421fa7e92b" alt=""><figcaption></figcaption></figure>

### Use the Form in Workflow

**Step 1:** Go to the **Bots** section → **Workflow** tab. Then click **+ Add new flow**.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FbtPpmpnKkK4aTA8hL6Ao%2Fimage%203.png?alt=media&amp;token=2da8d99a-d3e4-4a8e-b0f4-a1d7aa334a9a" alt=""><figcaption></figcaption></figure>

**Step 2:** Name your flow and select the **Website** channel.

*Note: Forms currently don’t work on Facebook Messenger or Telegram.*

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2F8HoyB3JdV7RrbgEbqe47%2Fimage%204.png?alt=media&amp;token=a3aa566a-b958-475a-8a01-0ec89e63f3d2" alt="" width="483"><figcaption></figcaption></figure>

**Step 3:** Enable **Trigger conditions** and choose a trigger that best fits your needs.

For this example, we will select **Contain Keywords**. This means that the workflow will be triggered when a customer message includes any of the keywords you set.

Type a keyword like “book” and click Enter to submit it.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FndgvojxwbVGeQmHiNX7g%2Fimage%205.png?alt=media&amp;token=bef739cb-121d-47e3-b659-b31514d94098" alt="" width="486"><figcaption></figcaption></figure>

**Step 4:** Inside the workflow, click the right arrow next to the **Start** block to add a new block.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FSnSv9EHl0LTMJPYm9GcC%2Fimage%206.png?alt=media&amp;token=f12d8c50-6d84-4895-8836-64081b2bd400" alt="" width="338"><figcaption></figcaption></figure>

**Step 5:** In the new block, click the new block and open the dropdown list. Then select the **clipboard icon (Form Submit)** block. This block will send the form to customers to fill in.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FgxrxwbVBHvMfmoXFo6vL%2Fimage%207.png?alt=media&amp;token=d90cb6cd-b6dd-409d-849b-dc5220206c16" alt=""><figcaption></figcaption></figure>

**Step 6:** Type your desired message in the message field (this will be the form title).

You can also enable **Form completion required before continuing** to pause chat until form is filled.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2Fv7niRtYnENX4dtjZlMfz%2Fimage%208.png?alt=media&amp;token=14d4d8c5-34ed-4fff-a6fe-e8322985759a" alt="" width="397"><figcaption></figcaption></figure>

**Step 7:** In the **Collect information** section, choose **Use custom form**. Then select the form you created earlier.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FNX2Gk2dsaHAgvvrieBAB%2F34a441dc-1ee6-4cb3-9d2b-d1fbf1ae78cd.png?alt=media&amp;token=17cb3262-6623-4ae6-bf4e-303c3388add7" alt="" width="397"><figcaption></figcaption></figure>

**Step 8 (Optional):** Add a **Text & Image** block to follow up with a thank you message or next steps.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FPOfoElOOUNqmEB5aVtJt%2Fimage%209.png?alt=media&amp;token=1107ddb6-400a-49b6-90ce-4b92c380c1ae" alt=""><figcaption></figcaption></figure>

**Step 9:** Review your workflow one last time. Then click **Save changes**. Finally, click **Publish** to activate the workflow.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FmquAQivcDuOWOYBb5Dqx%2Fimage%2010.png?alt=media&amp;token=f12f5281-9dd2-44cd-9500-18335995d400" alt=""><figcaption></figcaption></figure>

**Step 10:** Go to your website and test the form by triggering it with one of the keywords you set.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FPAzTdLRxnrrTrPZdvaIR%2Fimage%2011.png?alt=media&amp;token=ca134a89-7c25-4788-8f1a-1af7f35aaed2" alt="" width="370"><figcaption></figcaption></figure>

The customer will see a summary of the information they entered after submitting the form:

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FMmtiKX1DFKXiXOGG4W2R%2Fimage%2012.png?alt=media&amp;token=16e94529-596d-4656-bbf3-4953e522a9fd" alt="" width="371"><figcaption></figcaption></figure>

**Step 11:** You can go back to the Form Builder section to see the form result.

<figure><img src="https://3928771814-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrYvzbvjeUPqcy0srNQ9%2Fuploads%2FDe3qmr8FqV2LNQq59Fsu%2F2c6e66ea-e3ba-4771-ac5a-f7e6194460e9.png?alt=media&amp;token=ff2502ef-842d-49a7-91ff-7394716ce843" alt=""><figcaption></figcaption></figure>

## Video Guide

{% embed url="<https://www.youtube.com/watch?v=wIzWZUgjaPc>" %}

## Quick Tips

* Remember to **double-check your form before saving**. You cannot edit or change the field positions after customer submission.
* In your workflow, **use the Website channel only**, as forms don’t currently work on Facebook Messenger or Telegram.

## Troubleshooting

* **Problem:** The form doesn’t appear in the chat.

  **Solution:** Ensure you selected the **Form Submit** block and chose the correct custom form.
* **Problem:** The workflow isn’t triggered when the customer types a keyword.

  **Solution:** Confirm that **Trigger conditions** are enabled and the keywords are entered correctly.
* **Problem:** Can’t edit a form after a customer submits it.

  **Solution:** This is expected. You must create a new form and replace the one you’re using in Workflow if changes are needed.

**Need help?** Join our [Discord community](https://discord.gg/SsYEF8PW65) or email us at <hello@cxgenie.ai>.
