Shopify网站WhatsApp悬浮按钮无法跳转外部链接求助

问题根源是你代码里的href属性使用了中文双引号“”，而非标准的英文双引号""，Shopify将这种非标准引号包裹的内容判定为相对路径，因此自动拼接了店铺域名，导致生成错误的跳转链接。

修正后的完整代码 #

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=5571999002047&text=Oi,%20estou%20no%20site%20da%20Teare%20e%20gostaria%20de%20tirar%20uma%20dúvida..." style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;
  z-index:1000;" target="_blank">
<i style="margin-top:16px" class="fa fa-whatsapp"></i>
</a>

关键修正点 #

• 将href=“https://...”中的中文双引号“”替换为英文双引号""，确保Shopify识别这是一个绝对外部链接，不会自动拼接域名。

替换代码后，点击按钮即可正常跳转到指定的WhatsApp对话链接。

内容的提问来源于stack exchange，提问作者marcelo