Łącze internetowe do konkretnego kontaktu WhatsApp

100

Chciałbym umieścić link na stronie internetowej, który otwiera czat WhatsApp z określonym kontaktem WhatsApp. Innymi słowy: chcę, aby link „skontaktuj się ze mną przez WhatsApp” znajdował się obok linków „Skontaktuj się z nami na moim Facebooku / Twitterze / Google + / etc”. Coś jak:

href="whatsapp:contact=015555555555@s.whatsapp.com&message="I'd like to chat with you"
html  web  whatsapp  url-scheme 
— Benny Powers
źródło
1
— Lyric Roy

Odpowiedzi:

190

********* AKTUALIZACJA DODANA NA KONIEC *********

Próbowałem wielu podejść i mam zwycięzcę (patrz Test 3), oto wynik każdego z nich:

(Myślę, że Test 3 również zadziała, ponieważ jeśli osoba odwiedzająca Twoją witrynę nie ma Cię na swojej liście kontaktów, to jedyna opcja, która na to pozwoli).

We wszystkich testach numer musiał być kompletny, z kodem kraju i lokalizacji bez zer początkowych. Przykład:

  • +55 (011) 99999-9999 (NIE)
  • +5511999999999 (TAK)

W testach 1 i 2 działał tylko ze znakiem plus na kodzie kraju: +5511999999999

Test 1:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">Send Message</a>

W ten sposób musisz mieć numer telefonu na swojej liście kontaktów. Dla mnie to nie działa, ponieważ chciałem móc wysłać wiadomość na numer, którego nie mam na liście kontaktów.

Jeśli nie masz numeru na liście kontaktów, otwiera Whatsapp z listą wszystkich zarejestrowanych kontaktów, dzięki czemu możesz wybrać jeden.

To dobra opcja do udostępniania rzeczy.

Test 2:

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Send Message</a>

To podejście działa tylko na Androidzie ORAZ jeśli masz numer na liście kontaktów. Jeśli go nie masz, Android otwiera Twoją aplikację do SMS-ów, dzięki czemu możesz zaprosić kontakt do korzystania z Whatsapp.

Test 3 (zwycięzca) :

<a href="https://api.whatsapp.com/send?phone=15551234567">Send Message</a>

To był jedyny sposób, który w pełni działał dla mnie.

  • Działa na Androidzie, iOS i aplikacji internetowej na komputerze,
  • Możesz rozpocząć rozmowę z numerem, którego nie masz na liście kontaktów
  • Możesz utworzyć link z jedną gotową wiadomością dodającą & text = [zakodowany adres URL wiadomości], na przykład:

https://api.whatsapp.com/send?phone=15551234567&text=Send20%a20%quote

A jeśli chcesz mieć bookmarklet dla dodatkowej łatwości użytkowania, możesz użyć tego:

javascript: (function() { var val= prompt("Enter phone number",""); if (val) location="https://api.whatsapp.com/send?phone="+escape('972' + val)+""; })()

Będziesz musiał zmienić kod kraju (lub usunąć go) na you.r kraj docelowy i wkleić go w polu adresu w linku chrome / firefox

Warto zauważyć:

***************** AKTUALIZACJA (START) *****************

Whatsapp udostępnił inną opcję, teraz możesz utworzyć jeden link do takiej rozmowy:

https://wa.me/[numer telefonu]

Numer telefonu powinien mieć format międzynarodowy:

Lubię to:

https://wa.me/552196312XXXX

Nie tak jak to:

https://wa.me/+55(021)96312-XXXX

A jeśli chcesz dodać jedną gotową wiadomość do swojego łącza, możesz dodać ? Text = na końcu z tekstem Zakodowany adres URL:

https://wa.me/552196312XXXX?text=[message-url-encoded]

Przykład:

https://wa.me/552196312XXXX?text=Send20%a20%quote

Więcej informacji tutaj:

https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat

***************** AKTUALIZACJA (KONIEC) *****************

— Rafael Araújo
źródło
2
Aby pomóc innym użytkownikom uniknąć tego samego błędu, co ja, użyj międzynarodowego prefiksu, ale bez plusa. Tak więc włoski 0039 staje się 39.
— MDaldoss
4
tak, symbol + nie jest wymagany, więc np. jeśli chcesz połączyć się z numerem w Indiach, możesz pominąć plus w +919 ********* i po prostu użyć 91 jako prefiksu. 91 **********
— dresh
link do WhatsApp nie zadziała, jeśli nie masz kontaktu z osobą w telefonie
— James Tan
dokładnie @JamesTan, jeśli chcesz skontaktować się z kimś, kto nie znajduje się na Twojej liście kontaktów, użyj w ten sposób: api.whatsapp.com/send?phone=15551234567, jak pokazano powyżej.
— Rafael Araújo
zdałem sobie sprawę, że działa nawet jeśli telefon nie istnieje, moim błędem było to, że pięć nieprawidłowych numerów, z dodatkową jedną cyfrą, która powoduje błąd
— James Tan
52

Poniższy link wydaje się działać dobrze - 

<a href="whatsapp://send?text=Hello World!&phone=+9198********1">Ping me on WhatsApp</a>

