小时
分钟

得到 折扣+ 10%前20名客户可获得奖金

抓住交易机会

优惠码BLACKFRIDAY22

博客

如何用WordPress创建电子商务网站:完整教程(2022)

想知道如何用WordPress创建一个电子商务网站吗?

虽然WordPress最初是一个博客工具它早就演变成一个强大的网站建设工具,能够创建任何类型的电子商务商店。

事实上,WordPress是创建电子商务商店最流行的方式——甚至比Shopify

在本教程中,我们将介绍将您的商店添加到Internet上最受欢迎的电子商务工具行列所需的所有信息。

我的承诺是:

您将能够完全设置您的商店,而无需查看任何一行代码。到最后,你会有一个功能齐全的WordPress电子商务商店,看起来像这样:

一个WordPress电子商务商店的例子

我们开始吃吧!

电子商务如何在WordPress上工作?

下面,我们将详细介绍如何使用WordPress创建电子商务网站。

然而,在深入挖掘这些血腥的细节之前,我认为有必要从高层次上看看如何在电子商务中使用WordPress。这样,你就可以在深入学习教程之前了解完整的背景知识。

让我们从头开始。

如果您以前已经创建过WordPress网站,那么您可能已经注意到核心WordPress软件不包含任何电子商务功能。

然而,一如往常,您可以添加完整的电子商务功能使用插件.大多数时候,这个插件是WooCommerce虽然还有一些其他的选择,我马上就会讨论。

因此,要创建你的电子商务商店的基础,起点看起来是这样的:

  1. 如果您还没有设置好基本的WordPress站点,那么您就已经设置好了。
  2. 你安装一个WordPress电子商务插件,比如WooCommerce。

一旦你有了电子商务的基础,你将建立你的商店就像任何其他WordPress网站:

  • 为了控制设计,你需要安装一个与WooCommerce(或你选择的电子商务插件)兼容的WordPress主题-例如118bet.net金博宝app
  • 您将深入了解WooCommerce的许多设置,以控制支付、运输、税收等关键细节。
  • 你会安装额外的WordPress插件用新功能扩展你的商店。

别担心;我将在本教程中涵盖所有这些内容,所以等一下会更有意义。

哪个是最好的WordPress电子商务插件?

当谈到WordPress上的电子商务时,默认的期望几乎总是你会使用WooCommerce插件。

WooCommerce不仅是最受欢迎的WordPress电子商务插件,而且它也是创建电子商务商店最受欢迎的方式——如果你仔细观察的话,甚至比Shopify更受欢迎BuiltWith的前100万个网站索引

因此,我将在下面的教程中使用WooCommerce。

然而,WooCommerce并不是唯一可行的WordPress电子商务插件,所以让我们来看看其他一些高质量的选项,以及你可能想要使用它们的时候:

  • 简易数码下载(EDD)-如果你专门销售数字文件而不是实体产品,这是一个很好的选择。WooCommerce也可以处理数字文件,EDD的专注创造了更精简的体验。
  • BigCommerce- BigCommerce是一个SaaS电子商务工具,与WordPress深度集成,创建一种“无头电子商务”方法。这是更高级的,但它给了您很大的灵活性。考虑BigCommerce而不是WooCommerce的主要原因是,如果你从事的是多平台销售,即你也通过亚马逊、eBay和其他平台进行销售。有了BigCommerce,你可以在一个地方同步所有不同的销售渠道,这增加了很多便利。
  • EcwidEcwid是另一个SaaS电子商务工具,通过一个专门的插件与WordPress集成。对于拥有非常基础商店的初学者来说,它是一个很好的选择,因为它的方法很简单,但我并不推荐它用于严肃的商店,因为它没有WooCommerce那么灵活和强大。

尽管如此,WooCommerce仍然是绝大多数在线商店的最佳电子商务插件。

除非你有一个非常具体和深思熟虑的理由来选择一个不同的WordPress电子商务插件,我强烈建议你坚持使用WooCommerce。

WordPress电子商务常见问题

现在,让我们快速浏览一些常见问题,以便您了解本教程以及WordPress电子商务的一般内容。

一个WordPress电子商务商店要多少钱?

WordPress和WooCommerce都是100%免费的。然而,您的商店有一些相关的成本。

在基本的水平上,你需要虚拟主机如果你还没有一个WordPress网站的话,还需要一个域名。如果您已经设置了站点,则可以使用现有的主机。但如果你还没有,每个月至少预算10美元商店和更多的商店有高流量和/或很多产品。

除此之外,你几乎肯定想要购买一些高级工具添加到核心WooCommerce插件中。

首先,你可能想要一个付费的WooCommerce主题,这将花费你大约60美元(虽然也有质量免费WooCommerce主题).

其次,你可能还需要一些优质的WooCommerce扩展插件,这是大多数商店的最大成本领域。

不幸的是,这里有太多的变化,无法给出一个单一的数字。有些商店可能只花100美元购买插件,而有些商店可能花1000美元以上。如果你预算紧张,你通常可以找到降低WooCommerce插件成本的方法。

我需要成为一个开发者来创建一个WordPress电子商务商店吗?

不,您不需要任何特殊的技术知识来跟随本教程并建立您的电子商务商店。你可以在用户界面上做很多事情;根本不需要看一行代码。

这里的设置比一般的WordPress站点要多,因为您需要配置运输、税收和支付网关等细节。但是,这只需要一些额外的东西时间-它不需要任何特殊的技术知识。

创建一个WordPress电子商务商店需要多长时间?

创建商店基础的基本过程只需要很少的时间。你可以有一个相当运行的电子商务商店在一个小时内(甚至更少,如果你已经有一个现有的WordPress网站)。

然而,这并不意味着你可以在一个小时内完成。你将花大部分时间配置你的商店的细节,例如:

  • 运费及政策
  • 税率
  • 添加产品
  • 支付网关
  • 等。

这些任务都不复杂,但需要花费一些时间来处理细节,特别是如果你想手动操作而不是使用插件来帮助(在某些情况下可能需要花钱)。

不过,好在这些任务大多都是一次性的。例如,一旦您设置了您的运费,您的商店将自动使用它们,而不需要您进一步输入。

WordPress电子商务商店安全吗?

是的,只要你使用安全托管并遵循WordPress安全最佳实践,你的商店是完全安全的。

此外,你的商店的信用卡支付将由第三方网关处理,如PayPal或Stripe,所以你不需要处理安全支付处理和压力一种总线标准遵从性。第三方处理器完全负责所有这些。

WordPress电子商务商店加载速度快吗?

是的,当然。同样,这里的关键细节是,只要你遵循,你的商店将快速加载WordPress性能最佳实践,例如使用快速WooCommerce主题优化你的内容。

在本教程的后面部分,我们将用一整节来专门演示如何快速加载你的store。与本教程的其余部分一样,这并不需要任何特殊知识。

如何用WordPress创建电子商务网站

现在您已经对WordPress电子商务的工作原理有了很好的了解,让我们深入了解完整的分步教程。

本指南将带你从“零”到一个由WordPress驱动的功能齐全的电子商务商店。

1.建立你的WordPress网站(如果你还没有的话)

如果你已经有一个基本的WordPress网站,你可以点击这里跳转到下一节,学习如何向该网站添加电子商务功能。

然而,如果你还没有一个WordPress网站,你需要建立一个,然后你才能把它变成一个功能齐全的电子商务商店。

要做到这一点,你需要做三件事:

  1. 为您的电子商务商店选择域名.这将是它在互联网上的永久地址。例如,我们的是www.8008cai.com
  2. 购买网络托管.这就是WordPress软件的强大之处,并使您的电子商务商店面向全球各地的访问者。
  3. 安装WordPress软件.这将使你的基本网站运行起来。一旦你设置了核心WordPress软件,你就可以继续把它变成一个电子商务商店。

选择和购买域名

购买你的域名,你可以使用服务,如谷歌的域名Cloudflare注册

如果您正在努力想出一个仍然可用的好域名,您可以使用域名生成器,例如LeanDomainSearch

购买主机

对于WordPress/WooCommerce托管,我推荐Cloudways作为一个很好的负担得起的选择,仍然提供卓越的性能。看看我的Cloudways回顾了解更多关于它的信息。

SiteGround对于初学者来说也是一个不错的选择,因为它使用起来稍微简单一些(尽管Cloudways仍然非常容易访问)。

安装WordPress

一旦你有了你的网络主机,你可以使用你的网络主机的WordPress自动安装工具来安装基本的WordPress软件。

如果你正在使用Cloudways,你可以跟随这个文档来安装WordPress

你还需要安装一个免费的SSL证书在您的网站上启用安全的HTTPS协议。Cloudways和大多数其他高质量的主机都可以很容易地做到这一点。它通常只需要点击一个按钮下面是如何在Cloudways上做到这一点

2.安装WooCommerce并配置基础知识

此时,您应该已经设置好了基本的WordPress站点。现在,是时候通过安装WooCommerce插件把它变成一个正常运行的电子商务商店了。

WooCommerce可以在WordPress.org上免费下载,所以你可以像安装其他WordPress插件一样安装它:

  1. 插件→添加新的在你的WordPress仪表板上。
  2. 搜索“WooCommerce”。
  3. 安装并激活插件。

一旦你激活了WooCommerce,它应该会自动启动它的引导设置向导。如果它没有,或者如果您不小心关闭了它,您可以手动打开以下向导这些指令

现在,让我们检查一下设置步骤。

存储的细节

第一步,你需要输入一些关于商店位置的基本信息:

WooCommerce安装向导商店详细信息

行业的细节

接下来,你会被要求输入一些关于你的商店所属行业的细节:

行业

产品类型

然后,选择你想要销售的产品类型。

大多数商店只是想检查一下实体产品盒子。如果你销售的是数字产品,你可以选择下载

产品类型

业务细节

最后,您将输入关于您的商店的一些附加业务细节:

业务细节

WooCommerce还会提示你在你的商店中添加“免费商业功能”。您可以单击accordion来展开选项。

对于大多数人,我建议安装所有的“基础”,因为这些将帮助你支付,运输等。“扩展你的商店”部分是完全可选的。

“基础”包括WooCommerce专门为支付、运输和税收提供的服务,这是设置商店这些关键领域的最简单方法(尽管你可以使用其他工具/插件)。

如果你不想现在就决定,你可以取消勾选所有的选项-你可以在以后安装它们:

添加业务功能

主题

最后,安装向导将提示您安装一个主题。

点击跳过此部分即可继续我的积极主题-我将在下一节介绍如何设置WooCommerce主题:

跳过选择主题

如果你已经安装了“免费商业功能”,你会被提示将你的WooCommerce商店连接到你的WordPress.com帐户.如果你还没有WordPress.com帐户,你还需要创建一个。

这个账户是免费的,但需要使用支付、运输和税收的专用服务:

连接WordPress.com帐户以访问服务

3.选择一个WooCommerce主题

至此,你拥有了一个功能正常的商店,但它可能看起来不像一个电子商务商店。

要解决这个问题,你需要安装一个专门打造的WooCommerce主题

在一个高质量的WooCommerce主题中有以下几点需要注意:

  • 设计-显然,你希望你的主题有一个与你想要的审美相匹配的优秀设计。
  • 特性-虽然你会使用插件而不是你的主题添加大多数电子商务功能,但你仍然需要寻找基本功能,如主题是否提供用户友好的产品搜索选项或其产品过滤器看起来如何。
  • 性能-你的主题在你的商店的性能和加载时间中扮演着重要的角色,所以选择一个主题是必要的轻量级WooCommerce主题这不会影响你的商店。

我们创建了118bet.net金博宝app 要做好所有这些方面的工作:

  1. 它看起来很棒,现代简约的设计.您还可以从不同的可导入演示站点中进行选择,以获得您的商店的完美外观。
  2. 它拥有一个主题的所有在线商店需要的功能,例如方便顾客的产品搜索、有用的产品过滤器、销售徽章等等。
  3. 它的加载速度很快.它的重量只有44.3 KB,缩小了自己的代码,并获得了开箱即用的完美性能分数。
一个WordPress电子商务商店的例子

因为这些原因,我要用118bet.net金博宝app 对于本教程。我们将坚持使用免费版本的主题,但也有一个118bet.net金博宝app 如果你需要,它会增加更多的功能。

安装Botiga主题

要开始Botiga,请访问外观→主题→添加新内容在你的WordPress仪表板上。

然后,从WordPress.org搜索并安装免费的Botiga主题。

如何在你的WordPress电子商务商店安装Botiga主题

导入Demo站点

激活Botiga主题后,您将看到导入Botiga演示站点的提示。这是可选的,但它会让你从第一天就开始经营一个时尚的商店。

如果您想导入演示站点,请单击起动器的网站按钮:

导入Botiga启动站点

它会自动带你到启动站点区域。或者,你可以去外观→启动站点

要导入一个网站,只需将鼠标悬停在它上面并单击进口按钮:

博提加启动站点选项

这将启动一个弹出窗口,您可以在其中选择要导入的内容。最后确定您的选择,然后单击进口再次:

选择要导入的内容

如果您导入了所有的演示内容,那么您的商店现在应该与您所选择的演示站点完全相同。

自定义演示内容

现在,你可以把内容变成你自己的。

要自定义主题样式,如字体和颜色,可以转到外观→定制

并且,要自定义各个页面,可以转到页面区域并像其他WordPress页面一样编辑它们。Botiga的所有演示内容都使用了原生的WordPress编辑器,它可以帮助您尽可能快地加载商店。

4.添加你的产品

现在,您的商店实际上看起来像一个电子商务商店,您可以开始添加产品了。

您还需要配置其他一些细节,但看到您的第一个活动产品总是有激励作用的,这就是为什么我把这一部分放在前面。

注意:如果您导入了完整的Botiga演示站点,Botiga将导入一些示例产品作为过程的一部分。您可以使用这些示例产品作为灵感,并在添加自己的产品时删除它们。

要创建一个产品,请转到产品→添加新产品

在这里,填写一下产品信息。特别注意以下方面:

  • 标题
  • 长短描述
  • 价格
  • 产品形象
  • 产品类别
  • 产品标签
  • 产品类型(可在顶部的下拉列表中获得产品数据盒子)——例如,无论是简单的还是多变的产品(例如多种尺寸的t恤)

的选项卡也可以使用产品数据框以配置其他细节,如库存、尺寸/重量、链接的产品等。

如何将产品添加到您的WordPress电子商务商店

不要担心会搞砸任何东西——你可以稍后回来编辑这些细节。

当你对所有东西的外观满意时,点击更新发布按钮,就像你写博客一样。一旦你这样做了,你的产品就会出现在你的商店的前面。

要添加更多的产品,你所需要做的就是重复这个过程。

如果你有成百上千的产品,你也可以通过CSV文件导入您的产品,这样可以节省一些时间。

5.配置其他WooCommerce设置

现在,是时候开始本教程中最无聊的部分了:设置支付、税收、运输等基本细节。

虽然这可能有点乏味和耗时,但它对商店的运行至关重要,所以你不能直接跳过它。

如何做到这一点取决于你的商店的位置和配置,所以我不能为每个变体提供一个特定的教程。不过,我将介绍重点内容,以便您大致了解需要做什么。

一个好的起点就是去WooCommerce→Home在你的仪表盘中,你会看到一个清单:

WooCommerce设置检查表

让我们检查一下关键设置。

支付

设置付款最简单的方法是使用官方WooCommerce支付service(基于Stripe)。如果您将其安装为安装过程的一部分,那么您所需要做的就是单击使用WooCommerce付款选项启动安装向导。

如果你想配置一个不同的网关或直接使用Stripe,你可以去WooCommerce→设置→支付

如何为你的WordPress电子商务商店设置支付

如果需要,您还可以安装其他第三方支付网关插件,如果您想使用某个本地支付网关,这将很有帮助。

运费

大多数商店在WooCommerce上发货主要有两种方式:

  1. 利率可调型运输—您可以输入一组发送规则。例如,1磅以下的包裹售价5美元,1-5磅之间的包裹售价10美元,5磅以上的包裹售价15美元。
  2. 实时率—您可以根据每个订单的实际尺寸计算实时运费。您可以与美国邮政、UPS、联邦快递和其他公司集成。

WooCommerce有自己的运输规则的内置特性.但是,您可能需要一个单独的发货插件,因为内置功能不支持表费率和实时费率。188bet网页版

如果您想了解内置的发送设置,可以转到WooCommerce→设置→发货

首先,你要定义发货区,是一个或多个地理区域的分组。例如,你可能有一个美国大陆的区域:

增加航运区域

一旦您创建了一个区域,您就可以添加运输方法对于该区域,它将只对所选地理区域之一的客户可见。

有三种选择:

  1. 平率
  2. 免费送货
  3. 当地皮卡
添加WooCommerce运输方法

添加方法之后,可以输入它的成本。

然而,内置的运输功能不允许您根据包裹的重量/尺寸来更改成本,这就是为什么您可能需要一个表费率运输插件或实时费率插件。

您也可以考虑一个完整的订单履行服务,如ShipStationTrackShip

最后要考虑的主要设置领域是商店的税收。在许多司法管辖区,你需要向你的客户收取某种类型的销售税或增值税。

为了简单起见,您可能需要在这里使用一个插件。流行的选择是WooCommerce税而且Avalara

使用税务插件

WooCommerce也有一个手动纳税选项,但它试图隐藏它,因为它很复杂。要启用手动征税,您需要单击设立税收选项,然后选择手动选项。

一旦你这样做,你会得到一个新的设置区域在WooCommerce→设置→税收

