2025 全新 WordPress 独立站商城搭建教程

欢迎来到本教程系列！本教程将超详细地指导您一步一步搭建一个精美的独立站商城，即使是新手小白也能轻松掌握。本系列总结了以往教程的不足，并结合了许多粉丝提出的问题，步骤将更加详细，电商部分的展示也更多样化。

教程目录：

购买服务器（托管）
安装 WordPress
连接域名
安装和设置主题模板
自定义首页元素（横幅、产品类目、产品展示等）
设置网站菜单
添加产品
设置域名邮箱
自定义页眉和页脚
设置运费方式
设置税费方式
连接收款方式

废话不多说，跟着我们一步一步搭建一个属于你自己的独立站商城吧！

一、购买服务器

服务器（托管）是存储您网站文字、图片、视频等文件的地方，只有存储在服务器上，其他人才能访问您的网站。

推荐选择：SiteGround。它的口碑和稳定性都非常好。如果在购买过程中遇到支付或验证码问题，可以查看完整的注册教程获取详细解决办法。
其他选择：
- Cloudways：性能和性价比也非常高。
- Hostinger：使用人数非常多，性价比极高。本教程视频中使用 Hostinger 进行演示。通过指定网址购买套餐可获得 20% 折扣。
套餐选择：如果是搭建电商网站，建议直接选择第二个及以上的套餐。如果是搭建小型博客或用于练手，第一个套餐也可以。
购买时长：如果长期使用，可以选择更长的时间以获得更大的优惠。
免费域名：Hostinger 和 SiteGround 都免费赠送一年的域名。
支付方式：Hostinger 的一个优点是支持支付宝，方便没有外币卡或 PayPal 的用户。填写账单地址和个人地址即可。
后台管理：购买成功后需要填写基本信息，并设置用于管理 Hostinger 后台的邮箱和密码，这与后续设置的 WordPress 后台登录账号密码不同，需要区分开来。

二、安装 WordPress

在 Hostinger 后台，您可以选择创建一个新的网站。

选择WordPress作为建站平台。
设置 WordPress 的语言（默认即可，后面可更改）。
设置 WordPress 后台的登录账号和密码。这个账号密码是用来登录 WordPress 后台管理网站的，不一定与 Hostinger 注册邮箱相同，与 Hostinger 后台账号密码也不同。

三、连接域名

您可以使用 Hostinger 赠送的免费域名，或者将已有的域名连接到 Hostinger 服务器。

使用赠送的免费域名:
- 在 Hostinger 设置过程中，直接在框中输入想要的域名。
- 尽量选择以 .com 结尾的域名。
- 填写域名注册所需的个人信息和联系信息。
- 选择服务器所在的区域（建议选择网站主要访问人群所在的区域，例如跨境电商做美国市场就选择美国服务器）。许多人容易忽视这一步。
- Hostinger 会开始安装 WordPress 应用程序。
- 安装过程中，请检查邮箱，可能会收到一封验证域名地址的信息，点击链接进行验证。
- 安装完成后，自动跳转到 WordPress 后台。点击下方的 connect on hPanel 进入 Hostinger 后台管理界面。
- 在 Hostinger 后台的 Website -> WordPress Admin 进入 WordPress 管理界面。
- 网站域名会自动连接好，无需手动更改域名数据。
连接已有的域名:
- 如果您在其他平台购买了域名（如腾讯云、Namesilo – Namesilo 口碑和操作更佳），需要将它连接到 Hostinger。
- 国内购买域名需要实名认证。
- 在 Hostinger 后台，点击 add website 添加一个新的 WordPress 网站。
- 重新进行 WordPress 设置（选择 WordPress、设置后台账号密码）。
- 在域名步骤，填写已有的域名，选择“我们拥有这个域名”。系统会提示后续需要手动连接。
- Hostinger 开始安装 WordPress。
- 回到您域名购买平台的域名管理后台。
- Hostinger 安装完成后，回到 Hostinger 管理面板。点击网站，它会提示需要连接域名。
- 查看 Hostinger 提供的引导，主要需要更换两条 DNS 记录。
- 复制 Hostinger 提供的 DNS 记录。
- 在域名管理后台（不同平台操作细节不同，但修改方法类似），找到域名的DNS 服务器设置，选择“自定义 DNS”，将复制的 Hostinger DNS 粘贴进去并提交。DNS 修改可能需要一段时间生效。
- 如果连接未成功（网站后台显示 Preview），或者想加快速度，可以多做一步。在 Hostinger 后台找到网站的服务器 IP 地址，复制下来。
- 回到域名管理后台，找到域名的解析设置。添加两条记录：记录类型为 A，主机记录一条填 @，另一条填 www，记录值都填写刚才复制的服务器 IP 地址。点击确认保存。
- 回到 Hostinger 后台刷新查看，直到网站显示您的域名，没有 preview 字样，表示连接成功。

