> For the complete documentation index, see [llms.txt](https://knowledgebase.offer18.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledgebase.offer18.com/zh/wang-luo/dian-shang-ji-cheng/shopify.md).

# Shopify

要与 Shopify 集成，需要在 Shopify 仪表板中放置 Offer18 Image 像素

### [<mark style="color:蓝色;">获取图像像素</mark>](/zh/wang-luo/hui-chuan-ji-cheng.md)

**示例：- 用于 Shopify 的图像像素以收集各种数据值**&#x20;

{% code overflow="wrap" %}

```
<img src="https://example.o18.click/p?m=0000&t=i&gb=1&sale={{ total_price | money_without_currency }}&adv_sub4={{ total_price | money_without_currency }}&adv_sub5={{ order_number }}&currency={{ currency }}" width="0px" height="0px">
```

{% endcode %}

***

### Shopify 集成

1. 转到 Shopify 商店
2. 设置 **»** 结账 选项卡
3. 转到订单处理 部分
4. 在“附加脚本”字段中添加图像像素

<figure><img src="https://2550316299-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FIKPBvPSvZFN6RXAxRulm%2Fimage.png?alt=media&amp;token=96043ceb-50a7-475e-ad5f-c8a1d8ddeb1c" alt=""><figcaption></figcaption></figure>

5\. 转到 **保存**

***

**完整教程 - Shopify 集成**

{% embed url="<https://youtu.be/0v2ukk7KtWc>" %}