如何在无CMS的纯HTML/CSS站点集成PayPal购物车并避免页面跳转

• 放弃PayPal官方默认的跳转式按钮配置，改用PayPal客户端JS SDK实现全流程站内交互，无需后端服务支持，完全适配纯静态站点的技术栈
• 首先在页面底部引入PayPal JS SDK，把代码中的YOUR_CLIENT_ID替换为你PayPal商户后台获取的客户端ID，币种参数可根据你的结算需求调整：

<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&currency=USD"></script>

• 提前在页面中写好自定义购物车的DOM结构，给容器设置唯一ID比如site-cart，所有样式用你现有CSS规则自定义，完全匹配站点风格
• 给现有「加入购物车」按钮绑定点击事件，选中商品的SKU、单价、数量信息存入浏览器localStorage做本地缓存，点击「查看购物车」按钮时直接读取localStorage中的商品列表，渲染到你提前预留的site-cart容器中，全程不会触发站外跳转
• 用户提交结算时再调用SDK的支付接口，直接在站内拉起PayPal支付浮层，仅支付认证环节会跳转PayPal官方页面，其余操作全程保留在你的站点内

内容的提问来源于stack exchange，提问作者Ryan