四、安装和设置主题模板

连接好域名后，需要给网站安装主题模板。

在 Hostinger 后台，点击 WordPress 管理员 直接进入网站的 WordPress 后台。
如果后台是英文，点击右上角头像，找到 language，选择简体中文，拉到最底端点击 update 更新资料信息即可改为中文后台。
在左边菜单找到“外观”选项，点击“主题”。
点击“安装新主题”。
在搜索框搜索Blocksy主题，安装并启用。Blocksy 编辑性相对较大且美观。
安装 Blocksy Companion。
左边菜单会出现 Blocksy 选项。进入 Blocksy -> 预设模板，选择一个合适的Ecommerce（电商）模板进行导入。Blocksy 提供了各种模板供预览选择样式。
选择编辑器。本教程选择 Gutenberg，虽然 Elementor 操作简单，但免费版功能受限，Gutenberg 习惯后会更好用。
按照默认选择点击下一步并安装。
安装完成后，点击“查看网站”，您的网站前台框架就有了。

五、自定义首页元素

导入模板后，需要对网站进行装修。首页的编辑主要通过页面的编辑模式完成。

在 WordPress 后台，鼠标放到左上角网站标题处，点击“查看站点”，然后点击顶部的 Edit page 进入编辑界面。
重要概念：页面编辑中的“列”（Columns）和“元素”（Elements）。
- 列可以理解为“房子”，用于构建页面框架，将页面划分为不同的区块或容器。
- 元素（如标题、文本、图片、按钮等）是放置在列或页面框架中的内容。
- 建议先添加列再往里面拖拽元素，这样便于后续管理页面模块。可以通过左边的阶梯图标查看页面框架结构。

接下来教大家设置首页常用的三种横幅、三种产品类目展示和三种产品展示方式。

横幅 (Banner) 的添加方式:
- 方法一：纯图片横幅
  - 点击左上角加号，添加一个列，选择一列即可。
  - 在页面框架中选中该列，在右边选项中设置。
  - 在风格 (Style) 中上传背景图片。
  - 在布局 (Layout) 中调整块宽度为全宽 (full width)。
  - 调整最小高度以完整展示图片。
  - 移动端适应：上传单独的手机端背景图片，调整最小高度，确保在手机上显示合适。
- 方法二：图片+文字+按钮横幅
  - 添加一个列，选择两列（例如 70:30 或 50:50），用于放置图片和文字/按钮。
  - 给该列添加背景图片（确保图片有留白区域方便文字显示）。
  - 在布局中调整块宽度为全宽，设置最小高度。
  - 在文字/按钮所在的内列中，点击加号添加标题元素和按钮元素。
  - 在右边选项中修改标题文字、调整文字大小和样式。
  - 修改按钮文字（如“Shop Now”），在风格中调整按钮样式（颜色、类型）。
  - 在按钮的“关联”中添加链接到产品页面或类目页面。
  - 调整文字和按钮的对齐方式（如垂直居中）。
  - 调整内列的外边距 (margin) 或内边距 (padding) 来调整文字和按钮的位置。外边距在框外增加距离，内边距在框内压缩范围。
  - 按住 shift + 回车 可以强制换行，用于调整文字分段。
  - 移动端适应：为手机端更换背景图片（建议使用竖向图），调整最小高度，调整文字大小，调整内外边距来使文字和按钮位置合适。这部分需要耐心一点点调整。
- 方法三：轮播横幅
  - 添加一个列，选择一列。
  - 点击列中的加号，搜索并添加“水平滚动条”（或类似名称的轮播元素）。
  - 轮播元素下面有多个内列，每个内列对应轮播的一张图。
  - 选择每个内列，在风格中设置背景图片。
  - 在布局中调整整体轮播的块宽度为全宽。
  - 调整最小高度以完整展示图片。
  - 在轮播元素的设置中，可以调整箭头和点（指示器）的样式、位置、颜色等。例如，可以将点偏移到图片上方以避免下方留白。
  - 在布局中可以设置自动播放和轮播类型（幻灯片或淡入淡出）。
  - 移动端适应：修改对应内列的背景图片和调整最小高度。
