> For the complete documentation index, see [llms.txt](https://asiabill.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://asiabill.gitbook.io/docs/cha-jian-ping-tai/kai-yuan-zi-jian-zhan/woocommerce.md).

# WooCommerce

请先阅读[开源自建站说明](/docs/cha-jian-ping-tai/kai-yuan-zi-jian-zhan.md)

{% hint style="info" %}
插件版本：1.1.9
{% endhint %}

{% hint style="warning" %}
需要先安装<mark style="color:purple;">WooCommerce</mark>后再安装支付插件，尽可能保证wordpress和woocommerce都是最新版本
{% endhint %}

### 在线安装（推荐）

1. 后台<mark style="color:purple;">：Plugins</mark> -> <mark style="color:purple;">Add New</mark>
2. 搜索：<mark style="color:orange;">Asiabill Payment Gateway for WooCommerce</mark>

![](/files/Yefncf3TJO6tTFoVXAij)

### 离线安装

1. 下载插件安装包：<https://wordpress.org/plugins/asiabill-payment-gateway-for-woocommerce/>
2. 后台<mark style="color:purple;">：Plugins</mark> -> <mark style="color:purple;">Add New</mark> 点击<mark style="color:purple;">`Upload Plugin`</mark>按钮，上传安装包

![](/files/BPaKlFTMz5E0DukaKygt)

### 插件设置

<mark style="color:purple;">WooCommerce</mark> -> <mark style="color:purple;">Settings</mark> -> <mark style="color:purple;">Payments</mark>：你可以看到<mark style="color:orange;">Asiabill</mark>的相关支付列表

![](/files/XtXQZxaDi7w3mOaIKt9L)

以<mark style="color:orange;">Asiabill Credit Card Payment</mark>为例进行说明相关设置

* Enable/Disable：开启/禁用支付方式
* Payment Method：显示支付方式名称
* Use Test Model：开启测试模式（测试模式下支付成功不会真实扣款）
* Mer No、Gateway No、Signkey：账户信息，非测试模式下使用
* Test Mer No、Test Gateway No、Test Signkey：测试账户信息，测试模式下使用，默认已设置
* Description：支付描述
* Debug Log：开启支付数据日志
* Inline Credit Card Form：站内支付模式
* Saved Cards：保存客户卡号，开启后客户可以选保存当前支付卡的信息，方便下次继续支付
* Visa、MasterCard、JCB、American Express、Discover、Diners：显示卡种图标

### 信用卡支付

{% tabs %}
{% tab title="站内支付" %}

1. 在购物网站选择商品到结算页面&#x20;
2. 选择<mark style="color:orange;">信用卡支付</mark> ，支付页面将内嵌到商户支付列表中，有利于支付体验
3. 直接在商户网站输入卡信息，完成支付

![](/files/rvleb8DoFfZJvYMuGw8s)
{% endtab %}

{% tab title="跳转支付" %}

1. 在购物网站选择商品到结算页面&#x20;
2. 选择<mark style="color:orange;">信用卡支付</mark>&#x20;
3. 网站将重定向到<mark style="color:orange;">AsiaBill支付页面</mark>，输入卡信息，完成支付

![](/files/1ODsGlDznMljw08wTE5c)
{% endtab %}
{% endtabs %}

测试卡号：[查看](/docs/cha-jian-ping-tai/kai-yuan-zi-jian-zhan.md)

### 本地支付

其它本地支付都是三方托管支付模式，测试能跳转至第三方支付页面即可。