Open Whatsapp message box on button click on a web page
I have added some logos at the end of my website. I want to open respective apps based on the logos when clicked by users. This menu is shown when the user accesses the site via mobile
How can I open whatsapp message for a particular number when user clicks on it?
For example for email we have mailto and for telephone we have tel
Solution
You can use href of this element to
<a href="whatsapp://send?text=WHATEVER_LINK_OR_TEXT_YOU_WANT_TO_SEND" title="Share on whatsapp">WhatsApp</a>
For a specific number
href="//api.whatsapp.com/send?phone=91MOBILE_NUMBER&text=WHATEVER_LINK_OR_TEXT_YOU_WANT_TO_SEND"
Please make sure in phone, there is CountryCode 91 for India
- Select with search option in Bootstrap
- Display multiple text lines of equal length
- input type="date" appears larger on iPhone
- Finish faster CSS Animation
- jQuery Drop event not firing
- Display input field based on selected option
- How to set grid-row on grids that are subgrids?
- How to programmatically Download a file from Google Drive, using Javascript and HTML?
- Drag and drop API bugs/strange behavior on Firefox and Chrome
- Body {background-color} not working in external css?
- Flask Load New Page After Streaming Data
- How to set the default value of radio buttons after loading page?
- JQuery add/remove class is not working properly
- How to create inner and outside shadow effect button?
- How can I create the Netflix Hero Curved Divider with CSS Radial Gradient?
- Detecting when an iframe gets or loses focus
- CSS/Tailwind Scroll Snapping not working within scrollable flex container with sticky header
- html: open pdf and png in the browser, not to download it
- How to change label font size in streamlit
- How to split css shape in half vertically?
- How can I set the text on the right of a glyphicon into a Twitter BootStrap theme?
- HTML CSS Div Overflow & Position "fixed"
- HTML and CSS Background-image is not showing up
- CSS Grid/Flex Layout: Expandable stacked cards that should have specific height below fixed header with scrollable table content
- Is it possible to change the font of a st.button in Streamlit?
- How to send disabled checkbox value into database
- what's the current best way to put audio and video on a web site?
- How to stretch content vertically with grid?
- HTML tab interface using only CSS
- HTML to CHM file on Linux