产品类目展示方式: 主要有三种方式。
- 方法一：图片横向排列
  - 添加一个列，根据类目数量选择相应的列数（例如 4 列）。
  - 在每个内列中，设置背景为该类目的图片。
  - 在布局中调整最小高度。
  - 可以在图片上添加文字或按钮（可链接到对应类目页）。调整文字或按钮的位置和样式。
  - 在最外层列的布局中，调整块宽度为全宽。
  - 调整柱间隙 (Column gap) 来控制类目图片之间的距离。
  - 移动端适应：通常会变成一行一个类目，默认样式已较美观。
- 方法二：错落展示
  - 添加一个列，根据需要选择列数（例如 2 列，左边放一个大的，右边放两个小的叠在一起）。
  - 在左边的内列设置一个大的类目图片背景。
  - 在右边的内列中添加两个图像元素，分别上传类目图片。
  - 调整图片大小和位置。
  - 可以在图片上添加按钮或文字，并链接到对应类目页。
  - 移动端适应：通常排列也比较美观，无需过多修改。
- 方法三：滑轨展示
  - 添加一个列，选择一列。
  - 在列中添加水平滚动条元素。
  - 选中水平滚动条元素，在右边可以更改列数（有几个类目就添加几个列）。
  - 在每个小块（内列）中添加图像元素，并上传类目图片。
  - 选中图片，在“先进” (Advanced) -> “关联”中添加类目链接。
  - 可以在图片下面添加按钮等元素。
  - 在水平滚动条元素的布局中可以调整整体宽度和内列间距，可以留一点露出来提示访客后面还有内容。
  - 在风格中可以调整滑轨（滚动条）的颜色、高度等。
  - 移动端适应：可以调整项目宽度使图片在手机上显示合适。
产品展示方式: 本节是重点内容。主要有三种方式。
- 方法一：手动选择产品展示
  - 添加一个列，选择一列。
  - 在列中搜索并添加 hand picked products 元素。
  - 在右边选项的“精选”搜索框中，搜索并选择要展示的产品（会显示店铺产品名称）。选择后产品会展示出来。
  - 在布局中选择网格样式（多行多列）或堆叠样式（一行一个），电脑端常用网格。
  - 使用过滤器 (Filter) 可以选择屏蔽某些产品（如缺货产品）或只显示促销产品。
  - 调整列数以适应产品数量，使产品占满该区域。
  - 可以对下面的产品模板进行修改，如调整标题、价格、按钮的字体大小、颜色、样式等。
- 方法二：根据类目展示产品
  - 添加一个列。
  - 在列中搜索并添加 product collection 元素（通常有分好一行三个、四个、五个等样式）。
  - 拖拽元素后，在右边选项中可以调整列数（一行显示几个）。
  - 在过滤器中点击三点，选择产品类别，然后输入或选择想要展示的类目。
- 方法三：单品展示（特色产品）
  - 添加一个列。
  - 在列中搜索并添加 single product 元素。
  - 在下方选择要展示的单品。
  - 左边是主图，右边是标题、价格、加购物车等信息。
  - 选中该元素的列，在布局中可以调整其宽度（如百分比）来控制单品展示的大小。
  - 可以删除不想要的元素（如评价、SKU）。
  - 移动端适应：通常显示为上方图片，下方文字介绍。
其他首页模块: 首页还可以添加折扣横幅（方法类似横幅制作）、特色产品（即单品展示）、客户评价、服务介绍、FAQ（常见问题）等模块。
- 可以使用左上角的设计库 (Design Library)，选择预设好的模块样式直接导入，再修改内容，非常方便。
- 例如，FAQ 模块可以直接调用设计库的样式，或者手动添加手风琴 (Accordion) 元素进行设置。
- 还可以添加博客模块或图文模块。

六、设置网站菜单

网站菜单通常位于页眉，方便访客导航。