Otwiera kontakt w aplikacji WhatsApp wraz z komunikatem „Hello World!” wstępnie wypełnione w wejściowym polu tekstowym.

(Przetestowano to w Google Chrome na telefonie z Androidem).

— Sachin Doshi
źródło
5
Przetestowałem to w Safari na iPhonie i zadziałało!
— Alan Avalos
1
Działa w przeglądarce Opera i Chrome.
— WM
Działa na Chrome, Firefox i domyślnej przeglądarce Androida 6, a także działa w Safari i Chrome na iPhone6 ​​(grudzień 2017).
— MattAllegro,
Nie działa w przeglądarce UC, ale działa dobrze w Chrome.
— Devsainii
11

Próbowałem tego:

<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!">whatsapp</a>

zmiana „numeru telefonu” na konkretny numer telefonu. To nie działa całkowicie, ale po kliknięciu łącza otwiera WhatsApp, a jeśli klikną kontakt, wiadomość zostanie wypełniona.

Jeśli chcesz otworzyć konkretną osobę na czacie, możesz, ale bez wypełnionego tekstu.

<a href="intent://send/phonenumber#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">test</a>

Prawdopodobnie będziesz musiał dokonać wyboru między nimi.

kilka linków, które pomogą Ci Udostępnianie łącza w WhatsApp ze strony mobilnej (nie aplikacji) dla Androida https://www.whatsapp.com/faq/nl/android/28000012

Mam nadzieję że to pomoże

(Przetestowałem to w Google Chrome na telefonie z Androidem)

— yoshiMannaert
źródło
9

Możesz użyć następującego adresu URL zgodnie z FAQ WhatsApp:

https://wa.me/PHONENUMBERHERE

Dodaj kod kraju przed numerem i nie dodawaj znaku plus (+), myślników (-) ani innych znaków w numerze. Tylko liczby całkowite / wartości liczbowe.

Możesz także wstępnie zdefiniować wiadomość tekstową, od której ma zacząć się:

https://wa.me/PHONENUMBERHERE/?text=urlencodedtext

— uciążliwy
źródło
Spowoduje to otwarcie Sklepu Play w systemie Android po stronie potwierdzenia.
— amarmishra
@amarmishra Tak, prawdopodobnie otwiera się w sklepie z aplikacjami, ponieważ chce zainstalować aplikację WhatsApp. Jeśli masz już zainstalowaną WhatsApp, otworzy WhatsApp i rozpocznie rozmowę z numerem.
— tribulant
9

Możesz teraz użyć bardzo prostego interfejsu API, https://wa.me/aby wykonać to zadanie, w którym możesz podać prawidłowy numer kontaktowy WhatsApp, taki jak 15555555555 ( dodaj kod kraju , usuń wszystkie „+”, „-”, nawiasy, spacje lub zera na początku ). Możesz również podać tekst zakodowany w postaci urlenkodowanej jako predefiniowana wiadomość, którą użytkownik może wysłać bezpośrednio lub zmienić przed wysłaniem.

Porozmawiaj ze mną link :<a href="https://wa.me/15555555555">Contact me by whatsapp</a>

Porozmawiaj ze mną link z predefiniowanym tekstem :<a href="https://wa.me/15555555555?text=I%27d%20like%20to%20chat%20with%20you">Contact me on whatsapp</a>

Piękno tego wa.meadresu URL polega na tym, że nie musisz sprawdzać klienta użytkownika, ponieważ działa on zarówno na telefonie komórkowym, jak i na komputerze (otwiera stronę web.whatsapp.com)

Źródło: https://faq.whatsapp.com/en/general/26000030

Więcej szczegółów w mojej odpowiedzi na podobne pytanie https://stackoverflow.com/a/51854282/2485420

— Shri
źródło
5

Na ile jest to warte, w chwili pisania tego tekstu (29 listopada 2018 r.) Zaktualizowane API, które wydaje się działać po mojej stronie, używa tego linku:

https://wa.me/<phone number here>

Uwaga:

Wystarczy zastąpić symbol zastępczy <phone number here>zamierzonym numerem telefonu, którego chcesz użyć, WŁĄCZAJĄC numer kierunkowy kraju, co oznacza, że ​​musiałem dodać +60resztę pozostałego numeru.

Po mojej stronie nie działa bez jednego (przynajmniej na Androidzie i iOS). To nie działa oznacza komunikat o błędzie, który mówi w stylu „nie masz tego numeru”.

Odniesienie:

https://faq.whatsapp.com/en/general/26000030

— Kevin
źródło
@Korayem, żartujesz, prawda? dlatego w mojej odpowiedzi wyraźnie powiedziałem „Dodałem znak plusa +”, ponieważ duplikat, który utworzyłeś, nie działa
— Kevin
zasługuje na komentarz do oryginalnej odpowiedzi
— Korayem
4

To podejście działa tylko na Androidzie ORAZ jeśli masz numer na liście kontaktów . Jeśli go nie masz, Android otwiera Twoją aplikację do SMS-ów, dzięki czemu możesz zaprosić kontakt do korzystania z Whatsapp.

