Title: How to integrate Tabby with a custom checkout page?
Last modified: June 3, 2025

---

# How to integrate Tabby with a custom checkout page?

 *  [mohammedmalleck](https://wordpress.org/support/users/mohammedmalleck/)
 * (@mohammedmalleck)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/how-to-integrate-tabby-with-a-custom-checkout-page/)
 * Hey, 
   I’m working on integrating Tabby into my WooCommerce site which uses a **
   custom checkout page**.
 * Since I’m not using the default WooCommerce checkout, I assume things might not
   work out-of-the-box. Right now, I’ve moved the payment methods to appear before
   the customer details section using this snippet in my `functions.php`:
 *     ```wp-block-code
       // Move payment methods before customer details
       function theme_wc_setup() {
         remove_action('woocommerce_checkout_order_review', 'woocommerce_checkout_payment', 20);
         add_action('woocommerce_checkout_before_customer_details', 'woocommerce_checkout_payment', 20);
       }
       add_action('after_setup_theme', 'theme_wc_setup');
       ```
   
 * hopefully, Tabby ends up showing fine alongside the other payment methods — so
   layout-wise, I think we’re good.
 * What I’m trying to achieve now is the **normal Tabby flow**: after the user clicks“
   Place Order”, they should be redirected to Tabby’s hosted payment window without
   any issues — just like how it works on sites like [https://uae.afnan.com/](https://uae.afnan.com/).
 * Since I’m using a custom setup, I wanted to ask a couple of things:
    1. **Does Tabby require any specific fields from the checkout form (like billing
       address, email, etc.) besides the total amount?**
       I’m considering adjusting 
       or simplifying some of the fields, so I want to make sure nothing essential 
       is removed that might break the Tabby flow.For instance WooPayments card payments
       requires billing address to process payments.
    2. **When the order is placed and Tabby takes over, does it just use the final 
       order total from WooCommerce, including any added taxes or fees?**
       I’m planning
       to apply extra taxes only when Tabby is selected, and I want to confirm that
       Tabby will pick up the final total shown on checkout.
 * Would really appreciate some guidance on making sure the custom checkout works
   smoothly with Tabby. Thanks in advance!
 * Best,
   Mohammed
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhow-to-integrate-tabby-with-a-custom-checkout-page%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

The topic ‘How to integrate Tabby with a custom checkout page?’ is closed to new
replies.

 * ![](https://ps.w.org/tabby-checkout/assets/icon-256x256.png?rev=2829111)
 * [Tabby Checkout](https://wordpress.org/plugins/tabby-checkout/)
 * [Support Threads](https://wordpress.org/support/plugin/tabby-checkout/)
 * [Active Topics](https://wordpress.org/support/plugin/tabby-checkout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tabby-checkout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tabby-checkout/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [mohammedmalleck](https://wordpress.org/support/users/mohammedmalleck/)
 * Last activity: [10 months, 1 week ago](https://wordpress.org/support/topic/how-to-integrate-tabby-with-a-custom-checkout-page/)
 * Status: not resolved