Create a custom page with payments method

  • Resolved paczox

    (@paczox)


    1 month, 3 weeks ago

    I’m using a WooCommerce plugin in my shop, and I want to add a custom page where customers can purchase a specific service—just one service, nothing more.

    On this page, I’d like to include payment details, address fields, and a button labeled “Click here to pay,” which should redirect customers to the payment gateway.

    On the left side of the page, I want to display a short description along with an image of my choice, and on the right side, I’d like to have the payment details and the button, similar to the screenshot I attached.

    Importantly, I want this page to function independently of the cart system available on the rest of the site.

    I’ve been trying to set this up since yesterday, but so far, I haven’t had any luck.

    For reference, I use Elementor to build my site.

    I have created a product that i want to use, as well as a page/site with the description where this product should be added, but the question is: how to add just a form like on the bottom with a payment button?

    • This topic was modified 1 month, 3 weeks ago by paczox.
    • This topic was modified 1 month, 3 weeks ago by paczox.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Reynier (a11n)

    (@reynierc)

    Hi @paczox

    Thanks for your question, to create a custom page for your service, you’ll want to use Elementor to build the layout as you have done. It’s great that you have your product and description ready.

    For the button, you can use the WooCommerce Add to Cart shortcode to add a purchase button for your specific service. Simply specify your service’s product ID in the shortcode.

    For example: [add_to_cart id="xx" show_price="FALSE" style="border:none; padding 10px"] then change the ID=”xx” with the correct product ID.

    Note: The shortcode above will add the product to the cart but won’t work independently of the cart system. To skip the cart and redirect straight to checkout, you’ll need some custom code. However, custom code falls outside our scope of support. We recommend checking the WooCommerce Community Slack for help or visiting our customizations page as an option.

    I suggest testing any customizations on a staging site first, if possible, before making them live. Hope this points you towards the right direction,

    Thread Starter paczox

    (@paczox)

    Thanks a lot!

    However, I’ve been asked to create something different. They want a section on the main site with a form where potential clients can input the information needed for checkout. There should also be a button that redirects the client to a payment gateway.

    So, they want me to create a checkout form for a specific product that will be placed on the main site. With no extra sites, carts etc.

    Can this be done using WooCommerce?

    Plugin Support Moses M. (woo-hc)

    (@mosesmedh)

    Hi @paczox,

    Just to clarify, the purpose of this forum is to address core issues and bugs related to WooCommerce. Your request seems to fall outside the scope, as it pertains to customization guidance.

    While WooCommerce doesn’t offer this functionality by default, there are plugins like WooCommerce One Page Checkout that can help. Another approach would be to create a custom plugin and use shortcodes for this setup. For further assistance, I suggest hiring a developer from codeable.io or joining the Slack community channel to ask for help: https://woocommerce.com/community-slack/.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.