Add click to Mail button for React Js

In this blog we will see how to create a click to call button for React Js with click2contact.app.

💡

What is click to Mail button? When the visitor clicks on the click to Mail button it will open their default mail client. You can optionally add predefined Subject and body

This will be divided into two steps:

Add Click to Mail widget to React Js website

Create click to Mail button

visit click2contact.app and enter your phone number

Click “Generate Widget”

Enter your Mail number

Now if you like update the Mail label

If you like you can add more modes of contact just by entering the value for it like to add click to Mail button i am going to add my Mail number and it will look like this

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”

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)

Add Click to Mail widget to React Js website

Just open the public folder and add the code to the head of the index.html file.