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 Squarespace 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%3D8348437c-85f5-45e4-abb7-c71d5b58a5d3%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DqZ4poN4DPxgSPnojxt-4_uzlVAofYbTV1aDxaZ6z4cY?table=block&id=8348437c-85f5-45e4-abb7-c71d5b58a5d3&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%3D74ecabae-8637-4cae-9135-c4da0a1b44c6%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DlUrHCc7SWBqIgVvTM5iVPoSz9ehOKHbQgrITbgBeUgU?table=block&id=74ecabae-8637-4cae-9135-c4da0a1b44c6&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%3Dfb434c59-e891-450a-ba10-e7a894ed0205%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DiB602i_hnPnaUfJGVB01o3dWOhhbA6A9TuyRXGM_veI?table=block&id=fb434c59-e891-450a-ba10-e7a894ed0205&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%3D5e73ec62-35d5-44be-8418-a45ab71367a0%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3D-WWNt8EFbTNlfKoLrinTMqEZrQsRFC-0aPuwLaRmy5I?table=block&id=5e73ec62-35d5-44be-8418-a45ab71367a0&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%3D71de0d7f-15a9-484a-bdd1-9bb0a3aa4c1e%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DjKthyQRdONntl90pCa-w9MuZd_Qd44d0GPVhwA-eZbg?table=block&id=71de0d7f-15a9-484a-bdd1-9bb0a3aa4c1e&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%3D2ca62dd7-3160-405a-996f-6fdf70f7c48b%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DlSQCzx5s2OjVVhxe2Ji2ZvzRBJIZihGltxS6s4O_1OU?table=block&id=2ca62dd7-3160-405a-996f-6fdf70f7c48b&cache=v2)
Add Click to sms widget to the Shopify website
Â
- Open the SquareSpace dashboard and click on “Plugins” then click “Add New”
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F503d2a9d-16dc-4d0e-a0bc-da6814329037%2FUntitled.png%3Ftable%3Dblock%26id%3D0e4d471a-d832-4a39-9698-eaa3720505b3%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DjWUHSPpW-GgUDgvt3U3p09jjk5nR1ZdUguQzVkAU2P8?table=block&id=0e4d471a-d832-4a39-9698-eaa3720505b3&cache=v2)
- Search for “Header and Footer” you can use any but I am going to use this first one
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fbf381226-34aa-4093-8310-74da8bc7755d%2FUntitled.png%3Ftable%3Dblock%26id%3De5afb1e6-7992-4815-97ff-919926617aee%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DUA7LqYwy7eZqx7koBB3xEsRckN8cInVjEjwNDWTxGKk?table=block&id=e5afb1e6-7992-4815-97ff-919926617aee&cache=v2)
- You just need to click “Install Now” and then “Activate”
- Then hover on the settings and click “Insert headers and Footers”
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fda5a1dfb-aad4-454e-b00b-f6663efd1c7d%2FScreenshot_2022-10-09_at_11.00.48_PM.png%3Ftable%3Dblock%26id%3Dfc068422-c592-4f15-b2ff-bf4bdc83b7f3%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DnzPUYhim15tu2_we6CWOvpgExQPsN0gHW1CPNnAkpwk?table=block&id=fc068422-c592-4f15-b2ff-bf4bdc83b7f3&cache=v2)
- Paste the code we got via email
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F530181bd-c58b-4dee-948a-18aa50fc6540%2FUntitled.png%3Ftable%3Dblock%26id%3Daf4f7c2b-4786-4f1f-83ff-c7212cb616a6%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DE7R7eTTAENCQbHqZCoah6KV1eLQOF4-LVn70Cj2qC7A?table=block&id=af4f7c2b-4786-4f1f-83ff-c7212cb616a6&cache=v2)
- Now scroll down to the bottom and click “Save”
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fe5afb480-c0a2-4fff-a532-4a11a7c8aebf%2FUntitled.png%3Ftable%3Dblock%26id%3Df45901b3-037d-40c3-89f1-04f5d39208f3%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DT55lUVMtlz6Sb14hzfMo7Y7HOVsH_l3AY6rgCWDazQQ?table=block&id=f45901b3-037d-40c3-89f1-04f5d39208f3&cache=v2)
- Open your website and you can find it there
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F429ce265-1276-401e-8476-1d2064673c93%2FUntitled.png%3Ftable%3Dblock%26id%3D88d36410-2fb0-4a6f-aec2-14a47f33f561%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1737770400000%26signature%3DBRS63cE-fT9_6iS9nb-8o3Iwwr4cL21O8l-EXxjlg58?table=block&id=88d36410-2fb0-4a6f-aec2-14a47f33f561&cache=v2)