移动网站“WhatsApp”按钮将消息发送到特定号码

时间:2015-03-23 19:06:13

标签: html mobile-website whatsapp

可以自定义移动网站,以允许用户在WhatsApp中将预先填写的消息与手动选择的联系人共享。如给定here,使用自定义URL方案完成。一个例子:

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

要拨打我们使用的特定号码:

<a href="tel:0123456789">Call</a>

同样,我们是否可以将WhatsApp消息发送到特定号码(或至少打开聊天),而无需用户手动选择电话号码,而是将其作为预定义参数/属性值之一?

9 个答案:

答案 0 :(得分:33)

现在可以轻松完成! 您只需要使用以下格式:

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

UPDATE-- 从现在开始使用(2018年11月)

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>
  

使用:https://wa.me/15551234567

     

请勿使用:https://wa.me/+001-(555)1234567

     

使用预填充的消息创建您自己的链接   自动出现在聊天的文本字段中,使用   https://wa.me/whatsappphonenumber/?text=urlencodedtext在哪里   whatsappphonenumber是一个完整的电话号码,国际格式和   URL-encodedtext是URL编码的预填充消息。

     

实施例:https://wa.me/15551234567?text=I'M%20interested%20英寸%20your%20car%20for%20sale

     

要创建仅包含预填充消息的链接,请使用   https://wa.me/?text=urlencodedtext

     

实施例:https://wa.me/?text=I'M%20inquiring%20about%第二十条%20apartment%20listing

     

点击该链接后,您将看到一个联系人列表   可以发送你的消息。

有关详细信息,请参阅https://www.whatsapp.com/faq/en/general/26000030

答案 1 :(得分:8)

在Android上,您可以尝试

href="intent://send/[countrycode_without_plus][number]#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end

[countrycode_without_plus][number]替换为数字

答案 2 :(得分:4)

WhatsApp现在提供了更简单的API https://wa.me/,它没有引入任何新功能,只是一种更简单的执行方式。实施此API时无需检查用户代理,因为它也可以与本机应用程序以及桌面上的whatsapp(web.whatsapp.com)的Web界面一起使用。

这可以在多个用例中使用

  • A 点击聊天按钮:使用https://wa.me/whatsappphonenumber与指定的whatsapp用户打开聊天对话框。请注意,whatsappphonenumber应该是国际格式的有效whatsapp数字,且不能以零,“ +”,“-”和空格开头。例如15551234567

    <a href="https://wa.me/15551234567">Whatsapp Me</a>

  • A 在whatsapp上共享此按钮按钮:使用https://wa.me/?text=urlencodedtext打开带有预设文本的whatsapp联系人选择对话框。例如

    <a href="https://wa.me/?text=I%20found%20a%20great%20website.%20Check%20out%20this%20link%20https%3A%2F%2Fwww.example.com%2F">Share on WhatsApp</a>

  • 带有预填文本与我联系按钮:结合以上两种方式,如果要从登陆用户处获取预填的自定义消息可能会很有用在特定页面上。使用格式https://wa.me/whatsappphonenumber/?text=urlencodedtext

    <a href="https://wa.me/15551234567?text=I%20am%20interested%20in%20your%20services.%20How%20to%20get%20started%3F">I am interested</a>

有关官方文档,请访问https://faq.whatsapp.com/en/general/26000030

答案 3 :(得分:2)

遗憾的是,没有选项可以在whatsapp协议中输入数字。只能使用参数ABID(地址簿ID),但您必须具有此特定名称的联系人才能执行此操作。 检查WhatsApp Documentation

答案 4 :(得分:2)

答案 5 :(得分:2)

我使用了此代码,对我来说很好用,只需将 + 92xxxxxxxxxx 更改为您的有效whatsapp编号(使用国家/地区代码

<script type="text/javascript">
        (function () {
            var options = {
                whatsapp: "+92xxxxxxxxxx", // WhatsApp number
                call_to_action: "Message us", // Call to action
                position: "right", // Position may be 'right' or 'left'

            };
            var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
            s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
            var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
        })();
    </script> 

答案 6 :(得分:1)

正如其他人所指出的,可以在这里找到官方文档:WhatsApp.com FAQ: Android -> Chats -> How to use click to chat。该文档指出:

例如:https://wa.me/15551234567?text=I'm%20interested%20in%20your%20car%20for%20sale

但是!为什么我们不尝试将其复制到浏览器中的新标签中并立即转到那里?

https://wa.me/text=testtesttesttest

结果: 未找到错误页面。

有什么作用?

使用 THESE 格式之一轻松修复它:

https://api.whatsapp.com/send?text=YourShareTextHere
https://api.whatsapp.com/send?text=YourShareTextHere&phone=123

此URL中没有wa.me域!

WhatsApp send text page.

答案 7 :(得分:0)

对于想要单击以在网站上聊天whatsapp来重定向具有默认内容或消息的web.whatsapp.com以及在移动设备中要在移动应用程序中的whatsapp中打开且其默认内容为应用程序中文本栏的用户来说,此答案很有用。 / p>

还要添加jquery链接。

<a  target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+91xxxxxxxxx&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=+91xxxxxxxxx&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>

答案 8 :(得分:0)

要从网站发送Whatsapp消息,请使用以下URL。

URL:https://api.whatsapp.com/send?phone=XXXXX&text=dummy

电话文本是其中的一个参数,是其中之一。

  • 电话:我们需要向谁发送消息
  • 文本:文本需要共享。

此URL也可以使用。如果找不到应用程序,它将显示黑屏!

URL:whatsapp:// send?text =要共享的文本!

注意:只有安装了WhatsApp桌面应用程序,以上所有内容才能在网络上运行