Styling the Payment Link to 2-column layout

Revenue Hub Commerce Tools
1

Hey all!

I’m working on embedding the payment link script into a Wordpress page. The preview in HubSpot shows a 2 column layout, but when I embed the code, I see an in-line style of max-width: 544px on the container. I want that to be 1200px. And I see classes on each of the two columns that are col-xs-12 col-sm-12 col-md-12 col-lg-12 and I want them to be col-xs-12 col-sm-12 col-md-6 col-lg-6. Is it possible to override these? Is there a setting when setting up the payment link to honor that 2 column layout? What am I missing? Thanks!!!

2

Hi @kkdesign22, I hope that you are well!
Great question, thank you for asking the Community!
I understand that you followed these guidelines “Add payment links to your content” but you’d like to adjust the look of it.
I’d like to invite a couple of subject matter experts and some Community Members to this conversation: Hi @Jnix284, @dean-shmuel, @Anonymous and @jeremymandle do you have suggestions to help @kkdesign22, please?
Also, if anybody else has anything to add and/or share, please feel free to join in the conversation :slightly_smiling_face:
Thanks a lot and have a lovely day!
Best,
Bérangère

3

Is anyone going to weigh in on this?

4

I figured this out. If you change the &layout= at the end of the data-src to blank, it becomes two layout.

data-src="https://app.hubspot.com/payments/{paymentLinkId}?referrer=PAYMENT_LINK_EMBED&layout="