# Payment options not showing up on custom page

**URL:** <https://developer.squareup.com/forums/t/payment-options-not-showing-up-on-custom-page/9872>\
**Category:** Questions\
**Created:** [June 28, 2023, 12:08pm UTC](https://developer.squareup.com/forums/t/payment-options-not-showing-up-on-custom-page/9872 "2023-06-28T12:08:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![computer\_kid](https://avatars.discourse-cdn.com/v4/letter/c/f6c823/32.png) [@computer\_kid](https://developer.squareup.com/forums/u/computer_kid)\
**Post date:** [June 28, 2023, 12:08pm UTC](https://developer.squareup.com/forums/t/payment-options-not-showing-up-on-custom-page/9872/1 "2023-06-28T12:08:31Z")

</div>

Hi guys. I’ve setup a custom landing page, custom shop archive, custom cart page, and custom checkout page for a specific client. The users are shown these pages if they add a category that matches. So far everything works perfect, except the checkout page. Square doesn’t show the credit card input fields.

Square does show the input fields on the cart page selected in Woocommerce settings, but I need to have 2 custom cart pages. One for regular users, and one for this specific client. How can I make the input fields show up on my custom cart page?  
I tried adding some JS without any luck. Here is what I have:

- Display Square plugin on default and custom WooCommerce checkout pages  
\*/  
function display\_square\_plugin\_on\_checkout\_pages() {  
// Check if WooCommerce is active  
if ( ! class\_exists( ‘WooCommerce’ ) ) {  
return;  
}

// Hook the function to the ‘woocommerce\_before\_checkout\_form’ action  
add\_action( ‘woocommerce\_before\_checkout\_form’, ‘display\_square\_plugin\_on\_checkout\_pages’ );

can anyone provide any input on how to get the credit card inpout fields to show on both the default woocommerce page and my custom page?

---

<div class="post-metadata">

**Author:** ![Bryan-Square](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/bryan-square/32/38_2.png) [@Bryan-Square](https://developer.squareup.com/forums/u/Bryan-Square)\
**Post date:** [June 28, 2023, 4:09pm UTC](https://developer.squareup.com/forums/t/payment-options-not-showing-up-on-custom-page/9872/2 "2023-06-28T16:09:28Z")

</div>

Is this a custom integration or are you using the WooCommerce integration. If your using the WooCommerce integration that isn’t really customizable outside of what WooCommerce offers. 🙂

---

<div class="post-metadata">

**Author:** ![computer\_kid](https://avatars.discourse-cdn.com/v4/letter/c/f6c823/32.png) [@computer\_kid](https://developer.squareup.com/forums/u/computer_kid)\
**Post date:** [June 29, 2023, 9:46am UTC](https://developer.squareup.com/forums/t/payment-options-not-showing-up-on-custom-page/9872/3 "2023-06-29T09:46:02Z")

</div>

Hi, I’m using the Sqaure Woocommerce plugin. I’m able to use other payment gateway plugins, and they show on any checkout page, whether it’s custom or not.

Square Woocommerce plugin is the only one I’ve tried so far which won’t show up. I can see it load, just not the fields needed to input card details. Taking a look at the Firefox’s inspector, I can see that an iframe doesn’t load on the custom page. I guess I was trying to find a way to initialize it

---

<div class="post-metadata">

**Author:** ![Bryan-Square](https://sea1.discourse-cdn.com/square/forums/user_avatar/developer.squareup.com/bryan-square/32/38_2.png) [@Bryan-Square](https://developer.squareup.com/forums/u/Bryan-Square)\
**Post date:** [June 29, 2023, 4:48pm UTC](https://developer.squareup.com/forums/t/payment-options-not-showing-up-on-custom-page/9872/4 "2023-06-29T16:48:21Z")

</div>

The WooCommerce plugin isn’t designed to be customized outside of what WooCommerce offers. If you want a customer checkout page you’ll need to build it with our [Web Payments SDK](https://developer.squareup.com/docs/web-payments/overview) and use our APIs to process payments. 🙂