# Payment field embed code width and show summary hideOrderSummary=false

**URL:** <https://community.hubspot.com/t/payment-field-embed-code-width-and-show-summary-hideordersummary-false/68662>\
**Category:** CMS Development\
**Created:** [November 5, 2022, 6:31pm UTC](https://community.hubspot.com/t/payment-field-embed-code-width-and-show-summary-hideordersummary-false/68662 "2022-11-05T18:31:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jake\_Lett](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jake_lett/32/45178_2.png) [@Jake\_Lett](https://community.hubspot.com/u/Jake_Lett)\
**Post date:** [November 5, 2022, 6:31pm UTC](https://community.hubspot.com/t/payment-field-embed-code-width-and-show-summary-hideordersummary-false/68662/1 "2022-11-05T18:31:32Z")

</div>

When using the payment form embed code is there a way to customize how this looks? Currently, the embed form doesn’t include the payment summary and does not have the option to add a discount code.

\<!-- Start of Payments Embed Script --\>  
\<div class=“payments-iframe-container” data-src=“{{ module.payment\_field.properties.checkoutUrl }}?embed=true&hideOrderSummary=false”\>\</div\>  
\<script type=“text/javascript” src=“[https://static.hsappstatic.net/payments-embed/ex/PaymentsEmbedCode.js](https://static.hsappstatic.net/payments-embed/ex/PaymentsEmbedCode.js)”\>\</script\>  
\<!-- End of Payments Embed Script --\>

Using a direct link isn’t ideal because it uses the domain [https://app.hubspot.com/payments/purchase/](https://app.hubspot.com/payments/purchase/) and not able to track with google analytics.

Anyone found a way to fix this?

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [November 7, 2022, 9:49pm UTC](https://community.hubspot.com/t/payment-field-embed-code-width-and-show-summary-hideordersummary-false/68662/2 "2022-11-07T21:49:20Z")

</div>

Hi, [@Jake\_Lett](https://community.hubspot.com/t5/user/viewprofilepage/user-id/72866) 👋 Thank you very much for posting this question here. I’m going to tag a few folks and take this to my internal resources. Hey, @Jnix284 @LMeert @Indra, do you have any experience or thoughts for [@Jake\_Lett](https://community.hubspot.com/t5/user/viewprofilepage/user-id/72866)?

We’ll see if we can get a reply of yes, possible/not possible, or something else definitive.

Talk soon! — Jaycee

---

<div class="post-metadata">

**Author:** ![craig-dastardly](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@craig-dastardly](https://community.hubspot.com/u/craig-dastardly)\
**Post date:** [March 2, 2023, 3:14pm UTC](https://community.hubspot.com/t/payment-field-embed-code-width-and-show-summary-hideordersummary-false/68662/3 "2023-03-02T15:14:47Z")

</div>

Hi [@Jaycee\_Lewis](https://community.hubspot.com/t5/user/viewprofilepage/user-id/127074) ,

I am having the same issue with the embed code not displaying the summary and discout code form. Do you have any guidance?

Thanks

---

<div class="post-metadata">

**Author:** ![craig-dastardly](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@craig-dastardly](https://community.hubspot.com/u/craig-dastardly)\
**Post date:** [March 2, 2023, 7:21pm UTC](https://community.hubspot.com/t/payment-field-embed-code-width-and-show-summary-hideordersummary-false/68662/4 "2023-03-02T19:21:40Z")

</div>

Hi [@Jake\_Lett](https://community.hubspot.com/t5/user/viewprofilepage/user-id/72866) ,

So here is a workaround that we accomplished. We set the layout query string parameter to “layout=null” instead of layout=embed. Then we used some css to hide the parent page’s header. It’s a bit of a hack TBH.
