HTML help in GoDaddy Website Builder Options

[lilystargirl]

Please be easy on me. I was a graphic designer and worked with some HTML when I was in college almost 20 years ago. I have done very little by WYSIWYG HTML work for the last 15 years as I now just do a desk job. This is the website for the company I work for. We are a very small office so I just do the website as part of my job.

I am having an issue with some HTML I need to use to link to our rent payment page. The payment processing company has given me HTML to make a button. I put it into the HTML block and it doesn't open anything when you click the button. I'm using the GoDaddy website builder to make my website.

The website is https://nirha.com/online-payments.

The HTML I was given is:
<div id="cpe9b8837715" style="margin: 10px 0" class="rounded-div" onclick="document.getElementById('pay_now_form_2fa256d5d4').submit()">
<form action="https://checkout.globalgatewaye4.firstdata.com/pay" id="pay_now_form_2fa256d5d4" method="post">
<input type="hidden" name="x_login" value="WSP-NORTH-knWusADTJA" />
<input type="hidden" name="x_show_form" value="PAYMENT_FORM" />
<input type="hidden" name="x_fp_sequence" value="16196436762784059918" />
<input type="hidden" name="x_fp_hash" value="PNB-1.0-6f4fb7c9713ab1fffcf5d1e171bdb30a0619a1c3" />
<input type="hidden" name="x_amount" value="" />
<input type="hidden" name="x_currency_code" value="USD" />
<input type="hidden" name="x_test_request" value="FALSE" />
<input type="hidden" name="x_relay_response" value="" />
<input type="hidden" name="donation_prompt" value="" />
<input type="hidden" name="button_code" value="Pay Now North Iowa Regional Housing" />
<div class="cpwrap"><button type="button">Pay Now</button>
</div></form></div><style type="text/css">div#cpe9b8837715{width: 200px; background-color: #000000; padding: 5px 0;}div#cpe9b8837715 button {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif}div#cpe9b8837715:hover{cursor: pointer}div#cpe9b8837715 form{margin:0; padding:0;text-align:center}div#cpe9b8837715 div.cpwrap {width: 90%;border:0;margin:0 auto;padding: 0px; background-color: #000000}div#cpe9b8837715 button{width: 95%;border:0;margin:0;padding: 3px 0; background-color: #000000;text-align: center; color: #FFFFFF; }div#cpe9b8837715:hover button {text-decoration: underline}div#cpe9b8837715 button:focus,div#cpe9b8837715 button:visited,div#cpe9b8837715 button:active{border:none;outline: none}div#cpe9b8837715 button {font-size: 16px}div#cpe9b8837715{background-color: #000000;}div#cpe9b8837715{border-radius: 10px;}</style>

[pandy]

The button seems to be in an iframe, the content of which is written by JavaScript and it's all messed up.

What to you need to button to do? Just link to the payment page or is there hidden data that should be sent to that page also?

[lilystargirl]

The button seems to be in an iframe, the content of which is written by JavaScript and it's all messed up.

What to you need to button to do? Just link to the payment page or is there hidden data that should be sent to that page also?

It needs to link to the payment page but it has to transmit the right data. I tried making a simple button with the url the button linked to on the old page and that didn’t work. The button html that I posted worked just fine on my old website.

[pandy]

Was what you posted above all they gave you? I don't understand how that can have been transformed to the iframe and JavaScript mumbo jumbo you have on the real page. It's nothing like what you posted.

[pandy]

Well, if I copy the markup you gave us in your first post and paste it into your page, it seems to work just fine. I'm taken to a payment page when I click the button. And the query string has a lot of data in it. Hopefully all is there.

So I think you need to redo that pasting exercise and get rid of the IFRAME stuff first. Try to figure out how it could happen. If that page builder did that I wouldn't use it any more. It's totally crazy how what you show us can have ended up as what you have on your page.

But anyhow, if you manage to clean the mess up and paste the markup they gave you in right, I think you will be all set.

[lilystargirl]

Ok. I will work on that. It’s so frustrating

[lilystargirl]

The JavaScript must be by the go daddy builder. I can’t code that.

[pandy]

The strange thing is that it has taken what you pasted in and, well, done things with it. That iframe, for instance, how did it come up with that?

If you get the same result again, download the HTML file and paste your stuff in with a text editor (not Word and the like).