WordPress独立站教程,外贸自建独立站跨境电商(2025)

    b2c 715

    本教程教你使用WordPress搭建独立站,自建跨境电商网站,内容涵盖了域名注册,主机购买,主题模板选择,安装WordPress,WooCommerce添加产品,设置付款方式,运费和税费等。

    近几年,越来越多的外贸人开始意识到独立站的重要性。它不仅可以避免亚马逊规则变动而影响运营,还能多渠道打造品牌的影响力和私域流量闭环,从而增加商品的复购率和溢价空间。

    那么问题来了,怎么搭建独立站?用什么搭建独立站?

    就外贸B2C跨境电商独立站而言,可能大家比较熟知的是Shopify,其实使用WordPress也可以,而且整体运营成本和风险更低,不过新手要注意WordPress有两种,千万别弄错了。

    WordPress搭建了全球43%的网站,实际是指 WordPress.org,而不是 WordPress.com 平台。因此从起点来说,WordPress搭建独立站需要准备的是域名,主机,主题等。

    • 域名 – 例如 amazon.com
    • 主机 – 用于安装 WordPress 和 WooCommerce
    • 主题 – 本教程使用 Astra 主题
    • 模板 – 本教程使用 Astra Starter Templates
    • 编辑 – 本教程使用 Elementor 可视化页面编辑器
    • 电商 – 本教程使用 WooCommerce
    • 收款 – PayPal,可关联第三方跨境支付平台,提现到国内银行卡

    现在,你已经初步了解WordPress搭建独立站需要什么,接下来我们正式进入独立站搭建环节。

    第1步:购买域名和主机

    如果你是第一次建站,请先了解域名和主机,以及为什么需要它们。

    • 域名 – 网站的唯一地址,全球通用
    • 主机 – 安装建站系统,存放网站数据的地方

    注册网站域名

    选择好用的域名注册商,按照以下原则注册域名。如果想不出好域名,可以用域名生成器,或者参考同行网站。

    • 后缀 – .com 后缀是首选,退而求其次可以用 .net 或者 .org
    • 名称 – 越短越好,容易让人记住
    • 避免 – 不要有符号,比如 abc-company.com,就很容易和 abcompany.com 混淆
    • 品牌 – 品牌名 + 产品关键词,是比较好的选择

    Porkbun 为例,10.37 美元/年,在搜索框中查询你想要的域名,是否还能注册购买。

    porkbun

    如果显示 YOUR PERFECT DOMAIN AWAITS,恭喜你!这个域名还可以注册,点击 + 号添加到购物车 Checkout。

    porkbun域名注册

    输入 Porkbun 优惠码:AWESOMENESS,可以节省一美元,但一个账号只能用一次,续费无效,确认无误后点击右下角的 Continue 按钮。

    porkhun优惠码

    来到账号注册页面,用英文或拼音填写带 * 号的选项,填个大概就行,但要保证信息真实。

    porkbun注册账号

    选择支付宝付款。

    porkbun支付宝

    点击支付,期间需填写任何一个你的常用邮箱,用于接收付款账单。另外,如果你是第一次购买域名,可能会收到 Porkbun 发来的 ICANN 验证邮件,别忘记点击验证。

    确认邮箱地址

    至此,网站域名就注册购买好了,下面进入主机环节。

    porkbun域名购买成功

    独立站主机推荐

    任何主机都可以用来搭建 WordPress WooCommerce 独立站,但好的主机会提供以下功能。

    • 速度快
    • 可靠的正常运行时间
    • 客服支持

    考虑到这些,我们推荐以下 WordPress 主机:

    1. ChemiCloud – 价格便宜
    2. Cloudways – 性能优秀

    两个主机都提供一键 WordPress 安装,以及 WordPress 独立站所需的配套,包括 SSL,CDN 和邮箱。

    注册Cloudways主机

    前往Cloudways,本站已被Cloudways官方加入白名单,通过本站注册Cloudways,可以帮你绕过个人身份资料审核认证,点击右上角Start Free直达注册页面。

    前往cloudways

    或者点击下方按钮直达Cloudways注册页面自动响应折扣,包括三天免费试用和前三个月30%优惠。

    填写账号注册信息,包括你的姓名,邮箱,密码等,填好后勾选服务条款并点击START FREE。邮箱可以用新浪邮箱、Gmail或者之前网站使用的域名企业邮箱,不支持QQ和163等后缀邮箱。

    cloudways注册

    接下来会有一个邮箱验证的步骤。

    验证邮箱

    转到你的邮箱,点击邮件里的黄色激活按钮。

    激活cloudways

    之后来到一个新页面,要求你验证手机号,点击Send SMS发送验证码。

    验证手机号

    手机收到验证码以后,输入6位数验证码,点击verify。

    手机验证码

    验证成功之后,页面会自动跳转到Cloudways主机后台。

    cloudways后台

    前面提到,Cloudways提供三天免费试用,但时间太短,建议大家注册好账号之后,直接升级付费账户,绑定双币信用卡或通过PayPal充值继续使用。

    找到右上角你的帐户名 > 点击 ACCOUNT > Payment & Address,如果出现Oops, Something went wrong! Please Try Again,则需要科学外贸上网才能解决。

    cloudways支付报错

    正常显示Payment & Address页面后,填写你的地址、城市、邮编和省份,并勾选Billing Address和上述地址相同,然后点击Proceed to Payment Gateway。

    cloudways payment address

    接下来,填写双币信用卡信息,授权Cloudways每月自动扣费。

    cloudways信用卡支付

    如果Payment & Address页面一直无法显示,也可以通过Paypal充值升级付费账户,写一封邮件到billing@cloudways.com,I want to upgrade my trial account to a full account using PayPal。

    等待12个小时左右,Cloudways官方会回复你邮件并批准你的升级请求。

    写邮件给cloudways

    接下来,转到Cloudways后台右上角你的帐户名 > ACCOUNT > Funds,点击Add Funds。

    添加金额.之后选择Paypal充值方式和金额。

    选择paypal充值

    充值成功后,页面会显示充值的金额和时间。

    已充值

    通过Paypal充值升级付费账户,一旦Cloudways扣完,则需要再次充值,以免导致网站停机。另外,Cloudways扣费是升级付费账户后的下个月的10号左右,不是立即扣费。

    第2步:安装WordPress和SSL安全证书

    Cloudways一共有5种服务器可以使用,分别是DigitalOcean、Linode、Vultr、AWS、Google Cloud,价格最便宜的是DigitalOcean 11美元/月,外贸建站机房建议美国西部San Francisco。

    选择云服务器

    选定云服务器后,点击右下角的Launch Now,7分钟内会自动部署好云服务环境和WordPress。

    部署服务器环境和WordPress

    管理WordPress

    WordPress装好后,点击Cloudways左侧菜单栏第二个按钮My Applications,找到WordPress。

    找到WordPress

    在这里,有WordPress网站的所有信息,包括一个临时链接,IP地址,用户名和密码。

    网站登陆信息

    点击第二栏Admin Panel,会自动跳转到WordPress网站登陆页面,输入第三第四栏的用户名和密码,就能登陆WordPress网站后台。

    wordpress后台

    域名解析

    Cloudways域名解析只支持A记录IP绑定域名,查看IP地址,请转到My Servers。

    找到服务器在这,你会看到Cloudways分配你的IP,这是一个独立IP地址。

    查看IP地址

    然后,转到Applications > Domain Management,点击Add Domain。

    域名管理

    添加域名到Cloudways后台。

    添加域名

    之后,转到域名后台,添加两条A记录,一条HOSTNAME不填,另一条,HOSTNAME填www,主机IP地址填Cloudways提供的。

    再之后,转到Domain Management,选中你的域名,点击它最右边的3个点图标,选择Make Primary。

    替换域名

    至此,Cloudways域名解析就完成了。

    安装SSL证书

    域名解析成功后,找到Applications > SSL Certificate,依次填写邮箱地址和域名,Cloudways会自动你的WordPress网站安装SSL证书。

    安装SSL证书

    第3步:安装WooCommerce

    浏览器访问域名并在后面加上 /wp-admin,登陆 WordPress 网站,转到插件 > 安装插件,在搜索栏输入 WooCommerce,该插件会出现在搜索结果的第一个位置。

    woocommerce安装

    点击立即安装 > 启用,你会看见一个设置向导,它会辅助你完成 WooCommerce 商店的一些基础设置。

    在设置 WooCommerce 商店时,你有两种选择。一种是 WooCommerce 新手设置向导,另一种是跳过向导设置,转到 WordPress 仪表盘 > WooCommerce,自行设置。

    考虑到本文是一篇新手教程,我会带大家过一遍设置向导。

    该向导会引导你完成最基础的 WooCommerce 商店设置,自动填充与之相关的商店信息。接下来,让我们深入了解每个步骤的设置过程。

    点击“设置我的商店”按钮。如果找不到这个界面,可以转到你的 WordPress 网站后台,左侧点击  WooCommerce 即会出现。

    设置我的商店

    描述你的情况,选择“我刚刚开始我的业务”,然后点击继续按钮。

    描述你的情况

    输入你的商店详细信息,包括商店名称,产品类型和商店位置,完成后点击继续按钮。如果你暂时不确定要选什么,可以先随便填,以后再修改。

    提供商店信息

    选择安装一些免费捆绑功能,但基本都不是必备的,可以点击右上角的“跳过此步骤”。

    免费捆绑功能

    接下来等待几秒,WooCommerce 商店就成功设置好了。

    第4步:选择WooCommerce主题

    你已经初步拥有了一个电商网站,但它的外观看起来还不太像真正的电商网站。要解决此问题,你需要安装专门的 WooCommerce 主题

    一个好用的 WooCommerce 主题有以下几个特点:

    • 设计 – 符合欧美风格的审美
    • 功能 – 开箱即用,包含模板和电商设置,基于搜索引擎优化
    • 性能 – 加载速度快

    介于以上几个原因,Astra 主题比较符合要求,在下面的教程中,我们将使用它继续搭建独立站。

    安装Astra主题

    Astra 是一个免费的 WordPress 主题,具有出色的速度和易用性。它还有一个 Pro 版本,使 Astra 成为更完美的选择。

    在 WordPress 后台左侧菜单外观 > 主题 > 添加新主题,搜素 Astra 并一键安装启用。

    安装Astra主题

    如果遇到 Astra 主题启用失败,可以返回主题选项,再次点击启用 Astra 主题。

    启用astra主题

    安装Astra Starter Templates模板

    启用 Astra 主题之后,你将会看到下面的页面,请按照提示安装 Astra Starter Templates。

    Astra Starter Templates

    开始使用模板,需要选择页面编辑器。默认情况下,我们选择 Elementor。

    Elementor 是一个 WordPress 页面编辑器,在 WordPress 网页设计领域掀起了一场风暴。它可以免费使用,同时还有一个 Pro 附加组件可以添加额外的功能。

    use demo 2

    之后,你会看到很多模板网站,其中一些带有 PREMIUM 标签,这意味着它们是付费的,而另外一些是免费的,顺着一直点就可以使用它们。

    use demo 3

    第5步:添加你的产品

    添加产品到 WooCommerce 商店非常简单,你可以手动添加,也可以制作 CSV 或 TXT 文件,批量上传产品(或合并)到你的商店,下面是手动添加产品的步骤。

    点击左侧菜单栏的产品 > 新增,进入产品编辑页面。

    添加新产品

    接下来,添加产品标题和详细产品描述(文字、图片或参数表格)。

    下滑页面找到产品数据,为产品添加关键细节,包括选择产品类型、售价、产品数量、库存状态(有货没货)、产品包装尺寸和重量,交叉销售,属性(颜色和大小号)等。

    产品数据

    为产品写一个简短描述,用一到两个句话概述这个产品的特色。

    产品简短描述

    设置产品图片(首图)、产品相册(附图)、产品类别和标签。

    设置产品图片

    其中的产品图片相册,上传前请记得无损压缩,否则会影响产品页面的打开速度,图片格式为 JPEG 或 PNG,大约 600 像素宽或更大。

    完成以上全部设置后,通过右上角的“预览”查看产品页面具体是什么样子。检查无问题后,继续点击“保存草稿”,修改固定链接URL,并点击发布产品。

    产品页面示例

    第6步:配置付款方式、运费和税费

    在本教程中,我们已经完成了 WooCommerce 设置和添加产品,但如果想让店铺销售正式运转起来,还要配置一些商店必备的选项。

    在接下来的步骤中,我会逐一为你讲解它们的配置方法。

    设置付款方式。转到 WooCoomerce 设置 > 付款。默认情况下,你可以选择银行付款、支票、货到付款和 PayPal,但做跨境电商独立站,请启用 PayPal 付款。

    设置付款方式

    点击 Activate PayPal,绑定你的 PayPal 账号,个人账号和企业账号均能正常收款。绑定好之后,可以使用 PayPal 沙盒自行测试付款。

    woocommerce 连接 paypal

    除了最常见的 PayPal 收款,跨境电商独立站还可以使用 Stripe 接收国外信用卡和借记卡付款,但 Stripe 申请比较严格,需要香港或美国地址及银行账户。

    目前做跨境电商是没有税率的,请点击“税”并选择“不含税的产品价格”。但如果你是海外仓发货,最好先咨询一下国际货运公司。

    税率

    之后,设置配送。在这里,你可以添加配送区域,统一设置向客户收取多少运费。也可以单独为某个国家区域设置一种费率,为其它国家设置另一种费率。

    woocommerce配送设置

    你也可以设置免运费,或者按照重量和包装尺寸来设置运费,具体价格请咨询货代。

    一旦有客户在你的网站下单,会立即在 WooCommerce > 订单里看到,但仅限于管理员和商店管理员这两种用户角色,每个订单都有一个唯一的订单 ID。

    同时,你能查看所有产品的状态:包括已付款、已退款、待付款等,也可以点击进入这些订单来处理发货,更新帐单送货地址和退款等。

    另外,WooCommerce 自带一个数据分析工具,转到网站仪表盘 > 分析,就能看到。

    它能帮你跟踪店铺的整体运营情况,包括总销售额、净销售额、平均订单价格、所售产品的数量、运费和退款等,还可以按不同的类别过滤产品,从而确定最畅销的产品是什么。

    如果有需要,可以将所有这些数据导出另存为 CSV 文件,交予财务做进一步的销售分析。

    第7步:设计制作独立站其它页面

    除了产品和网站基本页面之外,WooCommerce 还有几个重要页面要设置。

    默认情况下,当你安装完 WooCommerce 和 Astra 主题及模板,这些页面会自动生成,你所要做的就是编辑修改它们,重要页面通常包括以下几种。

    重要页面

    如果要编辑其中的任何一个,请先点击页面名称。然后使用 WordPress 自带的区块编辑器或可视化页面编辑器 Elementor 来自定义,详细使用请看 Elementor 教程

    但要注意,其中一些页面的外观取决于你所选的主题,需要到外观 > 主题自定义里才能修改。

    总结

    在本教程中,我向你展示了如何使用WordPress+WooCommerce搭建外贸独立站,安装最佳主题,添加产品和设置的全过程。

    当然,还有很多东西需要学习和实施。

    但无论如何,希望本教程能对其有所启发,如果需要帮助,可以在下面评论或与我联系。

    • 本文由 更新于 2025-02-23
    • 转载请务必保留本文链接:https://www.1deng.me/wordpress-woocommerce.html
      • 苟富贵

        chemicloud购买wordpress主机报错:This order form is provided in a secure environment and to help protect against fraud your current IP address (1**.***.**.224) is being logged.

          • 一灯

            @ 苟富贵 可能你网络有问题。一般来说,国外稍微大一点的公司,海淘时都会检查浏览器和IP地址,保护访客的支付安全。

          • wang

            你好老师比我在SSL环节遇到问题CPANEL 显示SSL注意符号 可是按照图IISUE 已经完成啊 网页访问是有安全锁 手机访问没有安全锁标志 。

              • 一灯

                @ wang 你检查一下https重定向开了没,如果不会可以chemicloud后台联系客服帮你解决。另外,请不要在这篇文章一直刷评论。

              • wang

                你好老师CC主机PRO用了优惠NEWYORK 注册了, NS域名替换时候 PORK原先四行替换成CC 的 三行没问题吧 ? 可否有联系方式?

                  • 一灯

                    @ wang NS地址不是固定3或4,也可以是2,没问题的。如果你的问题多可以访问联系页面

                      • wang

                        @ 一灯 谢谢老师 这个问题解决了 就是又遇到SSL

                    • WANG

                      礼貌请问B2C+WOO 主机域名chimicloud +PRO 是必须么 ? 也可以 SITE + NAMESILO 组合 ?

                        • 一灯

                          @ WANG 不是必须,是最起码最基本,是花差不多的钱能买到最好的。site + namesilo 也可以。主机选 sg 或 cc 主要底层是云服务器,操作适合新手且配套安全可靠的面板,ssl,邮箱。价格上 sg 只有第一年优惠,续费从我刚开始用到现在涨了好几倍,这点钱对公司来说没什么,但对个人而言就很贵,我就找了平替的 cc,无论是价格,服务器性能,操作易用性都属于第一阶梯。

                            • wang

                              @ 一灯 谢谢老师百忙中抽空回复 我看了B2C文章 想走 pork +cc主机 组合 WORDPRESSwoo 电商独立站 信用卡下来了 PP也刚申请了

                                • 一灯

                                  @ wang 不客气,chemicloud目前的性价比高,各方面都很优秀,买的时候注意机房选new york,目前San Francisco没卖了(不可以选)。它们家几个美国机房的国外速度差不多,但国内使用的话,实测new york机房速度(移动和电信)都优于Dallas机房,属于wordpress后台操作基本秒开,而Dallas机房电信尚可,但移动速度就很糟糕。另外,付款也可以用paypal绑银联,银联你用平时不怎么用的卡就行,我自己是海淘买专门挑一张不常用的卡。当然,你用双币信用卡支付更简单一些。

                          发表评论

                          匿名网友