How to add WhatsApp share button on a website ?

Sh Raj - Jan 15 '22 - - Dev Community

Here are two methods which can be used to link a button. When user will click it. The user will be redirected to WhatsApp app on Android/PC. With the massage given in the parameter.

See Detailed Video :- https://youtu.be/CSXCxMzvu9A

<a href="https://api.whatsapp.com/send?text=urlencodedtext"></a>
Enter fullscreen mode Exit fullscreen mode 
<a href="whatsapp://send?text=<<HERE GOES THE URL ENCODED TEXT YOU WANT TO SHARE>>" >Share via Whatsapp</a>
Enter fullscreen mode Exit fullscreen mode 
<a href="https://wa.me/?text=urlencodedtext">Share this</a>
Enter fullscreen mode Exit fullscreen mode

As you seen in the example if you want to add line breaks to your massage or write massage as you send on WhatsApp. You have to use urlencodedtext.

You can Convert your Text into URL encoded text from here :- https://www.google.com/search?q=url+text+encoder

As you can See an Example Here :- https://createevminutes.sh20raj.repl.co/

Checkout Instagram :-


Image
Securing SvelteKit Apps with Keycloak

authentication, sso, svelte, keycloak
Image
Te platicamos sobre nuestra comunidad Babelink

webdev, javascript, programming, beginners
Image
Module not found: Can't resolve 'pino-pretty'

nextjs, webpack, react, webdev
Image
Craftsmanship at Its Finest: BestGoal's Dedication to Quality

design
Image
POSSIBILITIES AND REDEMPTION TO LOST CRYPTO CONSULT TECHNOCRATE RECOVERY

cryptocurrency, recovery, expert
Image
Securing Remix Apps with Keycloak

keycloak, sso, identityandaccessmanagement, remix
Image
Learning the Fundamental Stock Analysis Terms
Image
Advanced Git Techniques: Rebasing and Working with Remotes – Part 3

git, github, webdev, learning
Image
Dimension alignment

sql, development, join, programming
Image
Explore E Girl Soundboard: Popular Picks Unveiled

ai, api, soundboard
Image
Subscribe New Shares Strategy for Digital Currency Spot (Tutorial)

strategy, spot, cryptocurrency, fmzquant
Image
Enhancing Quality Assurance and Reducing Costs: The Power of WeTest Automation Testing

testing, qa, automated, automation
Image
Day 2 : Setting up the React Environment

react, javascript, typescript, learning
Image
Unleash Your Inner Rapper: AI Rapper Voice Generator

ai, api, voice
Image
How I discovered Named Entity Recognition while trying to remove gibberish from a string.

ai, python, spacy, machinelearning
Image
What Is API Sprawl? How to Prevent API Sprawl?

programming, devops, discuss
Image
Nature's Bounty: BestGoal Wood Designs That Bring the Outdoors In

homesweethome
Image
Laravel 11 Vue 3 Inertia

laravel, vue, inertia, tailwindcss
Image
１２章１９
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .