美文网首页WordPress博客互联网科技
怎样创建一个WooCommerce在线商店(超详细电子商务网站教

怎样创建一个WooCommerce在线商店(超详细电子商务网站教

作者: b062c0d32d52 | 来源:发表于2019-08-06 15:07 被阅读2次

    在这篇教程中,我将教你如何设置一个精美的 WooCommerce 在线商店。文章结束之后,你的电子商务网站看起来应该与下面的图像类似:

    WooCommerce是什么

    简单来说,WooCommerce 是迄今为止最受欢迎的 WordPress 电子商务插件,互联网上所有的在线商店中,有 21% 是采用 WooCommerce 构建的。

    如果你还没有 WordPress 网站,请先按照这篇教程创建一个,整个过程非常容易。

    • 从技术上讲,WooCommerce 是一个 WordPress 插件,与任何其他插件一样,需要安装和激活才能运行;

    • 它是免费和开源的,你不需要任何许可证,也不必支付任何费用;

    • 它是最受欢迎,也是功能最丰富的 WordPress 电子商务插件;

    • 配置过程非常简单,通常只需一个小时就能完成;

    • 它适用于 WordPress 网站上的任何主题,你不需要放弃当前的网站设计。

    我可以将上面的列表继续加长,但最重要的是,为了使用 WordPress 构建高质量的电子商务网站,WooCommerce 几乎为你提供了所需的一切。

    WooCommerce可以用来卖什么

    答案有很多,例如:

    • 数字产品,软件、下载、电子书等等

    • 实物产品

    • 在线或线下服务

    • 在线预订

    • 订阅服务

    • 其他人的产品 —— 作为联盟营销人员

    • 你能想到的其他产品

    换句话说,你可以通过网站来赚钱。WooCommerce 允许你出售任何可以分配价格的东西,任何人都可以免费使用。

    启动 WooCommerce 商店的5个步骤

    1、创建一个 WordPress 网站

    2、安装 WooCommerce 插件

    3、添加产品

    4、选择主题

    5、扩展功能

    1、创建一个WordPress网站

    前文已经说过,WooCommerce 是 WordPress 的一个插件,所以为了创建成功的在线商店,你首先需要拥有一个 WordPress 网站。不要担心,创建 WordPress 网站非常容易,这篇教程将一步一步指导你完成整个过程:

    Hostwinds云主机限时五折优惠链接

    怎样快速搭建一个WordPress网站

    怎样在阿里云搭建一个WordPress网站(超详细教程)

    2、安装WooCommerce插件

    与所有的插件一样,打开 Dashboard,导航到 PluginsInstall New 菜单,在搜索字段中输入 WooCommerce,你会看到 WooCommerce 是第一个搜索结果:

    只需点击插件旁边的 Install Now 按钮即可,几秒钟后,按钮上的文字将变为 Active,继续点击。

    在这个阶段,你将看到 WooCommerce 的设置向导,它可以帮助你完成所有事情。在线商店是一种特殊的网站,需要一些特定页面才能正常运行,WooCommerce 向导的第一步就是为你创建这些页面:

    • Shop:这是用于展示产品的页面

    • Cart:这是购物车,客户可以在结帐前调整订单

    • Checkout:这是客户选择收货方式,并完成结账的地方

    • My Account:一种针对注册客户的页面,他们可以在这里查看订单,并管理其他的详细信息

    2.1、商店设置

    你将在这里设置商店的区域位置,通过几个参数定义你的业务来源:

    完成后,点击 Let’s go! 按钮。

    2.2、付款方式

    能够接受在线付款是任何电子商务网站的核心,WooCommerce 提供了很多可用的解决方案,最初只向你提供两种:

    最受欢迎的 PayPal 位于顶部,下面是可用的线下支付选项,你可以根据自身需要勾选相应的复选框即可。当然,你还可以选择其他更丰富的付款方式(例如 Stripe 和 Square),WooCommerce 设置面板中的更多选项将在稍后提供。

    注意:要使在线支付正常运行,你需要单独注册 Stripe 或 Square,WooCommerce 中的设置仅允许将你现有的 PayPal 或 Stripe 账户与电子商务网站进行集成。

    完成后,点击 Continue 按钮进入下一步。

    3.3、官方推荐

    这里是 WooCommerce 推荐的主题和插件:

    • Storefront 是 WooCommerce 的官方主题,默认版本是免费的,基本上可以满足一个新商店的建设需求;

    • MailChimp 是一个订阅插件,客户提交电子邮件并订阅你的网站新闻,然后你可以向他们推送各种信息。

    我建议你全部勾选,然后继续点击 Continue 按钮。

    2.4、Jetpack

    Jetpack 是使用人数最多的 SEO 插件之一,但大部分都是被捆绑安装的,这款插件过于庞大和臃肿,我建议你跳过这一步,点击屏幕底部的 Skip this step 链接:

    2.5、一切就绪

    终于到了最后一步,你的网站设置已经完成,现在拥有一个空白的电子商务网站:

    点击左下角的 Visit Dashboard 按钮返回到后台,接下来我们开始添加产品。

    3、添加商品

    为了使商店能够正常运营,你需要添加一些商品(或服务、下载,以及任何其他你想出售的东西)。

    转到 Dashboard,然后点击菜单 ProductsAdd New 。页面上方可能会有一些提示消息,我们先不予理会,主要关注下方的内容编辑模块:

    下面是每个部分的说明:

    1、产品名称。

    2、产品说明:在这里录入详细的产品信息,除了文本之外,还可以放置图像、表格、视频,以及其他你能想到的媒体。

    3、产品数据:在这里设置要添加的产品类型,物理还是数字产品,另外还能添加各种参数:

    • General:设置正常价格和促销价格

    • Inventory:设置库存信息

    • Shipping:设置重量、尺寸和运输成本

    • Linked Products:非常适合设置追加销售和交叉销售,例如:购买此产品的客户也购买了…

    • Attributes:设置自定义属性,例如衣服的颜色和尺码

    • Advanced:其他设置,不是必需的。

    4、简短说明:这是显示在产品名称下面的文本,最适合作为产品的简短摘要。

    5、产品类别:将类似的产品作为一个类别,例如上衣、裤子、鞋子等等。

    6、产品标签:另一种帮助你组织产品的方法,例如潮流时尚、青春靓丽。

    7、产品图片:产品的主图。

    8、产品图库:产品的其他图片,一般用于轮播展示。

    完成上述所有操作之后,点击页面右侧蓝色的 Publish 按钮,你的第一个产品就添加完成了。接下来,按照上述步骤添加其他的产品,然后点击菜单 ProductsAll Products,页面看起来应该是这样的:

    4、选择主题

    如果数据库中没有任何产品,那你无法直观地查看商店的各个页面,也无法确保一切正常。按照上述步骤,现在你应该添加了大部分产品,接下来我们从纯粹的视觉角度谈谈优化策略。

    WooCommerce vs. 你当前的主题

    默认情况下,WooCommerce 适用于任何 WordPress 主题。这是一个好消息,特别是如果你已经选择了自己的设计,并打算一直坚持下去。或者,你可以使用 WooCommerce 优化的主题,它们带有预设的样式,使所有页面元素看起来都很棒。

    这是我的建议:

    • 如果你已经拥有一个独一无二的 WordPress 主题,那就继续使用,只需确保它在 WooCommerce 上看起来不错;

    • 如果没有,那就挑选一个专为 WooCommerce 优化的新主题。

    官方的 WooCommerce 主题称为 Storefront,默认版本是免费的,足以支撑你的现有业务。

    或者,你可以访问 ThemeForest 的电子商务部分,这是网上最高级的 WordPress 主题目录。、

    不管是使用当前主题,还是专为WooCommerce优化的主题,你需要做的就是确保各个页面看起来不错。

    电子商务网站的设计规则

    在进入细节之前,我们先讨论一些重要准则,主要是:什么让电子商务网站的设计变得更好?

    下面是最重要的参数:

    • 确保页面设计和功能足够清晰,不得以任何方式混淆,一个迷茫的访客不会购买任何东西;

    • 中心内容需要迅速吸引访客的注意,这个地方应该用于展示产品;

    • 侧边栏能够轻松调整,并且还要为某些页面完全禁用侧边栏;

    • 响应式和移动优化:研究表明,互联网上大约有 80% 的用户拥有智能手机;根据另一项研究, 61% 的移动访客会立即离开。如果你的移动浏览体验不好,就会失去这些潜在客户;

    • 良好的导航结构:你要提供一个清晰的菜单,以便访客能够找到他们正在寻找的任何页面。

    考虑到上述情况,你可以对各个页面执行一些针对性的操作:

    1、商店页面

    这是你的主要产品列表页面,页面地址应该类似于:https://www.xiaobei.com/shop/

    这是一个标准的 WordPress 页面,你可以通过 DashboardPages 进行编辑,现在需要做以下事情:

    • 继续添加其他产品,鼓励访客在网站上购物;

    • 决定是否要在页面上添加侧边栏,这是通过主题的页面模板完成的,但需要购买 Storefront Powerpack 扩展,包含大量丰富的功能,例如页面布局、色彩调整,以及多种风格等等。你现在可以不必购买。

    在 Storefront 主题中,你的商店页面看起来应该像这样:

    正如你所看到的,漂亮的产品图像是关键,这是你应该做好的第一件事情。

    2、单个产品页面

    要查看这些内容,请点击商店页面中的任意一个产品。

    如果你使用的是高质量主题,那么应该不会在这里遇到任何困难。基本上,你唯一能做的就是调整产品描述,以确保所有内容都符合视觉效果。

    3、购物车

    另一个可以通过 DashboardPages 调整的关键页面,除了结账功能之外,你不应该在这里为买家提供太多的其他选项。

    在产品页面中,将其添加到购物车里面,然后购物车页面看起来应该是这样的:

    4、结账

    这是买家完成订单并付款的地方,你不应该对此进行任何调整:

    在这个阶段,你基本上已经调整好了商店设计,接下来我们看看扩展功能。

    5、扩展功能

    WooCommerce 如此受欢迎的另一个重要原因,就是你可以获得数百个可用的扩展和插件,我们已经精选出了一些最好的组件,你可以立即开始使用:

    WooCommerce官方插件

    Payment:这些插件允许你在标准的 PayPal 之上接受更多付款方式;

    Shipping:自动与 UPS 或 FedEx 等公司的官方运费相整合;

    Accounting:将你的 WooCommerce 商店与财务工具相集成;

    WooCommerce Bookings:允许客户预订服务;

    WooCommerce Subscriptions:客户订购你的产品或服务,并且每周、每月或每年支付费用;

    EU VAT Number:适合在欧盟开展业务的卖家;

    TaxJar:自动处理销售税。

    第三方插件

    Yoast SEO:改善整个网站的 SEO;

    Yoast WooCommerce SEO:改善电子商务领域的 SEO;

    WooCommerce Multilingual.:运行一个多语言的 WooCommerce 网站;

    Contact Form 7:让访客直接与你联系;

    UpdraftPlus:备份网站的所有内容,包括产品和其他数据;

    Social Share Buttons by GetSocial:让买家通过社交媒体分享你的产品;

    MonsterInsights:将你的网站与 Google Analytics 集成;

    iThemes Security:增加网站的安全性;

    W3 Total Cache:通过缓存加速你的网站;

    总结

    正如你所看到的,使用 WordPress 创建自己的电子商务网站并不困难。对于新手而言,通常最多只需一两个下午就能完成上述所有步骤。

    要是放在几年前,你可能需要雇佣几名开发人员,并且花费数万元才能获得类似的东西,但现在你可以自己掌控一切!初期成本甚至不超过 $10。

    最后,为了帮助你完成所有任务,这里有一份完整的执行清单:

    在开始之前

    • 创建一个 WordPress 网站

    安装WooCommerce

    • 安装并激活 WooCommerce 插件

    • 完成 WooCommerce 设置向导

    商品

    • 将大部分(或全部)商品添加到商店里面

    设计

    • 选择正确的 WordPress 主题

    • 调整商店页面

    • 调整单个产品页面

    • 调整购物车页面

    • 调整结账页面

    扩展

    • 安装需要使用的支付网关

    • 考虑一些物流扩展

    • 考虑财务扩展

    • 浏览其他扩展程序

    插件

    • Yoast SEO

    • Yoast WooCommerce SEO

    • WooCommerce Multilingual

    • Contact Form 7

    • UpdraftPlus

    • Social Share Buttons by GetSocial

    • MonsterInsights

    • iThemes Security

    • W3 Total Cache

    准备好创建 WooCommerce 电子商务网站吗?我们推荐使用 Hostwinds,这是我们见过的最快的 WordPress 托管商,只需要点击几个按钮,你就可以在几分钟内部署好一个全新的 WooCommerce 在线商店。Hostwinds限时五折优惠链接

    你可能会喜欢: Hostwinds详细评测

    相关文章

      网友评论

        本文标题:怎样创建一个WooCommerce在线商店(超详细电子商务网站教

        本文链接:https://www.haomeiwen.com/subject/eltwdctx.html