添加到购物车URL
查询字符串参数可以附加到BigCommerce产品和/cart.php.
URL以预先选择SKU或将产品添加到购物车。这些参数可以构建自定义添加到购物车链接和表单,用于BigCommerce店面和远程站点(例如WordPress,博客文章和社交媒体)。
使用这些参数构建的URL允许您:
- 在产品详细信息页面上预选择特定的SKU
- 将特定产品或SKU添加到购物车
- 将特定的SKU添加到购物车,然后直接结账。
- 附上A.
来源
用于营销和分析目的
参数
类型 | 范围 | 描述 | 例子 |
---|---|---|---|
细绳 | 行动= |
添加 或者买 ;买 直接结账 |
/cart.php?action=add& product_id=123 |
细绳 | 优惠码= |
优惠券代码适用于购物车 | /cart.php?action=add& product_id=123& couponcode=10off100. |
㈡ | product_id = |
添加到购物车的产品ID | /cart.php?action=add& product_id=123 |
㈡ | QTY =. |
添加到购物车的数量 | /cart.php?action=add& product_id=123&qty=3. |
细绳 | sku = |
SKU添加到购物车(或选择产品页面) | /cart.php?action=add&sku=xlredtshirt. |
细绳 | 来源= |
分析的销售来源;可以是任何字符串 | /cart.php?action=buy&sku=xlredtshirt&source=emailcampaign. |
常见用法
以下是常见场景和示例URL的表。
设想 | URL. |
---|---|
在产品详细信息页面上选择特定的SKU | https:// {{domain}} / {{page}}?sku = {{sku}} |
将特定的SKU添加到购物车 | https:// {{domain}} /cart.php?action=add&sku= {{sku}} |
将特定的SKU添加到购物车,直接结账 | https:// {{domain}} /cart.php?action=buy&sku= {{sku}} |
将特定的SKU添加到购物车,转到结账,并包含源码 | https:// {{domain}} /cart.php?action=buy&sku= {{sku}}&source = {{src}} |
通过产品ID将产品添加到购物车并设置数量 | https:// {{domain}} /cart.php?action=add& product_id= {{id}}&qty = {{qty}} |
将产品添加到购物车并设置优惠券代码 | https:// {{domain}} /cart.php?action=add& product_id= {{id}}&couponcode = {{code}} |
构造后,可以直接作为文本插入URL或作为HTML链接插入:
<一种HREF.=“https://example.com/cart.php?action=buy&product_id=123&source=blogpost.“>立即购买我们的新产品!一种>
添加多个产品
这斯科
和product_id.
参数接受单个值;您只能使用逗号分隔的值的第一个值。换句话说,只有一个产品可以为每个请求添加到添加到购物车网址的每个请求;但是,可以将多个HTTP请求组合成单个按钮单击使用前端JavaScript。
以下是使用jQuery的基本示例:
<按钮类型=“按钮“ID=“添加到购物车“>添加包到购物车按钮><脚本>//点击#addtocart时...$(“按钮#Addtocart”)。点击(功能(){//添加产品ID 123$。得到(“/cart.php?action=add&product_id=123”);//添加产品ID 456$。得到(“/cart.php?action=add& product_id=456”那功能(数据){//去购物车窗户。地点=“/cart.php”;});});脚本>
由于CORS(交叉原始资源共享),使用JavaScript使多个卡通请求仅在BigCommerce StoreFont中工作,并且仅在店面与域名进行请求。
或者,<一种HREF.=“https://developer.bigcommerce.com/api-docs/cart-and-checkout/working-sf-apis" target="_blank">店面购物车API.一种>/ api / storefront /购物车
端点接受一系列LINEITEMS.
- 根据用例的复杂性和具体细节,使用店面购物车API可能是比添加到购物车URL的更好的解决方案。