回到 WordPress 后台，找到“外观”下的“菜单”选项。
进入菜单编辑页面。您可以修改现有菜单，或者点击“创建一个新菜单”。
为新菜单起一个名称。
选择菜单要显示的位置（如页眉菜单 1、页脚菜单、移动设备菜单），如果不确定可以先不选。
点击“创建菜单”。
在左边选择要添加到菜单的页面（所有页面、文章、自定义链接、分类等）。如果想添加产品类目页面，可以在“产品分类”中查看分类，复制该分类页面的链接，然后在左边选择自定义链接，输入链接文字和网址，点击“添加到菜单”。
通过拖拽的方式可以调整菜单项的顺序，或者将其设置为前一个菜单项的子菜单（可设置多个级别）。
修改完成后，点击保存菜单。
将新菜单链接到首页：点击左上角的 customize 进入自定义界面。菜单通常在页眉。鼠标放在页眉区域，点击出现的按钮（如 Main Row 或 Button Row）进入页眉修改项。在下方的菜单选项中，选择您刚才创建的新菜单。
在自定义界面，可以修改菜单的外观（样式、间距、对齐方式）、设计（字体、大小、颜色、边距）。
移动端菜单：在自定义界面切换到移动端视图。页眉部分会出现一个“画布外区域”，这就是移动设备的折叠菜单区域。选择要在此区域显示的菜单（例如选择您创建的菜单）。可以调整该区域的元素显示（如添加搜索框）。

七、添加产品

产品管理主要通过 WordPress 后台左边面板的“产品”选项实现。

产品分类:
- 在“产品”下的“分类”选项中创建分类。填写名称（前台显示）、别名（链接后缀）、描述。设置父级分类来创建子分类。选择显示类型（默认、只显示产品、只显示子分类、两者都显示）。上传缩略图（非常重要）。
- 产品标签（Tags）功能与分类类似。属性和筛选器将在下节视频讲解。
添加产品的方法: 主要有三种方法。
- 方法一：手动添加
  - 在“全部产品”中点击“添加新产品”。
  - 填写产品标题（简短）。
  - 填写产品描述（展示在产品详情页下方）和简短描述（展示在产品数据区域下方，通常是五点描述）。
  - 产品数据:
    - 选择产品类型：简单产品（无变体）、可变产品（有颜色、尺寸等变体）、外部/联盟产品、成组产品。
    - 简单产品：填写常规价格、促销价格、库存、配送信息等。
    - 可变产品：填写 SKU（可选）、库存管理（跟踪数量、允许缺货、设置不足提醒）。填写配送信息（重量、尺寸、运费类别）。
    - 重点：设置属性 (Attributes)。点击“属性”，添加新属性（如“颜色”、“尺寸”），属性值用竖杠“|”隔开（如“红色|蓝色”、“S|M|L”）。保存属性。
    - 点击“变量”(Variations)，选择“从所有属性创建变量”或“生成变体”。系统会根据属性生成所有组合的变体。点击每个变体可单独设置价格、库存、重量、图片等信息。
    - 外部/联盟产品：可设置按钮链接到其他网站（如亚马逊），用于引流。
    - 成组产品：将店内产品捆绑销售。
  - 设置产品图片（主图）和产品相册（其他图片）。
  - 将产品分配到已创建的产品分类和标签。
  - 点击发布/更新并预览效果。
- 方法二：通过 Dropshipping 平台或插件导入
  - 寻找 Dropshipping 供应商平台（如 CJ Dropshipping, Doba），这些平台通常支持与 WooCommerce 集成。注册账号。
  - 在平台连接店铺：找到店铺集成选项（通常在左侧菜单），选择 WooCommerce，粘贴您的店铺网址并授权连接。
  - 在平台寻找产品并上传到店铺。找到合适产品后，点击类似店铺的图标，选择要上传到的店铺。
  - 可以在上传前修改产品信息，如标题、分类、价格（可设置售卖价格，平台成本价会显示）。还可以查看/修改图片、描述等。
  - 点击“list”或类似按钮开始上传。
  - 回到 WordPress 产品后台刷新，导入的产品会显示出来。可能需要手动补充简短描述等平台没有提供的字段。
