首页 » wpastra » updates » 推出 Astra 3.9:打造终极购物体验

推出 Astra 3.9:打造终极购物体验

是什么让你肾上腺素飙升?是蹦极、跳伞、冲浪还是峡谷漂流?对我们来说,它为您带来世界一流的 WordPress 产品和更新。🙂

其中一项更新是我们最新的 Astra 3.9 版本。

我们很高兴与您分享这一最新更新,并迫不及待地想告诉您这将如何改变我们的 WordPress 和 WooCommerce 用户的整个购物体验。

在过去的 6 个月里,我们敬业的团队一直在夜以继日地工作,并发布了一个我们都非常自豪的版本。

这些更新是什么?让我们潜入并找出答案!

我们做了什么

最新更新会影响您 WooCommerce 商店的各个方面。

从商店和产品页面到购物车和结帐页面,我们对商店的几乎每个元素都进行了重大改进。

让我们分别回顾每一页。

店铺页面

您可能已经使用了 Astra 商店页面附带的两种默认皮肤布局,网格和列表。虽然这两者工作得很好,但我们现在有了一个名为 Modern 的全新皮肤。

这是它的外观。

现代商店页面示例
Astra 3.9 现代皮肤商店页面
Astra 3.9 现代皮肤商店页面
Astra 3.9 产品弹出窗口

新的现代皮肤看起来很棒,并增强了整个购物体验。

当您将鼠标悬停在产品图片上时,“添加到购物车”和“快速查看”选项变为可用。这使客户无需导航到单个产品页面即可快速购买。

最好的一点是,它通过定制器中的大量选项提供了无限的定制可能性。

Astra 3.9 店铺布局设置

您可以轻松选择商店布局,甚至可以使用定制器中的内容宽度。

想为您的侧边栏选择特定样式?没问题!

Astra WooCommerce 侧边栏控件

只需拖放各种卡片元素即可个性化您的商店页面。

Astra 灵活的 WooCommerce 商店控制

就像 1-2-3 一样简单!

你喜欢粘性菜单吗?您知道,包含徽标的顶部菜单链接在您向下滚动时会粘在页面顶部吗?

我们的最新更新现在带有粘性边栏。

当您滚动浏览产品列表时,新的侧边栏会“粘在”页面的一侧。

您的客户现在可以应用必要的过滤器并轻松找到他们正在寻找的产品。

我们并没有就此止步。我们包括一个可折叠的过滤器功能,您可以根据您的要求启用或禁用它。

搜索产品、按库存状态过滤并使用可折叠过滤器执行更多操作。

产品页面

如果您想销售更多,产品页面需要自己说话。其中很大一部分是以尽可能最好的方式呈现高分辨率的产品图像。

这就是为什么我们设计了三个新的图片库选项来帮助您的产品图片脱颖而出。

Astra 单品图库控件
Astra 单品图库垂直滑块
Astra 单品图库水平滑块

使用图像展示产品的不同视图是一回事。确保您让客户轻松购买您的产品是另一回事。

为了使整个购买过程尽可能简单,我们引入了一个新的“粘性添加到购物车”功能。

Astra 粘性添加到购物车

当您滚动浏览产品描述页面时,此功能可确保您在底部有一个“添加到购物车”按钮。您可以从定制器轻松启用或禁用此功能。

在提高您的转化率方面,我们将不遗余力。

我们甚至在产品页面上添加了一些心理触发因素,例如支付图标和运输文本。

Astra 的产品页面支付图标
产品页面上的运输文本

您是否更喜欢在有序列表中阅读产品的主要亮点?我们已经为您服务了。

产品页面的附加功能

您现在可以在漂亮的图标列表中显示最重要的亮点。

我们还修饰了您的产品描述的外观。

Astra WooCommerce 产品描述
Astra WooCommerce 分布式布局

我们一直致力于改进此 Astra 3.9 版本中的许多元素。另一个得到发展的领域是产品数量选择器。

默认产品数量选择器的设计不是特别好。它在移动设备上看起来也不是很好。

Astra WooCommerce 现代数量 UI

我们在这两个方面都进行了研究,结果是一个外观时尚的数量选择器,在每个屏幕尺寸上看起来都很棒。

你们提供有变化的产品吗?喜欢不同尺寸或颜色选择的产品?

Astra 3.9 也对产品变化进行了重大改进。

现在可以将产品变体显示为按钮,而不是下拉菜单。

Astra 产品变化更新

这不仅对 UX 非常有用,而且对移动设备也很友好。

购物车页面

接下来是购物车页面。我们在这里也做了一些新的改进。

从现代的新布局和实时数量调整到粘性购物车总数侧边栏和更改购物车按钮文本的选项,我们对用户体验进行了许多新的改进。

Astra WooCommerce 现代购物车

