手机网站"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.
示例:
创建一个 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
创建一个 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
这个答案对那些想要在网站上点击聊天 whatsapp 以使用默认内容或消息重定向 web.whatsapp.com 并在移动设备中以默认内容在移动应用程序的 whatsapp 中打开到应用程序中的文本栏的人很有用.
同时添加 jquery link.
<a target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+91xxxxxxxxx&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>
我使用了这个代码,它对我来说很好用,只需将 +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://api.whatsapp.com/send?text=YourShareTextHere
https://api.whatsapp.com/send?text=YourShareTextHere&phone=123
在此 URL!
中没有 wa.me 域
要从网站发送 Whatsapp 消息,请使用以下 URL。
这里的 phone 和 text 是参数,其中一个是必需的。
- phone: 我们需要将消息发送给谁
- 正文:正文需要分享
这个URL也是可以用的。如果没有找到应用程序,它会显示一个空白屏幕!
URL: whatsapp://send?text=The text to share!
注意:只有安装了 WhatsApp 桌面应用程序,以上所有内容都可以在网络上使用
可以自定义移动网站以允许用户将 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.
示例:
创建一个 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
创建一个 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
这个答案对那些想要在网站上点击聊天 whatsapp 以使用默认内容或消息重定向 web.whatsapp.com 并在移动设备中以默认内容在移动应用程序的 whatsapp 中打开到应用程序中的文本栏的人很有用.
同时添加 jquery link.
<a target="_blank" title="Contact Us On WhatsApp" href="https://web.whatsapp.com/send?phone=+91xxxxxxxxx&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>
我使用了这个代码,它对我来说很好用,只需将 +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://api.whatsapp.com/send?text=YourShareTextHere
https://api.whatsapp.com/send?text=YourShareTextHere&phone=123
在此 URL!
中没有 wa.me 域要从网站发送 Whatsapp 消息,请使用以下 URL。
这里的 phone 和 text 是参数,其中一个是必需的。
- phone: 我们需要将消息发送给谁
- 正文:正文需要分享
这个URL也是可以用的。如果没有找到应用程序,它会显示一个空白屏幕!
URL: whatsapp://send?text=The text to share!
注意:只有安装了 WhatsApp 桌面应用程序,以上所有内容都可以在网络上使用