互联网技术 · 2023年11月28日 0

创建WooCommerce网站的指南

创建WooCommerce网站的指南

Astra是一个轻量级且高度可定制的WordPress主题,旨在帮助外贸用户快速建立各行业的企业或电子商务网站。本文将指导您如何使用Astra安装一个WooCommerce网站。

第一步:搭建和安装一个WordPress网站。

关于如何自建网站的教程,我在建站笔记中已经分享了很多。如果您是外贸用户,可以直接按照SiteGround的指导购买服务并安装WordPress。在此不再赘述这部分内容。

第二步:安装Astra主题

Astra主题分为免费版和Pro版。免费版提供了一些基本的自定义选项,而Astra Pro则拥有更多丰富的功能,特别是针对WooCommerce添加了许多特性。

您可以点击以下按钮了解Astra在WooCommerce方面的特性。

了解Astra WooCommerce特性

购买Astra Pro后,您将获得Astra的安装包和Pro插件。请分别将它们上传到网站的主题和插件部分进行安装。

2.1 安装主题

您可以通过后台直接搜索Astra进行安装,或者手动上传主题包。购买Pro后还会附带一个子主题,启用子主题后,子主题中的内容修改不会影响Astra未来版本的更新。

2.2 安装插件

主题安装完成后,仍需安装配套的Pro插件和高级演示导入插件。安装方法是通过后台插件页面上传并启用插件,然后输入购买的序列号进行激活。

第三步:导入演示数据

两个插件激活后,您可以进入Starter Templates选择一个页面构建器。Astra默认支持四款热门页面构建器,其中用户量最多的是Elementor,而Gutenberg作为WordPress的默认编辑器,长远来看也是一个不错的选择。

在此,我选择了Elementor进行演示。选择后会出现多个demo,您可以在eCommerce类别下找到相关的网站demo。

需要注意的是,这些eCommerce的demo只是Astra默认设计的样式,如果您懂得CSS代码和Astra的自定义功能,可以使用任意demo来安装WooCommerce网站。

点击您感兴趣的演示进行导入,右上角标有AGENCY的演示只能由购买了代理套餐的用户导入。

选择导入按钮后,出现的界面直接点击import即可,Astra会自动导入主题自带的自定义数据、小工具、必要插件和内容。如果您之前导入过其他演示数据,可以勾选Delete Previously Imported Site以删除已导入的数据。

第四步:修改网站内容和布局

导入完成后,访问网站前台,您将看到安装并导入了Astra官方演示模板的网站界面。接下来,您可以开始修改成自己想要的样子。

点击顶部的使用Elementor编辑,Elementor是一个可视化的页面构建器,您可以直接点击想要修改的部分。

修改完成后,点击更新按钮,即可查看网站修改后的效果。同时,点击顶部的自定义按钮,除了对Astra的页面布局样式进行修改外,还可以单独调整WooCommerce页面的设置。

例如,您可以设置产品目录显示的产品数量和每列展示的产品数,决定显示哪些标签,点击眼睛图标开启或关闭。

进入Astra选项并激活WooCommerce的功能后,再次点击自定义界面进行查看。您将看到多了促销显示的设置,可以选择显示为促销按钮或具体的促销金额,也可以调整显示样式。

此外,您还可以设置是否显示购物车金额。在产品目录的设置中,也增加了布局和样式的选项。具体的产品页面也支持显示设置。这些功能都无需编写代码,您可以直接进行设置。

总结

通过以上步骤,您可以快速使用Astra搭建一个WooCommerce在线商城网站。同时,Astra对Google SEO友好,内置结构化数据,帮助搜索引擎更好地理解您的网站,从而提升网站排名。

此外,Astra提供丰富的自定义选项,让您无需修改代码即可实现主题的各种功能和效果。虽然Astra有免费版,但对于不熟悉技术的外贸朋友们,建议选择付费的Pro版本,因为它提供更多功能,并附带一对一的客户服务支持。

立即购买Astra Pro

查看更多Astra教程

查看WooCommerce设置教程

[[[IMG_1]]]

[[[IMG_2]]]

[[[IMG_3]]]