<a href="https://api.whatsapp.com/send?phone=2567xxxxxxxxx" method="get" target="_blank"><i class="fa fa-whatsapp"></i></a>

Google Chrome celuję w puste okno

— Trophy Developers U CO. Ltd.
źródło
Działa to dla mnie na Windows i iOS, nawet jeśli kontakt nie znajduje się jeszcze w mojej książce telefonicznej, więc wydaje mi się, że WhatsApp zaktualizował to od czasu opublikowania tej odpowiedzi. Więcej szczegółów i zastosowania w ich oficjalnych FAQ .
— wasabigeek
3

Z oficjalnego FAQ Whatsapp: https://faq.whatsapp.com/en/android/26000030/

Funkcja WhatsApp Click to Chat umożliwia rozpoczęcie czatu z kimś bez zapisywania jego numeru telefonu w książce adresowej telefonu. Jeśli znasz numer telefonu tej osoby, możesz utworzyć link, który pozwoli Ci rozpocząć z nią czat. Po kliknięciu łącza automatycznie otwiera się czat z daną osobą. Kliknij, aby porozmawiać, działa zarówno na telefonie, jak i w WhatsApp Web.

Aby utworzyć własny link, użyj https://wa.me/, gdzie jest pełny numer telefonu w formacie międzynarodowym. Dodając numer telefonu w formacie międzynarodowym, pomiń zera, nawiasy lub myślniki. Aby uzyskać szczegółowe wyjaśnienie dotyczące numerów międzynarodowych, przeczytaj ten artykuł. Pamiętaj, że ten numer telefonu musi mieć aktywne konto w WhatsApp.

Use: https://wa.me/15551234567

Don't use: https://wa.me/+001-(555)1234567
— iFadi
źródło
2

Ta odpowiedź jest przydatna dla tych, którzy chcą kliknąć, aby porozmawiać z WhatsApp na stronie internetowej, aby przekierować web.whatsapp.com z domyślną treścią lub wiadomością i na urządzeniu mobilnym, aby otworzyć w WhatsApp w aplikacji mobilnej z domyślną zawartością na pasku tekstowym w aplikacji.

dodaj także link jquery.

<a  target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+919581880892&amp;text=Hi, I would like to get more information.." class="whatsapplink hidemobile" style="background-color:#2DC100">
    <i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
    <span style="color:#fff">
        Contact Us On WhatsApp        </span>
</a>
<a  target="_blank" title="Contact Us On WhatsApp" href="https://api.whatsapp.com/send?phone=+919581880892&text=Hi,%20I%20would%20like%20to%20get%20more%20information.." class="whatsapplink hideweb" style="background-color:#2DC100">
    <i class="fa fa-fw fa-whatsapp" style="color:#fff"></i>
    <span style="color:#fff">
        Contact Us On WhatsApp        </span>
</a>

   <script type="text/javascript"> 
var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
if (mobile) { 

    $('.hidemobile').css('display', 'none'); // OR you can use $('.hidemobile').hide();
} 
else 
{ 
    $('.hideweb').css('display', 'none'); // OR you can use $('.hideweb').hide();
}
</script>
— imtaher
źródło
2
Wygląda na to, że możesz teraz użyć bezpośredniego linku https://wa.me/PHONENUMBERHEREdla urządzeń mobilnych i komputerów stacjonarnych.
— Kai Noack
1

Rozwiązanie, które sprawdziło się u mnie, jest tutaj PHP:

$android = stripos($_SERVER['HTTP_USER_AGENT'], "android");
$iphone = stripos($_SERVER['HTTP_USER_AGENT'], "iphone");
$ipad = stripos($_SERVER['HTTP_USER_AGENT'], "ipad");

$whatsappNumber = '1234597891';
$whatsappLink = '';
if($android !== false || $ipad !== false || $iphone !== false) {//For mobile
    $whatsappLink = '<a href="https://api.whatsapp.com/send?phone='.$whatsappNumber.'">'.$whatsappNumber.'</a>';
} else {//For desktop
    $whatsappLink = '<a href="https://web.whatsapp.com/send?phone='.$whatsappNumber.'">'.$whatsappNumber.'</a>';
}
— Imran Zahoor
źródło
1

Wypróbowałem wszystkie kombinacje dla szwajcarskich numerów na mojej stronie internetowej. Poniżej moich wyników:

Nie działa na Androida i iOS

https://wa.me/0790000000/?text=myText

Działa na iOS, ale nie działa na Androida

https://wa.me/0041790000000/?text=myText
https://wa.me/+41790000000/?text=myText

Działa na Androida i iOS:

https://wa.me/41790000000/?text=myText
https://wa.me/041790000000/?text=myText

Mam nadzieję, że te informacje komuś pomogą!

— yab86
źródło
0

Numer telefonu to kod kraju, po którym następuje numer telefonu komórkowego WhatsApp bez żadnego symbolu. Proszę zapoznać się z poniższym kodem.

<a href="https://api.whatsapp.com/send?phone=19998887878&text=Hi%20There!">WhatsApp Now</a>
— Nirav
źródło
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.