Add click to Mail button on Super.so site

ST

3 Oct

by Sanskar Tiwari

In this blog we will see how to create a click to Mail button for Super.so website 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:

Create click to Mail button

  1. visit click2contact.app and enter your phone number
  1. Click “Generate Widget”
notion image
  1. Enter your Mail number
notion image
  1. Now if you like update the Mail 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 Mail button i am going to add my Mail 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)
notion image
 

Add Click to Mail widget to Super.so website

Adding Click to Mail to your entire site

Custom code can be added to your entire site or on specific pages. To add code for the entire site head into your site editor (cog icon) and click into the Code page.
 
Head, Body and CSS
From here you have the option to add code in three tabs, 'Head', 'Body', and 'CSS'.
  • The Head tab is used for adding scripts and other embed code for things like analytics, pop-ups, cookie consents, or chat bubbles.
So add the code send via email here.
 
 

Adding Click to Mail to specific page

Applying code to an individual page can be done by clicking the code icon on a specific page in your site "Pages".
 
Â