手机网站"WhatsApp"按钮发送消息到指定号码

Mobile website "WhatsApp" button to send message to a specific number

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

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

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

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

同样,我们是否可以在用户不手动选择 phone 号码的情况下将 WhatsApp 消息发送到特定号码(或至少打开聊天)而不是预定义的 parameters/attribute 值之一?

不幸的是,没有将号码放入 whatsapp 协议的选项。只有参数 ABID(地址簿 ID)才有可能,但您必须让此联系人具有特定名称才能执行此操作。 检查 WhatsApp Documentation

在android,你可以试试

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

用数字替换[countrycode_without_plus][number]

向特定号码发送 WhatsApp 消息的格式(2018 年 11 月更新)

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

哪里

whatsappphonenumber is a full phone number in international format

urlencodedtext is the URL-encoded pre-filled message.


示例:

  1. 创建一个 link 预填消息 自动出现在聊天的文本字段中,发送到特定号码

    Send I am interested in your car for sale to +001-(555)1234567

    https://wa.me/15551234567?text=I%20am%20interested%20in%20your%20car%20for%20sale

    注:

    Use: https://wa.me/15551234567

    Don't use: https://wa.me/+001-(555)1234567

  2. 创建一个 link 仅包含一条预填消息 自动出现在聊天的文本字段中,号码将由用户选择

    Send I am enquiring about the apartment listing

    https://wa.me/?text=I%20am%20enquiring%20about%20the%20apartment%20listing

    After clicking on the link, user will be shown a list of contacts they can send the pre-filled message to.

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

--

P.S : 旧格式(更新前)供参考

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

WhatsApp 官方文档说-:

https://api.whatsapp.com/send?phone=countrycode+phonenumber&text=urlencodedtext

使用:https://api.whatsapp.com/send?phone=15551234567&text=urlencodedtext

不要使用:https://api.whatsapp.com/send?phone=+001-(555)1234567

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

这个答案对那些想要在网站上点击聊天 whatsapp 以使用默认内容或消息重定向 web.whatsapp.com 并在移动设备中以默认内容在移动应用程序的 whatsapp 中打开到应用程序中的文本栏的人很有用.

同时添加 jquery link.

<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>

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

这可以用于多个用例

  • 一个点击聊天按钮:使用https://wa.me/whatsappphonenumber打开与指定whatsapp用户的聊天对话框。请注意,whatsappphonenumber 应该是国际格式的有效 whatsapp 号码,不带前导零、“+”、“-”和空格。例如15551234567

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

  • A Share this on whatsapp button : 使用 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>

  • A Contact me button with prefilled text :以上两者的组合,如果你想要从登陆特定页面的用户那里获得预填充的自定义消息。使用格式 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

我使用了这个代码,它对我来说很好用,只需将 +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> 

如其他人所述,官方文档可在此处获得:WhatsApp.com FAQ: Android -> Chats -> How to use click to chat。文档指出:

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

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

https://wa.me/text=testtesttesttest

结果:找不到错误页面。

什么给了???

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

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

在此 URL!

中没有 wa.me 域

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

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

这里的 phonetext 是参数,其中一个是必需的。

  • phone: 我们需要将消息发送给谁
  • 正文:正文需要分享

这个URL也是可以用的。如果没有找到应用程序,它会显示一个空白屏幕!

URL: whatsapp://send?text=The text to share!

注意:只有安装了 WhatsApp 桌面应用程序,以上所有内容都可以在网络上使用