如何在智能手机端从网页直接将贴纸导入WhatsApp

AI 小北

2026-7-11

网页直接导入WhatsApp贴纸的实现方案

核心前提：遵循WhatsApp贴纸规范

要实现无第三方APP的直接导入，必须先让你的贴纸包完全符合WhatsApp官方要求：

所有贴纸图片为WebP格式，分辨率严格512x512，单文件大小≤100KB
贴纸包需包含封面图（WebP格式，512x512）
必须提供stickers.json配置文件，定义贴纸包的唯一标识、名称、贴纸关联表情等信息

具体实现步骤

1. 构建合规的贴纸包

先按如下结构整理贴纸资源并打包为ZIP文件：

your-sticker-pack/
├─ stickers.json
├─ cover.webp
├─ sticker-1.webp
├─ sticker-2.webp
└─ ...

stickers.json的必填配置示例：

{
  "identifier": "com.your-site.unique-sticker-id",
  "name": "趣味表情包",
  "publisher": "你的网站名称",
  "tray_image": "cover.webp",
  "stickers": [
    {
      "image_file": "sticker-1.webp",
      "emojis": ["😎"]
    },
    {
      "image_file": "sticker-2.webp",
      "emojis": ["🤣"]
    }
  ]
}

2. 生成WhatsApp深度链接

将打包好的ZIP文件上传至你的服务器，获取公开可访问的URL，然后拼接成如下格式的深度链接：

whatsapp://stickerPack?stickerPackUrl=https://your-domain.com/path/to/your-sticker-pack.zip

该链接可直接唤起WhatsApp的贴纸导入界面，用户确认后即可完成添加。

3. 网页端集成

在你的网页中为每个贴纸包添加导入按钮，通过点击事件触发深度链接：

iOS设备：直接设置按钮的href为上述链接即可，系统会自动唤起WhatsApp

Android设备：可通过JavaScript辅助触发，避免部分浏览器的跳转限制：

document.querySelector('.import-sticker-btn').addEventListener('click', () => {
  window.location.href = 'whatsapp://stickerPack?stickerPackUrl=https://your-domain.com/path/to/your-sticker-pack.zip';
});