实时数量调整

粘性购物车总计侧边栏

更改购物车按钮文本

Astra 的 WooCommerce 购物车按钮设置

关闭帆布车

拥有一辆可以滑出并让您随时了解所购商品的购物车不是很好吗?好吧,这正是新的滑出式购物车功能所做的。

与单击购物车时弹出窗口不同,我们加入了一项新的滑出功能,可以展示您添加到购物车中的所有产品。

您可以从滑出式购物车更新您的购物车、查看购物车并继续付款。

这是可以增强购物体验的另一个功能。

结帐页面

结帐页面可能是整个购物车中最重要的页面。这是客户购买体验的成败。

您是否知道所有行业的平均购物车放弃率接近 70%?这意味着每 10 个客户中就有近 7 个没有完成购买。

Shopify 等竞争平台使用简单、优雅的结帐表格,但 WooCommerce 经常因其冗长且有些不直观的结帐表格而受到批评。

所以我们决定在 Astra 3.9 中解决这个问题。结果是惊人的!

欢迎现代结帐

Astra WooCommerce 现代结账

现代结账是一种全新的结账体验。它在各个方面都超过了默认的 WooCommerce 结帐。

  • 全新的现代外观和感觉
  • 更快、更顺畅的结账
  • 针对更高的转化进行了优化

Modern Checkout 可帮助您显着提升客户购物体验!

通过简单的切换,您可以将旧的结帐页面切换为美观直观的新页面。

一种鼓励客户通过结账更流畅地进行的体验。

Astra WooCommerce 结帐布局设置

现代结帐可让您设计结帐页面的每个元素。

您可以使采购流程更快、更轻松,并通过减少干扰来帮助增加收入。

Astra WooCommerce 现代结账示例
Astra WooCommerce 现代结账示例 2
Astra WooCommerce 两步结账

骨架装载机

我们已经加倍努力以确保您的 WooCommerce 商店的各个方面看起来都很棒。其中一个方面是默认加载程序。

开箱即用,WooCommerce 使用纺车作为看起来过时的装载机。为了与时俱进,我们将其重新设计为骨架加载器。

虽然这些可能是小的改进,但它们都加起来让您的结帐页面看起来更好!

单列结账

您可以轻松选择结帐页面的布局结构。

现代两列结帐布局

从选择默认或现代结帐布局到使用单列或两列,设计结帐页面从未如此简单。

我们也让自定义您的付款按钮变得非常容易。

自定义您的付款按钮

使用切换按钮轻松编辑按钮上的文本并启用按钮挂锁和价格。

我们还在您的结帐页面上加入了粘性订单审查。

结帐时的粘性订单审查

当客户填写他们的账单详情并向下滚动时,他们的订单详情会显示在页面上。这有助于客户在付款前查看他们的订单。

账号验证

另一个惊人的新功能是帐户验证。当您的客户开始输入他们的电子邮件地址时,它会检查该帐户是否存在。

如果是这样,密码字段将自动显示。如果没有,客户可以选中一个框,他们的结帐详细信息可用于创建新的用户帐户。

很酷,对吧?

以下是我们改进的一些附加功能:

持久结帐表单数据

我们正在利用最新浏览器提供的“持久存储”技术。

如果客户不小心关闭浏览器选项卡或刷新页面,这会保存客户在结帐表单中键入的详细信息。

客户将在表单中找到他们输入的数据,而无需重新输入。

两步结账

我们还对两步结帐布局进行了改进,使其更加可定制。

两步结账

谢谢页面

成功结帐后,客户将被定向到感谢页面。我们为这个页面赋予了优雅和现代的新面貌。

现代感谢页面

我的帐户页面

“我的帐户页面”是您在线商店的重要组成部分,是客户访问其所有详细信息的地方。从更新他们的账单细节到跟踪订单,这一切都可以在“我的帐户页面”上找到。

如果您销售数字产品,客户可以从他们的帐户区域登录并下载他们的产品。

所有这些都使帐户页面成为您商店不可或缺的一部分,并且必须同样吸引客户。

Astra 3.9 现在为帐户页面引入了完全现代的布局。

这是它的外观。

Astra 3.9 现代 WooCommerce 帐户页面
Astra 3.9 现代 WooCommerce 帐户页面 2

我们正在提供更多!

正如我们之前所说,我们喜欢提供出色的 WordPress 产品来帮助您扩展在线业务。我们构建了一些插件,我们认为每个 WooCommerce 网站都需要这些插件来提供卓越的用户体验。

这里是其中的一些。

变化样本

我们之前讨论了 WooCommerce 中的变体选项。当您想要创建产品变体(例如 T 恤颜色和尺寸)以及移动设备上的存储选项时,它特别有用。

然而,WooCommerce 使用普通的下拉菜单显示这些可变产品,就用户体验而言,这并不理想。

