这篇文章将教你如何教你 10 在中间分钟借助 WordPress 建立支持 ERC20 通证的在线 B2C 商城如今，随着区块链和认证经济的高度关注，许多开源社区正在讨论如何将开源社区与区块链技术和认证经济相结合，为开源社区和开源生态系统提供独立、一致和发展的动力和支持。

我们 “Linux “中国”是众多探索的开源社区之一可喜的是，我们迈出了第一步：发布社区通证，也迈出了第二步，使通证流通在这里，我们愿意与所有社区合作伙伴分享我们的经验，这样更多的开源社区也可以致力于新的生态探索，避免我们遇到的一些陷阱，共同创造一个更加繁荣的开源世界。

我们的通证商城是基于 WordPress 的 WooCommerce 商场建设安装 WordPress在开始配置商场之前，你需要先安装它 WordPress 您需要购买支持 PHP   MySQL 虚拟主机，或自行配置 VPS、支持云服务器的环境 WordPress 的运行。

当你安装好 WordPress 之后，你可以看到这样的背景安装 WooCommerce安装完 WordPress 之后，下一步安装 WordPress 的商城插件 WooCommerce ，单击菜单栏中的“插件”-“安装插件”，访问安装插件的界面，在界面右上角的搜索框中输入“插件”WooCommerce按下回车，就可以搜索了 WooCommerce 。

点击现在的安装，安装 WooCommerce安装完成后，单击“启用”启用插件启用插件后， WooCommerce 根据提示，引导您进行初始配置和配置插件必要时允许线下支付，但对于加密货币，目前似乎不需要线下支付场景：。

并设置邮费：安装插件时，取消插件 MailChimp 安装，仅启用 StoreFront：并视需要感觉是安装还是跳过 JetPack ：当您看到如图所示的界面时，表示已完成初始配置。

点击访问控制面板，返回 WordPress 界面添加 ERC20 通行证作为支付货币为原生支持 ERC20 为了实现支付，避免汇率转换，我们需要添加自定义货币打开“插件”-“安装插件” “Woocommerce Customize ERC20 Currency并回车。

这是我们联合硬核区块链公司开发的一款 WooCommerce 增加 ERC20 货币插件已经开源于货币插件 GitHub找到 “Woocommerce Customize ERC20 Currency” 并安装插件。

安装并启用 “Woocommerce Customize ERC20 Currency”启用插件后，单击左侧菜单中的“设置”-“WooCommerce ERC20 进入插件设置界面的货币自定义在插件的设置界面上，您可以设置需要添加的货币名称和相应的符号。

例如，我在这里设置它 “LCCN” 和 “Ⓛ并点击“保存”保存后，单击左侧菜单栏中的“WooCommerce"-"设置"，进入 WooCommerce 设置界面，将货币选项拖到常规选项的底部点击货币，找到自己设置的货币，点击“设置”并“保存”设置。

此时，网站上的商品将由您自己设置 ERC20 通行证作为支付货币进行交易安装 ERC20 网关通证支付接下来，我们将安装“Woocommerce ERC20 Payment Gateway” 打开网站 ERC20 Token 支付支持。

这也是我们与硬核区块链公司共同开发的一种 WooCommerce 提供 ERC20 货币支付支持的插件已经开源于 GitHub单击左侧菜单栏中的“插件”-“安装插件” “Woocommerce ERC20 Payment Gateway并返回车辆，找到它 “Woocommerce ERC20 Payment Gateway并安装、启用。

安装并启用后，点击插件后的“设置”进入设置页面设置页面，启用 “使用 ERC 20 Token 并保存支付方式然后点击支付方式后面的“设置”，进入插件的设置界面首先，设置一些支付方式的基本信息标题是支付方式的标题，将显示在结账页面上，因此，您可以将其设置为“使用”等。

LCCN 支付费用”或其他内容，让客户了解这种支付方式是用通证支付的描述将显示在支付方式下方同样，您可以将其设置为 “使用 LCCN 此外，还建议您引导客户在此安装并打开 Metask 插件，切换到主网络，确保后续支付。

支付方式图标将显示在支付方式标题后，设置为您的通证图标，以获得更明显的提醒效果。三者具体示意图如下

支付方式设置完成后，下一步设置和 ERC20 与通证相关的内容钱包地址是客户支付时转账的对象，可以设置为自己的钱包地址合约 ABI 则可以在 etherscan 例如，中找，LCCN 合同地址为etherscan.io/address/0x8f4f3b3c3a900d10e9cf74c30e16f598d8fd339900d#code，由于 LCCN 其合同源代码公开，其合同源代码公开 ABI 可在合同界面找到(如未公开，请向你的 ERC20 合同开发人员要求 ABI），点击右侧 “Copy”，复制 ABI，并将其填入设置项目。

合同地址是您的合同在相应网络中的地址请记住，如果您是一个测试环境，您需要将其设置为相应的测试网络下的合同地址，如果它是一个生产环境，则设置为主网络的合同地址Gas 这里用来提醒用户在支付时选择更高的选择 Gas ，加快确认速度。

您可以根据自己的需要设置特定的内容，也可以使用默认语句到目前为止，已经设置了插件测试支付插件设置完成后，我们将为测试创建一个新产品点击顶栏中的“新建”-“产品”，进入创建产品的界面将产品名称、描述、价格等信息输入产品界面：。

然后点击发布，创建新产品然后点击“查看产品”，进入产品主页加入购物车：点击购物车界面的“结算”进行结算输入帐单地址(帐单地址将显示在界面中作为接收地址)，点击“使用” Token 完成支付”在结算页面，拖动到底部，可以看到支付按钮，点击支付按钮，会自动唤起浏览器 Metamask 插件。

在弹出窗口中确认付款：付款完成后，页面会自动刷新，并看到付款完成的字样处理订单用户付款完成后，如何确定订单已付款完成？进入后台“仪表板”-“WooCommerce用户所有的订单都可以看到“订单”处理状态下的订单已为用户支付，未处理的订单。

单击此订单，输入订单详细信息，在右侧的“订单注释”中可以看到交易 Tx 值 您可以单击相应的链接，查看交易是否完成到目前为止，整个使用 ERC20 通行证的交易流程已经通过，然后你就可以创建商品并使用它们了 ERC20 通证 来完成你的 ERC20 在线交易流程！

关于硬核区块链硬核区块链是区块链技术服务提供商，我们为客户提供全面的服务 ERC20 通证发行、安全审计、解决方案建设、流通流程设计 空投解决方案等服务，为客户提供咨询和支付服务。

来源：易风软件库