> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.tyslo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

#     How to Add an “Order via WhatsApp” Button to Your Order Form

**You can add a WhatsApp button to your order form to give your users the possibility to order your products via WhatsApp.**

# Add WhatsApp Button to your order form

Here is how you can do that:
* Go to **Form Builder**
* Click on **+ Add new fields** on the end of the **Form** section 
* Choose **Custom fields**
* Select **WhatsApp Button**
* Click *save*

![](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/cleanshot-2024-05-31-at-172937_1s8mpmx.png)

# Customize your WhatsApp Button

Click on the **✎** edit button on your **WhatsApp Button**, then you can :
* 1- Label: Add {total} to display the total price in the button title
* 2- Subtitle
* 3- Your WhatsApp phone number: include the country code with your number
* 4- WhatsApp Message : customize the message that should initiate the conversation, You can use {url} to insert the customer's page URL
* 5- Background color, Button animation and icon
* 6- Text color, size & Style
* 7- Border color and width
* 8- Rounded corners, Shadow

![](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/cleanshot-2024-05-31-at-174156_1qlw92p.png)

Here is an example how the WhatsApp button will look like in your order form:

![](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/cleanshot-2024-05-31-at-181748_12z53z2.png)

| 🌟 Need more info or support? Drop us a message via the app chat or WhatsApp - we're here to make things easy for you! 😇