2022 一步步学习Woocomerce建站教程

学习教程前,可以先看看选择Woocomerce建站的理由:🆚WooCommerce 对比 Shopify、OpenCart 和 Magento:最佳建站平台评选

💽1 域名和服务器服务商推荐

🗄️2 注册域名与购买服务器

🔥3 安装及设置WordPress及Woocomerce

🚚4 详解 Woocomerce 设置运费教程

🛒5 WooCommerce 添加产品步骤详解

6 如何设置WooCommerce可变产品

👑7 如何为Woocomerce选择合适的主题模板

⚙️8 推荐 10 个最佳 WooCommerce 插件

📣9 如何使用 WooCommerce 优惠券促销

🌏10 WooCommerce 发票教程:如何免费设置 PDF 格式的Invoice

💲 11 七大策略推广外贸站

⚡️12 woocomerce 网站加速的 10 个基本技巧

💸13 Woocomerce 接入PAYPAL支付

💸14 Woocomerce 接入Stripe支付

更多了解PAYPAL相关问题:💸Paypal 常见问题汇总

英文不好?快速提升产品页面内容质量的技巧:❤️‍🔥外贸站如何快速编写高转换的产品描述

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

PAYPAL(仅限于企业号)接入

在Woocomerce 正式部署PAYPAL 前,建议先接入沙盒sandbox 账号,进行测试接入。

1.创建沙盒账号

访问PayPal 开发者网站。在右上角,单击Log into Dashboard按钮。

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

登录之后即可在 My Apps & Credentials 界面选择创建Sandbox(沙盒)还是Live(生产环境).

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

2.配置PAYPAL支付

点击Woocomerce > Settings > Payments,

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

打开Paypal Card Processing选项,之后点击Paypal 的 Set up 按钮

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

选择PAYPAL直接授权接入,或者点击 Toggle to manual credential input 进行手动配置API信息。

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

Live Email address 是 PAYPAL账号邮箱,而Live Merchat Id则需要登录PAYPAL账号后台,进入账户设置 > 公司信息 获取。

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

获取正式环境的API信息

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

点击创建Create App之后,会出现Client IDSecret

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

或者直接访问链接:https://www.paypal.com/commercesetup/APICredentials

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

3.配置PAYPAL选项

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

填完上面获取的信息之后,连接成功PAYPAL,会出现很多自定义设置项。

首先就是先把 Paypal Gateway打开

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

设置PAYPAL Checkout

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

Vaulting 选项允许注册了PAYPAL账号的买家保存 PayPal 和信用卡帐户。还允许 WooCommerce PayPal Payments 用于 WooCommerce 订阅付款,那么如何开启 Vaulting选项?

  1. 将帐户连接到 WooCommerce(见上文)。
  2. 访问https://developer.paypal.com
  3. 单击“My apps & credentials”下的“Live”
  4. 单击 MyApp_WooCommerce_Developers
  5. 向下滚动到Live App Settings
  6. 单击Accept Payments旁边的Advanced options
  7. 勾选中Vault
  8. 单击框底部的保存

接下来配置支付调到PAYPAL的显示页面

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
  • Enable buttons on Checkout – 启用/禁用 PayPal 按钮。
  • Button Layout – 如果买家可以通过 PayPal 获得其他资金来源,则会显示多个按钮。选择“Vertical(垂直)”以获得替代和本地支付选项的动态列表,或空间有限时选择“Horizontal(水平)”。
  • Tagline – 添加标语。仅当选择水平布局时才会出现。
  • Button Label – 控制 PayPal 按钮上的标签。
  • Color – PayPal 按钮的背景颜色。
  • Shape – 按钮形状。
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW

4.配置PayPal Card Processing

如果上一步勾选了 Vaulting 选项,则在Paypal Card Processing将出现以下配置

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
  • Enable/Disable - 启用后,信用卡选项将显示在结帐中。
  • Title - 用户在结账时看到的标题。
  • Description – 用户在结账过程中看到的描述。
  • Disable specific credit cards – 默认情况下,将接受所有可能的信用卡,可以选择禁用某些信用卡。
  • Show logo of the following credit cards – 定义要在结账时显示的信用卡。
  • 3D Secure – 3D Secure 通过使用 Verified by Visa、MasterCard SecureCode 和 American Express SafeKey 提供额外的验证层,防止信用卡盗刷。了解有关 3D 安全的更多信息

5.显示效果

💸13 Woocomerce 接入PAYPAL支付-A.J. WWW
💸13 Woocomerce 接入PAYPAL支付-A.J. WWW