APIs & Integrations

MWurpts
Participant

Embed Payment Link in NextJS

I am trying to embed a HubSpot Payments Link on a page in a NextJS app. The payments form is not appearing. I can get this to work in a ReactJS app but not in our NextJS app.
 
I have created a simple example in codesandbox demonstrating the issue here:
 
 
I'm simply trying to paste the embed code I got from the Payment Link in HubSpot into a simple Hello World NextJS app, but the for does not appear.
0 Upvotes
2 Replies 2
MWurpts
Participant

Embed Payment Link in NextJS

I am able to get the Payment Link embed to work in a simple ReactJS hello world app as demonstrated here. But, I need it to work in our NextJS website.

https://codepen.io/cmmadmin/pen/xxovjYV

0 Upvotes
MWurpts
Participant

Embed Payment Link in NextJS

I tried adding the script using next/script but the form still doesn't appear.

I also tried to embed it using an iframe. The form appears but whenever I select one of the dropdown menu fields the page jumps to the top, which makes it unusable.

Those two attempts are commented out in the codesandbox that I linked above.

0 Upvotes