【问题标题】:WooCommerce: create an order by using a form on a static siteWooCommerce:使用静态网站上的表单创建订单
【发布时间】:2020-09-29 09:41:38
【问题描述】:

我有一个托管在静态网站上的产品登录页面(由于各种原因,我们无法在 WordPress 中创建它)。当用户点击此页面上的购买时,我想将用户重定向到 WooCommerce 结帐页面。

该页面由几个复选框和单选按钮组成,它们本质上是几个不同产品的选项。因此,当客户单击“购买”时,WooCommerce 购物车应该包含那些带有选定选项的产品。

我在 WooCommerce 中创建了这些产品。我查看了“添加到购物车”URL 功能。对于着陆页上所选选项的每个可能组合,此选项需要不同的 URL。

有没有办法让登陆页面的表单操作属性中只有一个 URL,并将所有信息发送到 WooCommerce?以及如何在 WooCommerce 中使用这些信息将这些产品添加到购物车?

【问题讨论】:

    标签: wordpress woocommerce


    【解决方案1】:

    您可以找到产品的产品 ID,并将着陆页上的按钮直接链接到您的 Woocommerce 商店本身。

    例子:

    您在https://productstore.com 上有一家名为“Productstore”的商店。通过在您的产品登陆页面上添加一个带有 href="https://productstore.com/cart/?add-to-cart=ID" 的按钮,您可以重定向到正在添加到商店购物车的产品。您只需将 ID(产品 ID)添加到 URL。如果您想将他们重定向到结帐(或任何其他页面),您可以将“/cart/”更改为结帐,https://productstore.com/checkout/?add-to-cart=1

    要将多个产品添加到购物车,您可以在 URL 中使用数量,如下所示:https://productstore.com/?add-to-cart=14601&quantity=5

    我不确定是否可以通过一个链接添加多个产品,但是按照这篇文章您可能能够实现它:https://dsgnwrks.pro/snippets/woocommerce-allow-adding-multiple-products-to-the-cart-via-the-add-to-cart-query-string/

    更多信息,我使用了这个来源:https://www.businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide/

    /** EDIT **
    Adding multiple items to WooCommerce cart at once - 似乎对 OP 有效。

    【讨论】:

    • 是的,我已经看过了,它只适用于一种产品。但是这个页面会有一些产品,用户可以选择其中的一个或多个。我知道如何通过以编程方式生成添加到购物车链接来实现它。我想知道我是否可以只有一个不变的链接,实际上是一个表单提交按钮,它可以向 WooCommerce 发送必要的信息,然后根据收到的信息填充购物车?
    • 此表单中是否包含产品变体? 该页面由几个复选框和单选按钮组成,它们本质上是几个不同产品的选项。指定“选项”。
    • 是的,它们代表变体。复选框用于 T 恤尺寸(S、M、L)等变体,因为客户可以选择不同尺寸的相同 T 恤,单选按钮也用于可变产品,但我们只允许选择其中一个.
    • 好的,你肯定需要首先编写一些关于变体的逻辑,幸运的是你有变体 id,所以你可能只需要一个 switch / if 语句。 *编辑,我一直忘记输入键发布我的评论。 * 为了让产品进入 WooCommerce 本身,我知道如何(并且在很久以前实施过)的唯一方法是拥有一个自定义页面,并使用 get 语句从 URL 中获取 id 列表。
    • 是的,这确实有帮助。该线程中有一个适用于可变产品的解决方案。我正在使用 JavaScript 检查哪些复选框被选中,并使用它们的值来创建表单提交到的 URL。仅供参考,表单方法必须是发布,而不是获取。它工作正常,除非我选择了 10 个或更多产品。在这种情况下,我收到 502 错误。 ://
    猜你喜欢
    • 2013-04-20
    • 1970-01-01
    • 2015-11-27
    • 1970-01-01
    • 2019-08-11
    • 1970-01-01
    • 1970-01-01
    • 2021-07-23
    • 2014-08-27
    相关资源
    最近更新 更多