修改WooCommerce默认模板页面图文教程

修改WooCommerce默认模板页面图文教程插图

如果你有一个WordPress网站且面向于国外访客或者是做跨境电商外贸站点的话,很有可能你已经安装了WooCommerce。如果没有,那么你很有可能已经考虑或正在考虑。我们理解要学习整个电子商务平台的前景可能是令人生畏的,但值得庆幸的是,WooCommerce是一个易于学习的平台。它的大部分基本功能可以通过学习设置时安装的默认页面和它们的工作原理来了解。

原文链接:修改WooCommerce默认模板页面图文教程

刚开始学习 WooCommerce 的时候,想改页面的一个设置都不知道怎么办,因为需要改动默认页面模板,如何改动默认页面模板呢,下面搬主题分享一下修改的教程。

1. Shop

修改WooCommerce默认模板页面图文教程插图1

shop也许是WooCommerce最重要的默认页面,你的客户将在这里看到你所销售的各种产品。这是它唯一的功能就是展示产品。安装时,WooCommerce为商店设置了URL https://example.com/shop。虽然WooCoomerce的大部分内容都是通过使用简码来显示的,但商店页面却不是这样。

需要注意的是,当你在编辑这个页面和其他默认的WooCommerce页面时,它们不包括造型选项。要定制这些页面,你需要直接编辑它们的CSS,或者使用一个提供造型选项的主题或插件。我们自己的旗舰产品Divi主题,对任何使用WooCommerce的人来说都是一个非常强大的设计工具。如果你不想要一个单一的商店页面来显示所有的东西(如果你有一个大的商店,这可能是无法管理的),你总是可以创建产品分类页面,只显示某些种类的产品,而Divi主题生成器

此外,你可以使用Divi以多种方式彻底改造WooCommerce的外观,创建一个全站的WooCommerce模板,以更吸引人的方式显示产品。除此之外,Divi的WooCommerce模块还包括许多自定义选项,包括一个商店模块,你可以与主题生成器一起使用,创造一些奇妙的效果。

2. Cart

修改WooCommerce默认模板页面图文教程插图2

默认情况下,WooCommerce为您的网站创建了https://example.com/cart URL。在这里面,购物车页面的内容只是短码[woocommerce_cart]。该页面本身包含一些有价值的信息点。它包括待购商品的列表和它们的数量,优惠券代码字段,以及小计、总数和继续结账按钮。

同样,默认的WooCommerce购物车页面在自定义CSS代码之外是不可编辑的。一些第三方软件允许你这样做。此外,通过短码呈现的购物车为你提供了许多关于显示购物车位置的选择。你可以通过Block Editor的Shortcode Block轻松地显示它。你可以使用Divi主题生成器将其作为商店的页脚或任何页面模板的一部分。虽然传统上,购物车是一个独立的页面,但你可以利用短码的灵活性来消除用户与最终购买之间的摩擦。

3. Checkout

修改WooCommerce默认模板页面图文教程插图3

与其他默认的WooCommerce页面一样,结账页面(https://example.com/checkout)也是通过短码渲染其内容 [woocommerce_checkout] 我们要注意的是,WooCommerce在安装时只包括PayPal作为支付网关。然而,你可以通过插件和扩展添加其他的,使你的商店对访客更有吸引力。Stripe和Square以及其他主要的支付网关都可以使用,安装后将显示在结账页面。

此外,WooCommerce已经发布了自己的支付网关,称为WooCommerce Payments,你可以作为一个单独的插件安装。由于国际财务准则可能很严格,某些处理器如PayPal可能无法在所有国家使用。与其失去国际销售,你可以使用WooCommerce Payments作为网关。

您选择的任何支付处理器和网关都会出现在结账页面,使您的客户可以轻松决定如何完成购买。结账页面使用默认的网站风格,但你可以使用自定义CSS或第三方软件来定制它。

另外,你可以在结账页面添加任何你想要的内容,比如追加销售和相关产品(这两者都包含在Divi WooCommerce模块包中),以进一步吸引你的客户。你只需要编辑包含短码的页面,并在你想要的地方附加额外的内容。

4. My Account

修改WooCommerce默认模板页面图文教程插图4

通过[woocommerce_my_account]短码,”我的账户”页面成为了客户的一个中心。很像其他WooCommerce的默认页面,你可以在https://example.com/my-account。

它不仅允许他们调整他们的WordPress特定的细节,如显示名称、电子邮件地址和密码,”我的账户 “页面让他们能够完全访问他们与您的网站和商店互动的精细细节。地址端点让他们调整他们的运输和账单地址,使未来的购买更容易。订单选项让用户看到他们所做的任何完成的(和取消的)订单。如果你经营的是一家经营数字商品的商店,下载链接将把用户带到他们的许可证密钥和他们购买的任何文件的链接,这些文件已经授予他们访问权。

与其他WooCommerce默认页面一样,”我的账户”页面几乎没有提供任何定制功能。基本的WooCommerce插件是关于功能而不是风格的,和其他页面一样,你可以使用第三方软件如Divi来为我的账户页面添加一些功能。做一些诸如在订单或下载终端添加相关产品或追加销售的事情,可以大大增加你的参与度和转化率。

5.最后总结

WooCommerce是目前最强大的WordPress工具之一。但强大的功能不一定是复杂的。WooCommerce的默认页面是简单明了的。通过了解它们中的每一个如何出现在你的网站上(以及它们中的每一个如何被定制和适应你的需求),你可以成为你的利基市场中的大亨。通过依赖短代码,WooCommerce允许第三方开发者对其功能进行飞跃性的扩展。当你看一下你的网站的默认页面,看看你的用户是如何与之互动的,你可以增加销售,参与,并创造一个用户体验,让他们不断地回来,一次又一次。

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《修改WooCommerce默认模板页面图文教程》
文章链接:https://www.shopee6.com/web/web-tutorial/woocommerce-default-pages-html.html
分享到: 生成海报

热门文章

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活