Add click to SMS button for React JS

ST

3 Oct

by Sanskar Tiwari

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:
  1. Creating the button with your phone number.
  1. Adding it to your React Js website.

Create click to sms button

  1. visit click2contact.app and enter your phone number
  1. Click “Generate Widget”
notion image
  1. Enter your phone number
notion image
  1. Now if you like update the call label
notion image
  1. 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
if not continue…
  1. Now there are other options you can update, Alignment, labels can add profile image messages, designation, and support person names.
  1. 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
  1. 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

Add Click to sms widget to the React Js website

 
  1. Open the React Js dashboard and click on “Plugins” then click “Add New”
notion image
  1. Search for “Header and Footer” you can use any but I am going to use this first one
notion image
  1. You just need to click “Install Now” and then “Activate”
  1. Then hover on the settings and click “Insert headers and Footers”
    1. notion image
  1. Paste the code we got via email
notion image
  1. Now scroll down to the bottom and click “Save”
notion image
  1. Open your website and you can find it there
notion image