Шаблоны ссылок на мессенджеры
В данной статье мы разместим HTML шаблоны для ссылок на мессенджеры, социальные сети, телефон и E-mail для размещения на сайте.
Шаблоны ссылок для размещения на сайте
Как сделать прямую ссылку на номер телефона
Html-код ссылки на номер телефона для копирования:
При нажатии на ссылку с мобильных устройств будет предложено набрать указанный номер, на десктопе – выбрать приложение для звонка.
Ссылка на адрес эл. почты (Email)
Чтобы сделать кликабельный e-mail используйте данный Html-код:
При нажатии на ссылку будет открыта почтовая программа, заданная по умолчанию, в поле «Получатель» будет подставлен адрес электронной почты, указанный в HTML-ссылке.
Как сделать ссылку на Telegram
Открыть чат с пользователем. Работает только по никнейму (имени пользователя). Замените имя пользователя в шаблоне “jack_malbon” на свое:
Web link to specific whatsapp contact
I’d like to place a link on a webpage which opens a whatsapp chat with a certain whatsapp contact. In other words: I want a «contact me by whatsapp» link to go next to the page’s «Contact us my facebook/twitter/google+/etc» links. Something like:
14 Answers 14
********* UPDATE ADDED AT THE END *********
I’ve tried many approaches and I have a winner (see Test 3), here is the result of each one:
(I think the Test 3 will also work for you because if the person visiting your site doesn’t have you on their contact list, it’s the only option that will allow it.)
In all tests, the number had to be complete, with country and location code without any initial zeros. Example:
- +55(011) 99999-9999 (NOT)
- +5511999999999 (YES)
On tests 1 and 2, it only worked with a plus sign on the country code: +5511999999999
This way you must have the phonenumber on your contact list. It doesn’t work for me because I wanted to be able to send a message to a number which I may not have on my contact list.
If you don’t have the number on your contact list, it opens the Whatsapp listing all your registered contacts, so you can choose one.
It’s a good option for sharing stuff.
This approach only works on Android AND if you have the number on your contact list. If you don’t have it, Android opens your SMS app, so you can invite the contact to use Whatsapp.
Test 3 (The Winner):
This was the only way that worked fully for me.
- It works on Android, iOS and Web app on the desktop,
- You can start a conversation with a number that you don’t have on your contact list
- You can create a link with one pre-built message adding &text=[message-url-encoded] like:
And if you wish to have a bookmarklet for additional ease of use, you may use this one:
Youll need to change the country code(or remove it) to you.r target country and paste it in the address field in a chrome/firefox link
- I had to update my WhatsApp to the latest version
- The number’s country code must not have a leading plus
- More details here: https://www.whatsapp.com/faq/en/general/26000030
Whatsapp made available other option, now you can create one link to a conversation like this:
The phone number should be in international format:
And if you want to add one pre-built message to your link, you can add ?text= at the end with the text URL Encoded:
How to send WhatsApp message through HTML link
Well, we mostly use WhatsApp to send and receive text or video messages to our loved ones.
But there are lots of businesses out there using WhatsApp for business purposes some business organizations using WhatsApp to serve customer support services.
According to businessofapps, WhatsApp has over 2.5 billion active users worldwide.
And businesses are now adopting WhatsApp for their business use. That’s why Mark Zuckerberg and his team(Facebook Developers) released WhatsApp Business with some more great features.
Instagram Login page ����️
�� Atul Prajapati ���� ・ Apr 26 ’20 ・ 1 min read
So in this article, You and I both are going to learn how to make send WhatsApp message with HTML link. Imagine when someone clicks on the link it will send a message to a particular WhatsApp number.
Prerequisite
– Very basic knowledge of HTML & CSS
– one WhatsApp number
– Your country code
How to create WhatsApp link?
You can see this image in which first we want to write “https://wa.me” this is universal link for WhatsApp server. After that we want to write your country code like I am from India so my country code will be 91 with your WhatsApp number like (919876543215) and make sure we don’t want to write + with country code. And message is optional you can write anything here like “Hi”, “Hello”, etc.
So the final WhatsApp link will look like this.
This is custom way to make WhatsApp link with HTML. But If you are not a technical guy who knows HTML so don’t worry on the internet you will find 100s of WhatsApp link generators for free. Let’s take a look some best tools for creating WhatsApp link generators.
WhatsApp Link Generator Tool
There are lots of WhatsApp link generators on the internet like Postcron, join.chat, vepaar but I personally like the WaLink.
Creating WhatsApp links is not user friendly and occasionally takes more time than expected. That’s where Walink comes in, Walink provide a tool which you can use to generate shortened WhatsApp links, with the wa.link domain. This will increase your chat conversions, and it’s free!
How to generate WhatsApp link
Generate your WhatsApp link
So you have learned How to create a WhatsApp link with HTML and How to generate a WhatsApp link with a free WhatsApp link generator tool.
I have tried my best to explain you how to create a WhatsApp link but still if you are facing any issue please feel free to comment your questions, suggestions and feedback’s. I love to hear from you.
Share this post with your friend, colleague and students It will be an Educational Donation for our community.
Link generator for WhatsApp
W hatsApp allows you to create links from your phone to share with your contacts, with the new WhatsApp feature you can start a conversation even without having the person’s contact in your phonebook.
With this resource it is also easy to share our number without complications.
We will create our own tool to facilitate the creation of links.
First let’s create the interface, we’ll do something simple, just HTML.
Now let’s do the generateLink function.
There, it’s that simple.
See the complete project working below.
Youtube
If you prefer to watch, I see the development on youtube (video in PT-BR)..
Thanks for reading!
If you have any questions, complaints or tips, you can leave them here in the comments. I will be happy to answer!