Add a Summary page before placing order

Viewing 9 replies - 1 through 9 (of 9 total)
  • Stef

    (@serafinnyc)

    1 year, 1 month ago

    Hello @chrisiwien that page is 9 years old. I doubt anything from that long ago would work. Most themes already have a built in review order area and it is built into WooCommerce by default.

    Perhaps your theme is overriding it? If you supply us with a link we can take a look.

    Thread Starter Christoph Letmaier

    (@chrisiwien)

    1 year, 1 month ago

    Hey Stef, thanks for your reply.

    I can say, the workaround, similar to the description in the link i have posted, works. I produce a hidden fake error message, and then redirect (in error.php) to my custom review page, where i integrate hooks from the WooCommerce file checkout.php. My review page is, so to speak, a „copy“ of checkout.php, with other contents.

    I know the „review section“ very well, but, i want this info, combined with the customer data, on an extra page. I want a splitted checkout process, so the user first fills in his personal data, on the second page, he can review his order and his personal data (and select a payment method). Out-of-the-box, all steps in WooCommerce are on a single page.

    My customer sells highly configurable products, not products with choosing only color and size. So, we want, that the customer can read again (before buying), what he/she is buying, with all details. Stuffing input fields and the order review on a single page could be error prone. We think it is better, if the customer can double check his/her entries/order on an extra review page.

    Out-of-the-box, in WooCommerce the order/review process is handled by checkout.php. There is no (easy and update-safe) workflow described, to split the order process steps: data entry, review, select payment method, place order. I can use template overrides only with php files, but not with JavaScript code – which is used in processing the functions of checkout.php.

    I can develop the workaround further on my own, but it would be nice, if WooCommerce can support me doing this. So far, i rely on a trial and error method, testing, if everythink works, if i change/alter the order of the WooCommerce checkout.php hook calls. This is a rather painstaking process.

    Consider the fact, that other shop systems have integrated an extra review page out-of-the-box – because it makes sense, is user friendly, and prevent perhaps false user entries. See the checkout process of Amazon – there is a (from user entries) seperated review page.

    So, maybe you can help me with the correct order of the WooCommerce hooks. It would be fine, if Automattic develops a paid extra plugin for WooCommerce, which enables a separated review page.

    Stef

    (@serafinnyc)

    1 year, 1 month ago

    @chrisiwien Thank you for clarifying. The only problem with support helping you is that any customization of WooCommerce core by way of code or elaborate coding measures is not supported in this forum per forum guidelines. However, that being said it almost appears as if you’d be better off using an app like that has multiple steps, no? Have you looked at those?

    I’ve compiled the top 5 that might offer you a solution.

    1.) WooCommerce Multi-Step Checkout by SilkyPress:

This plugin allows you to break down the checkout process into multiple steps, making it easier for customers to complete their purchase.
It offers customizable steps and is easy to set up.

2.) CheckoutWC (Checkout for WooCommerce):

This plugin transforms the WooCommerce checkout page into a multi-step, conversion-optimized checkout experience.
It includes features like address autocomplete, express checkout options, and customizable design elements.

3.) WooCommerce MultiStep Checkout Wizard:

This plugin helps you create a multi-step checkout form with a wizard-style interface.
It offers drag-and-drop functionality to customize the steps and comes with multiple pre-designed templates.

4.) YITH WooCommerce Multi-step Checkout:

This plugin splits the checkout process into multiple steps, improving user experience and reducing cart abandonment.
It provides a user-friendly interface and is compatible with most WooCommerce themes and plugins.

5.) CartFlows:

CartFlows is a powerful plugin that allows you to create custom sales funnels, including multi-step checkouts.
It provides a variety of templates and is highly customizable, making it a versatile choice for improving your WooCommerce checkout process.

    These apps typically offer a range of features and customization options, so you can choose one that best fits your specific needs and preferences.

    Thread Starter Christoph Letmaier

    (@chrisiwien)

    1 year, 1 month ago

    OMG, Stef!! Thanks for the valueable answer in lightspeed.

    🙂

    I‘ve done a quick review of Multi-Step Checkout for WooCommerce, it seems perfectly suitable for my needs.

    Guess, I‘ve asked the question in a wrong way… i searched for „review page“, but I should have looked for „multi-step checkout“…

    I will test this plugin later.

    Thanks a lot for your help, i think this plugin is able to solve my problem.

    Stef

    (@serafinnyc)

    1 year, 1 month ago

    You’re very welcome @chrisiwien

    Let us know if you need anything else by creating another post in the future 🤙🏼

    Thread Starter Christoph Letmaier

    (@chrisiwien)

    1 year, 1 month ago

    Hey Stef,

    I want to share some information from my in-depth testing with the plugins you proposed:

    WooCommerce Multi-Step Checkout by SilkyPress:
    not bad, but if someone enters an invalid shipping address, then reenter a valid shipping address, the “wrong delivery address” warning doesn’t disappear

    WooCommerce MultiStep Checkout Wizard:
    seems not to be on the WordPress plugin repository, only on WooCommerce MultiStep Checkout Wizard by Kole_Roy | CodeCanyon. LivePreview doesn’t work “Sorry, your session has expired.”.

    CheckoutWC:
    makes an completly custom checkout page with own design, look not bad, but has not so nice JavaScript loading animations, can’t turn that off

    YITH WooCommerce Multi-step Checkout:
    is not maintained anymore, plugin page is closed (https://wordpress.org/plugins/yith-woocommerce-multi-step-checkout/)

    CartFlows:
    way to much, as far as i tested, you have to build the checkout page frome the scratch in an template builder.

    I assume, the plugin developers do basically this, what i was doing with my review page programming. I don’t want the checkout process on an extra page, because the design differs greatly from the shop page design.

    So, i have the choice between talking to the plugin developers or go on with my custom programming, I assume the effort will be nearly equal.

    I understand, that you can’t tell me more in the forum about WooCommerce in-depth coding. Can you tell me perhaps, if an offical documenation of WooCommerce exists, where i can find more about how WooCommerce use hooks and JavaScript on the checkout page?

    Plugin Support Shameem – a11n

    (@shameemreza)

    1 year, 1 month ago

    Hi @chrisiwien

    I understand, that you can’t tell me more in the forum about WooCommerce in-depth coding. Can you tell me perhaps, if an offical documenation of WooCommerce exists, where i can find more about how WooCommerce use hooks and JavaScript on the checkout page?

    While we don’t have a specific guide to creating a separate review page, we have extensive documentation on WooCommerce hooks and templates. You can find detailed information about WooCommerce hooks here:

    I hope this information helps you in your custom development. If you have any further questions or need additional assistance, feel free to ask.

    Thread Starter Christoph Letmaier

    (@chrisiwien)

    1 year, 1 month ago

    Hey Shameem,

    thanks for reply. The links are looking good. I will try the plugin Multi-Step Checkout by Silkypress, i think adding some GDPR stuff will be easier with this documentations.

    I appreciate the support of the WooCommerce-Team. Thanks a lot!

    🙂

    ckadenge (woo-hc)

    (@ckadenge)

    1 year, 1 month ago

    Hello 👋 @chrisiwien,

    Thank you for the kind words!

    If you have a few minutes, we’d love if you could leave us a review: https://wordpress.org/support/plugin/woocommerce/reviews/.

    All the best.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Add a Summary page before placing order’ is closed to new replies.