Embed Authorize.Net Payment

I am making a site for a client and we need to embed their payment resource. The code is as follows

<form name="PrePage" method="post" action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx#"> 
<input type="hidden" name="LinkId" value="d84ba6ff-04bd-4cf3-b979-68eec74dab57" /> 
<input type="submit" value="Payment" /> 
</form>

I would like to edit this more button but I would like to know if there was a way with Shopify to override the button taking the user to a new page and instead making it either open in page or in a pop up.

You could add a target attribute to the form to load the subsequent page in an iframe

<form target="myiframe" ...

iframe somewhere on the page in an embed code block…

<iframe name="myiframe" src="about:blank" width="100%" height="400"></iframe>
1 Like

How would I go about making it hide until the button is clicked then?

You can try using interactions