默认 WooCommerce 中的变化样本下拉选项

我们发现了几个插件可以解决此问题并以最佳方式显示产品变化。

然而,它们中的大多数都是臃肿、混乱和昂贵的。

我们在这里看到了一个机会,并决定推出我们自己的插件,该插件可定制、轻量级,最重要的是 100% 免费。

Astra 3.9 现代变体色板

继续尝试 WooCommerce插件的 Variation Swatches。

用于快速结账的 Stripe 支付网关

想增加增加销量的机会吗?结帐流程更顺畅!

我们的团队与CartFlows的朋友合作,构建了一个 Stripe 支付网关插件,以使支付过程更快、更直观。

该插件与 Astra 主题完全兼容,并为您的客户提供无缝的结账体验。

WooCommerce 的快速结帐
结帐页面上的快速结帐选项

几周前我们发布了这个插件,并且对它收集的牵引力感到惊喜。超过 50,000 个 WooCommerce 店主使用了这个插件,而且这个数字每天都在增长。

在此处了解有关 Stripe 支付网关插件的更多信息。

WooCommerce 购物车放弃插件

万一您错过了,您是否尝试过我们的WooCommerce 购物车放弃插件?

接近结账页面的客户中有近 70% 没有完成购买。我们的插件可帮助您免费自动恢复损失的收入。

该插件在结帐页面上捕获客户的电子邮件地址。如果客户在 15 分钟内没有完成购买,系统会自动触发一系列后续电子邮件。

这些电子邮件可以提醒客户完成购买、征求反馈意见,甚至提供折扣以诱使他们完成购买。

您可以完全控制发送这些电子邮件的时间间隔。

帮助挽回损失的销售和收入?我们绝对这么认为!

还有一件事!

如果您一直在使用我们的 Astra 主题,您就会知道我们几年前设计了定制器。已经有一段时间了,我们认为是时候让 Astra 定制器焕然一新了。

我们为我们的定制器制作了一个全新的风格指南,并对其进行了许多增强和改进。

不用说,这增强了使用定制器和设置网站时的体验!

我们还改进了颜色和排版面板。

Astra 3.9 彩色面板

颜色面板的整个界面已经过改造,以提供更清洁、更现代的外观。全局调色板部分中的调色板显示为弹出窗口,并且比我们的早期版本更加用户友好。

通过添加组和个人重置选项也增强了重置功能。

在排版部分,我们专注于提供更好的间距、分类和提供整体增强的用户体验。

Astra 3.9 排版面板

与我们早期的设计相比,排版下拉菜单和预定义的预设更加干净,更有条理。

我们不仅仅停留在颜色和排版部分。我们改进了其他面板的 UI,例如布局、页眉和页脚。

Astra 3.9 页眉页脚构建器布局更新

通过完全更新和增强的定制器,团队更专注于通过轻量级和令人印象深刻的 UI 来提高性能。

这仍在进行中,并将在接下来的几次更新中发布。

3 个新的高级入门模板

我们有更多好消息要告诉你。:)

我们在不断增长的库中添加了三个新的高级入门模板。

这些新模板内置了最好的 Astra 和 WooCommerce 功能,可以帮助您几乎立即启动在线商店。

新功能包括非画布购物车、新推出的用于商店页面布局的现代皮肤、简单的列表视图、用于商店页面的非画布商店过滤器和快速查看弹出窗口。

对于单个产品页面,我们使用了垂直滑块画廊布局、活动支付网关、免费送货标签、产品导航、粘性添加到购物车和粘性产品摘要,以及其他令人惊叹的功能。

此外,我们令人惊叹的新模板对其余页面使用现代皮肤,例如购物车、结帐、谢谢和我的帐户。

这是我们新模板的预览。

电动滑板车

电动滑板车新电子商务模板

如果您与电动滑板车打交道并希望为您的企业建立在线形象,这里有一个为您量身定制的网站模板。干净简约的设计拥有让您的业务快速启动和运行所需的一切。

凭借令人印象深刻的背景效果,以及包含“添加到购物车”CTA 和特色产​​品区域的重要英雄部分,此模板非常适合创建完美的购物体验。

伊内萨香水

Inessa 香水入门模板

优雅、优雅、时尚。这是您看到这个别致的网站设计时的第一印象。它非常适合销售各种香水。

在网站的英雄部分推广您最好的产品和优惠,包括您的畅销书,并在极具吸引力的网站模板上做更多事情。

eGrow 植物

eGrow 植物入门模板

想向全球观众销售植物?使用我们的高转化率和 WooCommerce-ready 网站模板快速轻松地建立您的在线商店。

干净简洁的设计为您的客户创造完美的购物体验。只需导入我们的模板并轻松定制它以满足您的要求。

交给你

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top