My simple checkout buttons do not work on my site

[EB222222]

My website is not yet "live" but is up and running, and when I had my web designer copy and paste the HTML code from authorize.net onto the site, none of the buttons are active.

The web page for the first payment button is:  http://www.247nywebdesign.com/Testing/Infinite%20Athletics/php/PrivateLesson.php

The coding for the button is:  <form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"> <input type = "hidden" name = "LinkId" value ="806adffd-62a6-47fb-9da4-12c530814072" /> <input type = "submit" value = "Buy Now!" /> </form>

The button show up on the site, but none of them respond when they are clicked.

Does anyone know where the problem lies?  Thanks in advance!

[RaynorC1emen7]

When I look at the page source from a broswer, I don't see any

 <form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx">

</form>

All I see it the 2 <input /> tags.

[tiffanyabritt]

did you ever find the answer to this problem? I have the same issue... please help

[tiffanyabritt]

I have this same issue which is ... the prepopulated HTML code doesn't work on my site (see below)

<form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"> <input type = "hidden" name = "LinkId" value ="1de01028-b4f2-490f-ba14-4f8e80dbacf8" /> <input type = "submit" value = "ORDER NOW" /> </form>

does anything look weird here? please help is you can.

[Renaissance]

@tiffanyabritt,

That form looks fine. What specific issue are you having? The buttons show up but nothing happens when they are clicked? Or is it that they don’t show up at all? Or does the entire page not show up ? If you can be more specific it will be easier for us to help you.

Your issue is likely tied to the rest of your html. You may have this button embedded in another form. If you want, post the full html of the page, with any identifying or private information changed.

[tiffanyabritt]

Hi thx! Correct, nothing happens after I click the button. A little sad face pops up. I use "godaddy" editor for my website (basically for beginners like myself) hopefully what I have pasted below will show enough of the html for you the assist with my error. thx . pls see below

<script type="text/javascript">(function(props) {   Core.utils.renderBootstrap({elId:'bs-3',componentName:'AutoIframe',props:props,contextKey:'context-bs-3'});   })({"data-aid":"AUTOIFRAME_RENDERED","centerContent":true,"htmlSrc":"\u003Cform name=\"PrePage\" method = \"post\" action = \"https:\u002F\u002FSimplecheckout.authorize.net\u002Fpayment\u002FCatalogPayment.aspx\"\u003E \u003Cinput type = \"hidden\" name = \"LinkId\" value =\"1de01028-b4f2-490f-ba14-4f8e80dbacf8\" \u002F\u003E \u003Cinput type = \"submit\" value = \"ORDER NOW\" \u002F\u003E \u003C\u002Fform\u003E","iframeHeight":"50","order":0,"widgetId":"d91acce9-b236-4a08-94f0-8a990a423bdf","section":"default","category":"accent","locale":"en-US","renderMode":"PUBLISH"});</script>   <script type="text/javascript" src="//img1.wsimg.com/blobby/go/gpub/74cd9da6337d9d83/script.js"></script>   <script type="text/javascript">window.wsb['context-5e007c52-0675-43cf-a85e-c280f35abcb5-bootstrap-container'] = {"fonts":["archivo-black"],"colors":["014"],"fontScale":"medium","locale":"en-US","language":"en","renderMode":"PUBLISH","widgetId":"5e007c52-0675-43cf-a85e-c280f35abcb5","widgetType":"CONTACT","widgetPreset":"contact5","internalLinks":{"067b9906-e8e6-4f60-8bdd-9675afb069b5":{"pageId":"c30504c4-f0d7-469a-bc75-3fb360444a86","routePath":"\u002F"},"910bfe5c-3df7-42f3-b840-485a2f998391":{"pageId":"c30504c4-f0d7-469a-bc75-3fb360444a86","widgetId":"efe1a7ab-4453-4179-83c9-ecc22da90e80","routePath":"\u002F"}},"isHomepage":true,"section":"default","category":"accent","fontSize":"medium","fontFamily":"primary","theme":"Theme10","group":"Group","groupType":"Default"};</script>

[Renaissance]

Ok

Here’s your next step. Looks like this is being implemented with JavaScript. Am I correct that you get the html in your interface and then paste it into this website builder? Looks like the website builder is converting it to JavaScript.

This means you probably have a JavaScript error. Open your webpage in google chrome. Right click and select “inspect”. The inspect window will open up. On the inspect window, there will be a tab called console. Click that. Then on your webpage click your pay now button and see if you get an error in your console. Click on the error and see what it says.

After that post what happens and hang tight. This is my time killer while waiting on food and I’ll be in the lookout.

[tiffanyabritt]

Ok thx!!!!... after going through those steps , here what came up as the error:


Refused to display 'https://simplecheckout.authorize.net/payment/CatalogPayment.aspx' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

[Renaissance]

There is your issue. You have this set to display in an iframe. What you are trying to do, it looks like, is have the customer stay on your webpage to complete payment. So however it is that you drag and drop with godaddy, you are selecting an iframe. What you need is for the page to open up in a brand new page.  You need your customers to be transferred to https://simplecheckout.authorize.net/payment/CatalogPayment.aspx . 

This creates a little snag in the user experience, as it would be smoother for them to stay on your site.  Using this type of payment however you have only this option. 

[tiffanyabritt]

Thx! I am working on this new fix now but I was wondering “why doesn’t the https/Simplecheckout.authorize.net/payment/CatalogPayment.aspx” address have something specific to my company cart? When I click the link by itself, it doesn’t work or have my company menu.