> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.
# 加入购物车按钮选择器
> 本文说明如何配置你的加入购物车按钮以打开 Upcart
## 如何使用 Upcart 中的"加入购物车按钮选择器"
如果 Upcart 未能检测到你商店的"加入购物车"按钮，你可以手动告诉 Upcart 需要监听哪些按钮。无需编写代码。
***
此设置告诉 Upcart 你商店中哪些按钮负责将商品添加到购物车。如果你的主题或其他应用使用了自定义的"加入购物车"按钮，你可以使用此设置确保 Upcart 能检测到它。
1. 打开 **Upcart 编辑器**
2. 前往 **Settings**
3. 在 **Cart settings** 标签页中，向下滚动并展开 **Advanced Settings**
4. 找到 **"Add to Cart Button Selector"**
你会看到一个包含三个可用选项的菜单：
| | |
| ----------------------- | ------------------------------------------------ |
| **选项** | **含义** |
| Use Default Selector | Upcart 自动尝试检测你的"加入购物车"按钮。如果按钮工作正常，请选择此选项。 |
| Add Additional Selector | 当你的商店包含多个"加入购物车"按钮时使用。在此字段中添加其他按钮。 |
| Use Custom Selector | 如果你的"加入购物车"按钮无法与 Upcart 配合工作，请选择此项。你将直接输入按钮的选择器。 |
## 如何使用"自定义选择器"选项（无需编写代码）
如果你需要使用 **Custom Selector** 选项，请按以下简单步骤操作：
1. **前往你商店的商品页面。**
2. \*\*右键点击"加入购物车"按钮。\*\*这是客户用来将商品添加到购物车的按钮。
3. \*\*点击"检查（Inspect）"。\*\*会出现一个包含代码的面板。你无需更改任何内容。
4. 在面板中，**在按钮的代码里查找以点（.）或井号（#）开头的单词**。例如：`.product-form__add-button` 或 `#add-to-cart`。
5. \*\*复制那部分内容。\*\*例如：`.product-form__add-button`。
6. **返回 Upcart 编辑器，**选择 **"Use Custom Selector"**，并**将复制的内容粘贴到输入框中。**
**提示**
* 请先尝试**默认选择器**。仅当 Upcart 无法检测到你的"加入购物车"按钮时，才使用自定义选择器。
* 如果你的商店有多个"加入购物车"按钮，例如商品页和系列页上的按钮，请使用 **Add Additional Selector**，并针对每个按钮重复上述步骤。
* 你无需编写任何代码。只需复制并粘贴选择器即可。
* 一些由自定义功能（如捆绑应用和 upsell 应用）添加的按钮，即使使用此功能也可能无法工作。
* 你可以使用任何你喜欢的 AI 工具来检查你的操作。
***
**需要帮助？**
如果你需要帮助，可以请你的主题开发者找到正确的选择器。你无需编写任何代码。只需按上文所述复制并粘贴选择器即可。