需求背景

用户在自己的博客或者邀请第三方SEO合作单位帮忙进行推广的时候可能会用到。文章图形并茂,用户已经有强烈的购买欲望,这个时候你希望用户进入到商品详情页?还是直接进入到结算页呢?如果能一键购买是不是对转化更有帮助呢?

1. 抛出问题

如何一键直达?

结算
http://yourstore.com/cart/{variant_id1}:{quantity1},{variant_id2}:{quantity2}?checkout[email]=xxxx@gmail.com&checkout[shipping_address][city]=xxx

结帐参数 必选 描述
variant_id1 商品variant_id
quantity1 商品数量
checkout[email] 进行结帐的客户的电子邮件。
checkout[shipping_address][first_name] 地址[first_name]。
checkout[shipping_address][last_name] 地址[last_name]。
checkout[shipping_address][address1] 地址[address1]。
checkout[shipping_address][address2] 地址[address2]。
checkout[shipping_address][city] 地址[city]。

2. 如何获取 variant_id ?

方式1: 后台获取

针对有sku变体的商品,只需要编辑【添加多属性】,然后去页面找到位置就可以了,详情如下图。假如商品没有sku变体,这种方式就不可取了,可以采用方式2直接获取。
image.png
image.png

方式2:网站前端获取

到网站前端, F12, 在控制台输入 meta.product.variants。即可以看到 sku详情
image.png

3. 效果如何?

例如我想在博客页面添加一键购买fashionnova的商品链接
商品落地页:https://www.fashionnova.com/products/eloise-smocked-mini-dress-pink-combo
image.png
使用方式2,获取sku信息
image.png
如果想同时让点击链接的人加购 XS 及 S的衣服各一件,那么链接如下:
https://fashionnova.com/cart/12205744717948:1,12205744750716:1
点击后的效果如下图
image.png

Tips: 如有引用请标注源文章地址

参考链接

[1] https://community.shopify.com/c/shopify-design/cart-use-permalinks-to-pre-load-the-cart/td-p/613702#adding-a-buy-this-link-to-a-blog-post

关注我的【小红书】,第一时间掌握更新动态


你的鼓励就是我创作的动力!
zanshang.png