- 方法三：通过表格（CSV）导入
  - 参考提供的详细教程链接。
  - 下载 WooCommerce 产品上传表格模板。
  - 在表格中填写产品信息，每列对应一个字段（SKU、描述、价格、库存、是否发布 – 1代表发布，0代表草稿、是否可见等）。
  - 注意变体设置：属性名称列填写属性名，属性值列填写多个值时用英文逗号“,”隔开（如“36,37,42”）。默认值填 1。
  - 图片字段需要填写图片链接，链接结尾必须是 .jpg 等格式。图片可以先上传到网站的媒体库获取链接。
  - 填写完成后，回到 WordPress 产品后台，点击“导入”。
  - 选择修改好的 CSV 文件，设置“更新已存在的产品”（根据 SKU 或 ID 更新或跳过）。
  - 进行列的映射，确保表格中的字段与 WooCommerce 中的字段正确对应（通常默认已对应，需检查，不需要导入的字段可选择不导入）。
  - 点击“运行导入器”。导入完成后会显示结果。如果导入失败，可查看记录获取失败原因。
  - 表格导入的关键是细心，确保每个数据填写准确。

八、设置域名邮箱

拥有一个与您网站域名一致的域名邮箱（如 contact@yourdomain.com）会显得更加专业。

登录到您的服务器后台（Hostinger hPanel 或 SiteGround Site Tools 等）。
找到“emails”或类似的邮箱设置选项。
选择要设置邮箱的域名。
点击创建域名邮箱，填写邮箱前缀（如 official, contact, help, info 等）并设置密码。点击创建。
创建后，可以选择两种方式管理邮箱账户：
- 通过浏览器网页登录 Webmail：点击相应的登录按钮，在网页上输入邮箱账号和密码即可收发邮件。
- 通过第三方 APP 管理：将账号绑定到常用的邮件客户端（如 Gmail, Outlook, QQ邮箱, 网易邮箱大师等）。需要获取服务器的 IMAP/SMTP 数据信息（通常在邮箱设置页面的“位址”或“设置”下）。
- 在第三方邮件客户端中，选择添加邮箱，手动配置服务器设置。通常协议选择 IMAP。填写收信服务器（通常是 Hostinger 提供的地址）和端口（如 993），加密方式通常是 SSL。填写发信服务器（通常是 Outgoing service 提供的地址）和端口（如 465 或 587），加密方式通常是 SSL 或 TLS。填写邮箱账号和密码。
- 设置好后，测试收发邮件功能是否正常。
可以继续创建新的域名邮箱账户供不同用途或员工使用。

九、自定义页眉和页脚

在网站前台，点击左上角的 customize 进入自定义界面。或者直接将鼠标放在页眉或页脚区域，点击出现的编辑按钮进入修改。
页眉 (Header):
- 页眉通常可以包含多行（例如三行），每行可以设置不同的元素。
- 选中某行（如顶端行、主要行），可以设置容器结构（宽度，如全宽或盒子宽度）和最小高度。
- 在设计 (Design) 中可以设置背景颜色、边框等。
- 通过左边的“元素”面板，将元素（如 HTML/文字、Logo、社交图标、搜索框、购物车）拖拽到页眉的行或列中。
- 选中元素可以进行修改（如更换 Logo 图片、调整大小、编辑文字、添加链接）和设计（调整边距、颜色、字体等）。
- 可以通过拖拽调整元素在行内的位置。
- 不想要的元素可以直接删除。
- 移动端页眉：在自定义界面切换到移动端视图。移动端页眉通常有折叠区域（“画布外区域”），这里设置移动设备菜单。可以添加元素到移动页眉的可见区域（如 Logo、购物车、搜索图标）。
页脚 (Footer):
- 鼠标放在页脚区域，点击 Edit 进入修改。
- 页脚也可以包含多行，每行可以设置列布局（分成几列，每列的宽度比例）。
- 在每行中，可以添加或编辑内容元素（文字、菜单、社交活动等）。选中元素点击 Edit 进行修改。
- 可以修改底部的版权声明文字。
- 修改完成后，点击发布保存。
- 移动端页脚：在移动端视图下编辑页脚，可以调整列布局（叠加或左右结构）。

十、设置运费方式

运费设置是电商网站的关键部分，WooCommerce 提供了多种运费计算方式。

