店面是什么?

在您的Adobe Commerce或Magento Open Source实施中,店面是您的商店中面向公众的外部部分。 它提供客户用于购物和购买的内容和功能组件。

客户进行销售的路径有时称为​ 购买路径,您的店面包括供客户完成此路径的组件。 以下部分概述了提供战略价值的基本页面类型,即客户在商店购物时通常会访问的位置。 在回顾这些功能时,请考虑可在客户历程的每个阶段使用的不同商店功能。

Commerce店面

通过推出由Edge Delivery Services 提供支持的 Commerce店面,Adobe提供了高性能、可扩展且可靠的店面,该店面利用尖端技术提供卓越的速度和用户体验。

  • 增强的性能:在Edge Delivery Services上托管店面可确保更快的加载时间和改进的网站性能,从而带来更高的转化率和更好的SEO排名。

  • 可扩展性:体系结构支持无缝扩展,以便在不影响性能的情况下处理增加的流量和更大的产品目录。

  • 灵活性:店面高度可自定义,允许企业根据独特需求定制购物体验。

  • 改进的用户体验:高级缓存、实时更新和个性化内容投放等功能,有助于提供更顺畅、更吸引人的购物体验。

主要功能

由Edge Delivery Services提供支持的Commerce店面提供了多项对商家和开发人员都有利的关键功能。 这些功能使企业能够创造引人入胜的购物体验,同时保持灵活性,以根据自己的需求定制和扩展店面。

有关设置和优化Commerce店面的更多详细信息和指导,请参阅Adobe Commerce店面文档

商家

由Edge Delivery Services提供支持的Commerce Storefront提供了基于文档的直观创作体验,使商家能够轻松创建和管理内容。 使用熟悉的工具(如Microsoft Word或Google Docs),商家可以创建丰富的内容,同时保持版本控制并与团队成员协作。

  • 简化的内容创建:使用熟悉的基于文档的创作工具(如Microsoft Word或Google Docs)创建和编辑内容。

  • 实时预览:在发布之前通过实时预览功能立即查看更改。

  • 版本控制:跟踪内容更改并轻松回滚到以前的版本。

  • 协作工作流:多个团队成员可以使用内置审核流程同时处理内容。

  • 内容重用:创建可跨多个页面重用的内容块以保持一致性。

开发人员

Headless实施使开发人员能够将前端展示层与后端商务功能分离,从而允许使用现代技术构建的灵活自定义店面,同时利用Commerce强大的后端服务。

  • API优先架构:在利用Commerce后端服务的同时,使用现代框架构建自定义前端体验。

  • 可组合组件:创建并部署可组合到不同页面布局的模块化、可重用的组件。

  • 可扩展平台:通过API和Webhook添加自定义功能,而无需修改核心代码。

  • 现代开发工具:使用行业标准开发工具和工作流程加快实施和部署。

NOTE
虽然Commerce店面具有众多优势,但Adobe仍继续支持基于Luma的原始店面。 目前使用Luma的企业可以在不中断的情况下继续运营,并可以选择按照自己的速度转移到新店面。 此页面上的其他部分基于Luma示例。

主页

您知道吗,大多数人在决定留下来或前往其他位置之前,只会在页面上停留几秒钟? 给人留下印象用不了多久。 研究表明,人们也喜欢照片,尤其是其他人的照片。 无论您选择哪种设计,主页上的所有内容都应当让访客沿着销售过程的下一步前进。 他们的想法是从一个兴趣点到另一个兴趣点引导他们的注意力。

店面主页示例 {width="700"}

目录页面

目录页面列表通常具有小型产品图像和简要说明,并且可以通过列表或网格进行格式化。 您可以添加块、视频和富含关键词的描述,还可以为促销或季节创建特殊设计。 您可以创建一个特殊类别,以展示由不同类别的产品组成的精选系列中的某个生活方式或品牌。

最初的产品描述通常为购物者提供了足够的信息,值得更仔细地观察。 知道自己需要什么的人可以将产品添加到购物车中并离开。 在登录到帐户期间购物的客户可享受个性化的购物体验。

店面上的 收藏集页面 {width="700"}

搜索结果

您知道吗?使用搜索功能的人购买产品的可能性几乎是仅依赖导航功能的人的两倍。 您可能会认为这些购物者是​ 预获资格

使用Adobe Commerce的Live Search,您的商店可提供快速、超级相关且直观的搜索体验,可供Adobe Commerce免费使用。

实时搜索示例 — 键入时搜索 {width="700"}

标准目录搜索

使用标准目录搜索,您的商店在右上角包括一个搜索框,并在页脚中包含一个指向高级搜索的链接。 购物者提交的所有搜索词都会被保存,这样您就可以准确地看到他们要查找的内容。 您可以提供建议,并输入同义词和常见拼写错误。 然后,在输入搜索词时显示特定页面。

标准目录搜索结果示例 {width="700"}

产品页面

产品页面有很多工作要做! 在产品页面上吸引您眼球的第一件事情是带有高分辨率缩放和缩略图库的主图像。 除了价格和可用性之外,还有一个选项卡部分,其中包含更多信息和相关产品的列表。

店面产品页面示例 {width="700"}

购物车

购物车显示订单总计,包括任何折扣券、预计运费和税金。 这些功能使其成为展示信任徽章和印章的绝佳场所。 您还可以将购物车页面用作一个最终优惠的机会。 例如,您可以设置交叉销售项目,当购物车中有特定产品时,这些项目会显示为冲量购买选项。

店面购物车页面示例 {width="700"}

签出页面

结账过程包括两个步骤:

  1. 配送信息

    结账流程的第一步是让客户填写送货地址信息,并选择送货方式。 如果客户有帐户,则系统会自动输入送货地址,但如有需要,可以更改送货地址。
    如果访客客户输入的电子邮件地址被识别为先前已注册,则当存储配置中的Enable Guest Checkout Login字段设置为Yes时,将显示登录提示(请参阅​ 配置参考指南 ​中的Checkout Options)。 但是,此设置可能会向未经身份验证的用户公开客户信息。

    示例storefront结帐页面 {width="700"}

  2. 复查和付款信息

    结帐流程的第二个步骤是,客户选择付款方法并选择应用折扣代码。

    note note
    NOTE
    虽然Commerce允许配置多个优惠券代码,但客户只能向购物车应用一个优惠券代码。 (有关详细信息,请参阅优惠券代码。)

    示例storefront结帐页面 {width="700"}

页面顶部的进度栏跟踪结帐流程的每个步骤,订单摘要 ​显示截至此阶段输入的信息。

NOTE
两步结账的例外情况适用于虚拟和/或可下载的产品。 如果购物车中只有这些类型的产品,则结帐会自动转换为单步过程,因为不需要提供送货信息。
recommendation-more-help
31746fd0-1ead-45b5-9192-1aaf582c5f66