手工税率

添加手工税的最快方法是导入一个CSV的税收规则。例如,您可以花29美元购买定期更新的美国税收规则CSV来自此网站

其他设置

虽然支付、运输和税收是WooCommerce商店最重要的设置,但它们是从你唯一能控制的事情中。因此,我强烈推荐在WooCommerce设置区域探索其他选项。

对于许多设置,您完全可以将它们保留为默认值。

然而,您可能会发现一些您认为最好调整的设置。

例如,如果你去WooCommerce→设置→邮件,您可以自定义您的商店发送给顾客和管理员的电子邮件的内容,例如购物者下订单后收到的电子邮件:

WooCommerce电子邮件设置

6.安装插件以添加更多功能

在WordPress电子商务中使用WooCommerce最好的一点是它有大量的官方和第三方插件库,你可以使用它们来扩展WooCommerce。

你的商店会绝对依靠插件来添加关键功能。我认为没有一家商店没有至少一些WooCommerce插件。

注意,WooCommerce插件只是普通的WordPress插件。为了简单起见,我只称它们为“WooCommerce插件”,但你可以像安装其他WordPress插件一样安装它们。

在前一节中我已经谈到了插件。您通常希望使用插件来设置商店的支付网关、运输规则和税率。

然而,你也可以找到成千上万的其他插件来帮助你的商店的所有领域,包括以下:

  • 更有效地营销你的商店
  • 为购物者添加有用的功能,如愿望列表或仪表盘内订单跟踪
  • 改进商店的管理流程,以更有效地管理一切
  • 对商店的设计有更多的控制权
  • 等。

我不推荐所有商店都使用一套插件,因为变量太多了。这里的关键细节是你不应该害怕使用插件来扩展WooCommerce,因为所有WooCommerce商店依赖插件——通常有几十个插件。

那么,如何为你的WooCommerce商店找到最好的插件呢?

首先,看看我收藏的118金博宝app 为不同的用例,包括产品搜索、过滤、愿望列表、订单管理、销售漏斗和其他基本的电子商务功能。

除此之外,你可以尝试浏览以下流行的插件市场:

  • WordPress.org有数千个带有WooCommerce标签的免费插件。
  • 官方的WooCommerce扩展商店列出了免费和付费插件,包括官方扩展以及来自第三方开发者的扩展。
  • CodeCanyon在WooCommerce类别中有超过1400个付费插件。

我建议从搜索您需要的特定功能开始这个过程。然后,阅读评论,检查开发者的声誉,就像你安装任何其他WordPress插件一样。

因为这些插件可能会影响您的商店的安全和功能,所以我建议只安装来自有信誉的开发人员的插件。

7.优化你的商店的性能

此时,您应该拥有一个功能齐全的电子商务商店,可以开始接待客户。

然而,如果你想让你的商店获得成功,它是至关重要的你优化它,让它能快速加载。

你的商店加载速度将影响一系列不同的领域,包括以下内容:

  • 转化率
  • 搜索引擎排名
  • 用户体验
  • 反弹率

不要担心——如果您按照本指南进行了操作,那么您已经接近拥有一个快速加载商店了,因为您正在使用一个118bet.net金博宝app 以及性能优化的托管(Cloudways或您首选的主机)。

对于覆盖其余重要优化策略的最简单方法,您可以使用WP火箭插件。虽然WP Rocket是一个高级插件,但我认为它值得投资(我的评论),因为它提供了最简单的方式来加快你的商店。

要学习如何使用它,你可以跟随我的教程如何用WP Rocket和Botiga加速WooCommerce.在该指南中,我在启用各种优化特性后运行实际的速度测试,以便您可以看到它们对站点性能的影响。

今天就创建你的WordPress电子商务商店!

恭喜你!你刚刚学习了如何用WordPress创建一个电子商务网站,我希望你能够尽可能轻松地完成它。

如果您遵循了本指南中的所有步骤,那么您现在应该拥有一个功能齐全的商店,可以开始接受客户的订单了。一旦你开始收到订单,这些细节将显示在你的WordPress仪表板的WooCommerce区域,你也会收到电子邮件通知。

或者,如果你还在做一个WordPress电子商务商店的计划阶段,你至少知道当你开始构建的时候会发生什么。一旦你准备好启动你的商店,你可以回到这个指南。

关于如何做一个WordPress电子商务网站,你还有什么问题吗?请在评论中告诉我们!

分享本文:
脸谱网 推特

留言回复

您的电邮地址将不会公布。

Baidu
map