在 WordPress 后台，鼠标放在 Woocommerce，选择“设置”。
首先设置商店地址（公司、仓库或海外仓地址）。
设置销售位置（销售到全部国家、部分国家或特定国家/地区）。根据市场选择，如只卖美国则选择特定国家为美国。
设置可配送的区域（包裹可以发到的地区，通常选择配送到销售地区）。
启用优惠券选项勾上，买家可以在购物车或结账页输入优惠码。
设置币种展示样式。
点击顶部的“配送”选项。
点击“添加区域”，设置一个区域名称（自己识别即可）和区域范围（选择国家、州等）。例如，创建一个“美国市场”区域，范围选择北美洲 -> 美国。
在该区域下，点击“添加配送方式”。WooCommerce 默认有三种：免费配送、统一费率、本地取货。

固定运费计算方式:
- 添加统一费率 (Flat Rate)。
- 设置名称（前台客户可见，如“US Express”、“USPS”）。
- 设置纳税状态（税费在下节讲，这里先选无税）。
- 成本：
  - 直接输入金额，表示固定收取一笔运费（如 10 美元）。
  - 使用公式：数量 * 单价（数量 * [qty]），根据订单产品数量计算运费。
  - 使用公式：订单金额 * 百分比（[cost] * 0.2），根据订单总金额的百分比计算运费。
阶梯运费设置方式: 根据订单金额或重量设置不同运费，需要借助插件。
- 安装并启用 Flexible Shipping 插件。
- 回到 WooCommerce 设置 -> 配送 -> 编辑区域 -> 编辑统一费率方式。
- 启用 Flexible shipping rules table。
- 点击“add rule”，设置规则（如基于订单价格 Order total）。
- 设置不同的金额范围和对应的运费（例如，订单金额收费10，订单金额收费0）。
- 点击保存更改。
- 如果阶梯运费中包含了免费配送（例如订单满 50 美元免运费），为了避免客户手动选择，需要关闭标准的“免费配送”方式。
特定产品运费设置: 为某个特别重或特殊的产设置单独运费，需要使用**配送类型 (Shipping Classes)**。
- 在 WooCommerce 设置 -> 配送中，点击“类别”选项卡。
- 添加配送类型（如“Special Weight”）并创建。
- 找到需要设置特定运费的产品，点击编辑，在产品数据下的“配送”选项中，将运费类选择为刚才创建的配送类型。更新保存产品。
- 回到 WooCommerce 设置 -> 配送 -> 编辑区域 -> 编辑统一费率方式。
- 在编辑页面，可以看到为配送类型（如 Special Weight）设置费用的选项。
- 设置该配送类型的费用（例如，Special Weight 的产品收取 50 美元运费）。
- 设置“无需配送类型的费用”（即除特殊产品外，其他产品是否也收取费用），通常设置为 0 或默认。
- 设置计算方式：“每个配送类型单独收费”或“按最贵的配送类型收费”。
- 在购物车测试查看运费计算是否正确。

十一、设置税费方式

税费设置是跨境电商中比较复杂的问题，但 WooCommerce 的税费设置相对简单且自由度高。

在 Woocommerce -> 设置中，首先在“常规”选项卡下，勾选“启用税率和计算”并保存更改。
保存后，顶部会出现“税”选项卡，点击进入。
税选项设置:
- 输入的价格含税：通常选择“不含税”，即产品标价不包含税费。如果选择含税，WooCommerce 会根据税率倒推出产品不含税的原价和税费。
- 计算税费基于：通常选择“客户的配送地址”。
- 配送税的类型：通常选择“基于购物车的物品”，即根据购物车内商品的税率计算总税费。
- 四舍五入、附加税费等选项通常保持默认。
- 在商店显示价格：通常选择“不含税”，即产品列表和详情页显示原价。如果选择“含税”，则显示原价加上税费后的价格。
- 在购物车和结账期间显示价格：通常选择“不含税”。
- 价格显示前缀：可在产品价格旁添加备注（如“No Tax”）。
- 显示税费总计：通常选择“作为一个单独的小计”，即显示总税费。
税类别设置: WooCommerce 默认有标准税率、Reduced 税率和 Zero 税率。您可以修改名称或添加额外的税率类别。
- **标准费率 (Standard rates)**：这是店铺的默认税率，未指定税率的产品会采用此设置。
  - 点击“标准费率”进入。
  - 点击“在下方插入行”，添加税率规则。
  - 可以精确到国家、省/州、邮编、城市。留空表示适用于上一级的所有区域。例如，国家选美国，省/州留空，表示对美国所有地区生效。若要设置特定州税率，则在省/州字段输入州的缩写。
  - 填写税率百分比（需自己查询）。
  - 填写税费名称（结账时显示）。
  - 优先级：用于区分同一区域多个税率计算方式的顺序。
  - 复合 (Compound)：通常保持默认。
  - 配送 (Shipping)：勾选表示运费也要计算税费。重要：如果这里勾选了“配送”，还需要到配送设置中，编辑对应区域的配送方式（如统一费率），将其税状态改为“应纳税”，这样运费的税费才能生效。
