This blog will teach you how to create a click-to-sms button and add it to your word-press website.
What is click to sms button?
When the visitor clicks on the click to sms button it will automatically show the sms option natively. You can also set a pre written text which will be written by default for the visitor
This will be divided into two steps:
- Creating the button with your phone number.
- Adding it to your Bubble website.
Create click to sms 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%3Ftable%3Dblock%26id%3D3cc16032-a80b-4ee7-b646-74272327f3a2%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3DBYlWuglKfEyxeBwtuFGqejVgqOv-RdY6ncopawbpyw0?table=block&id=3cc16032-a80b-4ee7-b646-74272327f3a2&cache=v2)
- Enter your phone 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%3Ftable%3Dblock%26id%3D0bbbcafa-05a5-4cca-8e83-86cea3457e7e%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3D0V9fAPjbtqgcj6t8N6GoLqmhO7A0YBKyxAYuD-wpJlg?table=block&id=0bbbcafa-05a5-4cca-8e83-86cea3457e7e&cache=v2)
- Now if you like update the call 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%3Ftable%3Dblock%26id%3D98b1b3f4-4f08-4a0f-abd7-a541e8ff6776%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3DMuGm3P2Wj4tVBX8jGtfuoCmsZ_MXviJQSBojPUM6V14?table=block&id=98b1b3f4-4f08-4a0f-abd7-a541e8ff6776&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%3Ftable%3Dblock%26id%3De5bb0496-591c-4633-bbb6-52efd10f6ed7%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3DEJbOJIwRXIVu0MBvBgFajYZjEAObj_uZccfpWPaNSF4?table=block&id=e5bb0496-591c-4633-bbb6-52efd10f6ed7&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%3Ftable%3Dblock%26id%3D0ea048b1-b500-4568-b2f8-1732a16d0f76%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3DkwaAvprlQ3EoUpcH9OGF5gtVcC7GiQebV2R_JwVHXR4?table=block&id=0ea048b1-b500-4568-b2f8-1732a16d0f76&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) to the WordPress blog
![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%3Ftable%3Dblock%26id%3Db725fff1-73f8-4059-9e3e-1f20b3e3c667%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3DJpA3EMZnV-R-smtqaKbVeoycDfqmDb3PROvnPgfbakE?table=block&id=b725fff1-73f8-4059-9e3e-1f20b3e3c667&cache=v2)
Add Click to sms widget to the Bubble website
Â
- Open the Bubble dashboard and click on “Settings” and then click “SEO/ metatags”
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fb33c9f45-2022-484b-8eca-542d0dffa8d9%2FUntitled.png%3Ftable%3Dblock%26id%3D9e7f58f4-f4d0-41ec-a37f-90e926ce44f6%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3Dav1MTNTp-xnkNRU5lpw4KnrZ07qPms06-IqpMNHq7Kw?table=block&id=9e7f58f4-f4d0-41ec-a37f-90e926ce44f6&cache=v2)
- Scroll down to “Script/meta tags in header” and then paste the code you got on email.
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fb41d4b54-aaaf-41a5-8d83-cd68a46fe127%2FUntitled.png%3Ftable%3Dblock%26id%3D73790b24-e8fb-4a61-8d2d-1abaa925e6ba%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1739937600000%26signature%3DlvdOyzQcfyXa77CsbKQymW3E8VadV3NEktLtuTx8aAQ?table=block&id=73790b24-e8fb-4a61-8d2d-1abaa925e6ba&cache=v2)
- Open your website, by clicking on the “Preview” button and you can find click2contact widget there.