Payment field embed code width and show summary hideOrderSummary=false

Develop, Build & Integrate CMS Development
1

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”></script>
<!-- End of Payments Embed Script -->

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

Anyone found a way to fix this?

2

Hi, @Jake_Lett :waving_hand: 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?

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

Talk soon! — Jaycee

3

Hi @Jaycee_Lewis ,

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

Thanks

4

Hi @Jake_Lett ,

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.