Shopify 产品详情页

第 179 期在 Shopify 店铺中添加 WhatsApp 在线客服功能无需使用插件

更新于 Dec 2, 2024

通过 YouTube 观看本期 Shopify 教程

额外推荐（第 178 期）

Shopify 弹窗购物车中直接使用折扣码以及产品页显示预估配送信息

本期摘要

相比 Zendesk, Intercom, Tidio 等在线客服插件，在 Shopify 店铺中添加 WhatsApp 作为在线客服/聊天方式，有以下优点：

无需进行复杂的安装和设置
无需额外加载代码文件，避免影响店铺网速
完全免费，无需支付插件订阅费用
跟访客建立更强的联系（即使顾客离开了网站还能通过 WhatsApp 聊单）

不论使用哪一款在线客服插件，都需要加载额外的代码文件，影响店铺的加载速度。如果你是一名中小卖家，或者原本就有用 WhatsApp 跟客户沟通的习惯，完全可以使用这个功能来趋利避害。

本期内容分为两部分，首先演示增强版主题最近新增的这一功能的用法，接着演示 WhatsApp 在线联系功能的实现原理，以及如何在其他主题上进行添加。

用法演示

请参考视频讲解

Shopify-Online-WhatsApp

原理讲解

可参考视频教程自行调整手机号、文字内容、样式等

<a href="https://wa.me/628123456789" target="_blank" style="text-decoration: none;">
  <button class="button button--full-width" type="button" style="margin-top: -15px;">Chat on WhatsApp</button>
</a>

如果遇到添加后按钮比购买按钮长，可以调整样式，例如：

<a href="https://wa.me/628123456789" target="_blank" style="display: block; max-width: 44rem;text-decoration: none;">
  <button class="button button--full-width" type="button" style="margin-top: -15px;">Chat on WhatsApp</button>
</a>

往期相关推荐

增强版主题