# Phone Number

## **Element Description**

The **Phone Number** field is used to collect phone number information from customers during the checkout process. It ensures that the input matches the format for valid phone numbers, improving communication and order management.

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FlTnHxaZ7H5Whwapkf1F0%2Fimage.png?alt=media&#x26;token=76001680-74fe-44a1-aeb9-e630fc35aab4" alt=""><figcaption></figcaption></figure>

**Sample Use Cases**

* Collect customer contact details for order confirmations.
* Request phone numbers for delivery coordination.
* Gather contact information for customer service follow-up.

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FgYlSzKrUvwaSRhYxusDV%2Fimage.png?alt=media&#x26;token=01a22a2a-71d0-40ca-9a7d-deab72135449" alt=""><figcaption><p>Sample Phone Number Field</p></figcaption></figure>

## **Phone Number** Field Settings

<figure><img src="https://1670878215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbK04jKOIhkmxYUGKxuyO%2Fuploads%2FcAVCVDDVchoE6j369zbd%2Fimage.png?alt=media&#x26;token=ec322e32-1342-419a-9d61-df9eae0e05c2" alt=""><figcaption></figcaption></figure>

* **Label** – The name of the field displayed to the customer on the checkout page.
* **Placeholder** – Text shown inside the input box before the customer enters a phone number.
* **Description** – Additional information or instructions about the field that appears below the input box.
* **Enable/Disable Field** – Allows you to enable or disable the field based on your needs. If it is disabled, the element will not be displayed in the checkout form, you can enable it anytime from the checkout builder according to your needs.
* **Is Required** – When enabled, customers must fill in this field before completing their purchase.

**Advanced Settings**

* **Custom Class Name** – Add [**custom CSS classes**](https://docs.stylemixthemes.com/checkout-custom-fields-builder-for-woocommerce/plugin-features/custom-classes) to style or further customize the phone number field.
* **Validation Error Message** – Set a custom message to be displayed if the phone number input doesn't meet the validation requirements.