- Reduced 税率和 Zero 税率：设置方法与标准费率相同。名称可以修改。税率可以设置为任意值，不是固定为 Reduced 或 Zero。
  - 这些税率类别用于为特定产品设置不同的税率。
  - 找到需要设置特殊税率的产品，点击编辑，在产品数据下的“常规”选项中，将税类选择为相应的税率类别（如 Reduced rate 或 Zero rate）。更新产品。
  - 在购物车测试，不同税类的产品将按各自的税率计算税费。

十二、连接收款方式

WordPress 商城支持多种收款方式（PayPal, Stripe, 信用卡等），需要安装相应的插件进行连接。

在 WordPress 后台，点击“插件”->“安装新的插件”。
在搜索框中搜索您需要的收款方式插件（如 PayPal Checkout，作者是 Woocommerce）。点击“立即安装”并“启用”。
启用后，到 Woocommerce -> 设置 -> “付款”选项卡。
找到已安装的收款方式（如 PayPal），将开关打开，点击“完成设置”。
Paypal 设置:
- 勾选“启用 PayPal Standard”等选项。
- 通常选择标准版本 (Standard version)，高级版本 (Advanced) 通常不支持大陆区域。
- 可以选择激活 PayPal（连接您的真实 PayPal 账户）或使用 Sandbox（沙盒测试）功能。
使用 PayPal 沙盒测试: 用于检测支付系统是否正常。
- 访问 PayPal 沙盒测试网站（developer.paypal.com/developer/accounts/）。需要用您自己的真实 PayPal 账号登录。
- 创建测试账号：创建两个沙盒测试账号。一个是商家账号（模拟您的收款账号，选择 Business 类型，国家选中国大陆）。另一个是买家账号（模拟客户付款，选择 Personal 类型，国家选美国或其他主要市场）。
- 创建后，点击账号旁边的邮箱查看账号信息（邮箱和密码）。
- 在 WooCommerce PayPal 设置中，选择 PayPal SandBox 并点击连接。
- 输入刚才创建的沙盒商家账号的邮箱和密码进行登录和授权连接。连接成功后，页面上方会出现相关选项。
- 设置外观：在设置页面可以修改收款方式的标题 (Title)（结账页显示）、描述 (Description)、品牌名 (Brand name)。可以设置 Landing page（跳转到登录界面或填写账单信息界面）。
- 按钮设置：可以调整按钮语言 (Button language)（建议选英文）、样式 (Style)、颜色 (Color)、形状 (Shape)。
- 保存设置。
- 测试付款流程：在网站前台将商品添加到购物车，填写账单地址，选择 PayPal 付款。跳转到 PayPal 页面后，使用沙盒买家账号的邮箱和密码进行登录并完成购买。
- 如果购买完成页面显示成功信息，且邮箱收到订单确认，则表示支付系统正常。
连接真实 PayPal 账户:
- 回到 WooCommerce PayPal 设置，断开沙盒测试连接。
- 选择 Active PayPal（激活 PayPal）或类似选项。
- 输入您的真实 PayPal 商业账号的邮箱和密码进行登录和授权连接。
- 文字、按钮等设置方法与沙盒测试相同。
连接其他收款方式：方法类似，安装对应插件，根据引导一步步设置即可。

至此，您已经基本掌握了使用 WordPress 和 WooCommerce 搭建一个精美的独立站商城并设置基本功能的流程。这包括了购买服务器、安装 WP、连接域名、设置主题模板、自定义首页、设置菜单、添加产品、设置域名邮箱、自定义页眉页脚、设置运费税费以及连接收款方式。

未来还有更多可以深入学习的内容，例如 SEO 优化、创建产品落地页、搜索引擎收录、安装谷歌全家桶等。这取决于后续教程的观看和互动情况。

希望本教程对您有所帮助！