In this blog we will see how to create a click to call button for wordpress with click2contact.app .
What is click to WhatsApp button?
When the visitor clicks on the click to WhatsApp button it will open chat with your number on WhatsApp. You can also add a pre written message for the visitor
This will be divided into two steps:
Create click to WhatsApp button
- visit click2contact.app and enter your phone number
- Click “Generate Widget”
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F54425362-2dc2-49ac-93eb-6f92ef2ab9c1%2FUntitled.png%3Fid%3Da05f96d3-8cd1-47ed-a516-ba3f521a0cb0%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722153600000%26signature%3D6hkC2BMuKQB7_XqAXgc2XX1xOUyBLmBYmD8gcXwcLFQ?table=block&id=a05f96d3-8cd1-47ed-a516-ba3f521a0cb0&cache=v2)
- Enter your WhatsApp number
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fa6092014-577e-48f7-9f9b-5e0a5a49c247%2FUntitled.png%3Fid%3D7b98da2d-f90e-4263-8fec-14c5e843ff9e%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722153600000%26signature%3DsI7G1FVxXr0udhp3xurMSAMVX7p4dk4xuOa8NqkwOeY?table=block&id=7b98da2d-f90e-4263-8fec-14c5e843ff9e&cache=v2)
- Now if you like update the WhatsApp label
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fa5167171-859e-496d-add6-c4fbe53c7d0d%2FUntitled.png%3Fid%3Dee333338-1855-4c50-8d9a-5fce32aed603%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722153600000%26signature%3DajUdCRY4z-6TtAM06PHq3WdZI5uu8TP3xTV3ZsJnN50?table=block&id=ee333338-1855-4c50-8d9a-5fce32aed603&cache=v2)
- If you like you can add more modes of contact just by entering the value for it like to add click to WhatsApp button i am going to add my WhatsApp number and it will look like this
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Faab7cb1e-7bc9-46fa-a4c8-5f687ce66c0d%2FUntitled.png%3Fid%3Dbe759ea3-9072-4de4-97ca-626cbf8049c2%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722153600000%26signature%3DdmJ9Prxasl684LquJ8Mp24kNMABlZ1EbKafwDi3sXkk?table=block&id=be759ea3-9072-4de4-97ca-626cbf8049c2&cache=v2)
if not continue…
- Now there are other options you can update, Alignment, labels can add profile image messages, designation, and support person names.
- Scroll down and (i) Give the widget a name so you can later manage it from click2contact.app/my-account and (ii) enter your license key then (iii) click “Generate & Send Code”
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fe33d8521-6f47-4f6d-beca-f1d17fc6ca87%2FUntitled.png%3Fid%3D8ad03f65-201e-402d-b33a-678f9d18499c%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722153600000%26signature%3DG-nWy8tEqFBSU2ZN-as5Vg0WNc1zvTmFhBHYocs4YUo?table=block&id=8ad03f65-201e-402d-b33a-678f9d18499c&cache=v2)
- You will receive the code in your email, just copy the highlighted code we will use this to add the click to call (click2contact widget)
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Faeb2455d-495d-43b2-9026-320c8546a86f%2FUntitled.png%3Fid%3D3f3dad64-48a8-4d80-827f-d3710e47884e%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722153600000%26signature%3Do5sgp8BS1mtVweqRfm1u-ewrX7pq5zye0UqfERVpVdY?table=block&id=3f3dad64-48a8-4d80-827f-d3710e47884e&cache=v2)
Add Click to WhatsApp button to Webflow site on all pages
To add custom code to the Head tag:
- Visit Site settings > Custom code tab
- Add your custom code in the Head code section
- Click Save changes