Shopify独立站产品页添加paypal快捷支付按钮的方法

shopify独立站产品页中添加paypal快捷支付按钮，可以节省客户购买环节，提升转化率。

我们的shopify独立站产品页一般都是只有一个加入购物车按钮，客户需要先进入到购物车，然后再去填资料支付。

添加了快捷支付按钮，可以直接在产品页完成购买，非常方便。

paypal快捷支付

首先打开shopify后台如下图 — 依次点击模板 — 编辑 — 编辑代码

模板编辑

如下图搜索product，找到product-template.liquid

复制下面代码，插入到模板里面</button>代码之后

{% if additional_checkout_buttons %}
<div class="cart__additional_checkout">{{ content_for_additional_checkout_buttons }}</div>
{% endif %}

大部分模板购物车按钮都是写在product-template.liquid页面中，不同的模板会有些许不同，可以对应找到位置替换上我们上面的代码。

接下来可以给快捷标签添加css样式，根据不同的模板风格进行调整

.shopify-cleanslate div{
    justify-content: flex-end;
    margin-top:10px;
  }

复制上面代码加入到Assets目录下面 theme.css.liquid文件底部就可以完成快捷支付按钮的添加。

css样式添加

热门推荐