HTML Help please!

Web Development
1

I’m adding a form to my website that should send the user to a “thank you” page when the submit button is clicked.

I have followed instructions and it is not working. I’m sure it’s user error. I’m bleary eyed from trying to get this to work.

These are the instructions:

<!-- @page { margin: 0.79in } H1 { margin-bottom: 0.08in } H1.western { font-family: "Liberation Sans", "Arial", sans-serif; font-size: 18pt } H1.cjk { font-family: "Microsoft YaHei", serif; font-size: 18pt } H1.ctl { font-family: "Mangal", "Courier", serif; font-size: 18pt } P { margin-bottom: 0.08in } -->

AWR Web Form Creation

Below are the steps necessary to create a custom web page to display the Kennsoft AWR form on you web site.

  1. Create a new standard web page on site with company headers, logo, footer, and anything else normally displayed on for web page on site. Leave the main area of page blank for now (typically the middle area of page.

  2. On the new page add the following HTML code into the header section of new page.

<!--ks-awr required js and css start-->

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://ks-awr.com/js/fancybox2/jquery.fancybox.css" media="screen"/>

<script type="text/javascript" src="https://ks-awr.com/js/fancybox2/jquery.fancybox.pack.js"></script>

<script type="text/javascript" src="https://ks-awr.com/js/libs/json2.js"></script>

<script type="text/javascript" src="https://ks-awr.com/js/ks-awr.js"></script>

<!--ks-awr end-->
  1. Now in the main section of page (initially left blank in step #1) add the following code.

Critical: Change the text KennelID below with the Kennel ID given to you by Kennelsoft.

<!--ks-awr iFrame start-->

<iframe name="KS_AWR" src="https://ks-awr.com/reservations/ **KennelID** /form" width="100%" height="2300" marginwidth="1" marginheight="1" title="KS Atlantis Web Reservation" align="left" border="0" frameborder="0">

Your browser does not support inline frames or is currently configured not to display inline frames. At the bottom of this page, please click on the AWR link to display the reservation form full page.

</iframe>

<!--ks-awr iFrame end-->

Your form should now display on site.

I can get the form to show up on the page, but the automatic jump to the “Thank You” page doesn’t work. I was told by someone at KennelSoft that the HTML has to be in the Head of the page to work. I was even shown an example of where the code should be on another site that uses the same form/software.

Sooooo I tried using the HTML Code section of the Inspector to add the code (copy and paste) into the “HEAD” . That didn’t work. Then I tried adding an HTML basic stack to the page higher up below the Foundry stack but above the Banner/Nav bar on the page. Doesn’t work.

I will gladly pay someone to help at this point. ANY help much appreciated.

2

I’ve moved this to a different General web design discussion category since this is not Foundry related. I also code blocked your code snippets as they were loading iframes within the post. Please put all code snippets in code blocks within a post when sharing code.

3

Well I’m using Foundry with RapidWeaver to create the site… so excuse me.

Also, thanks for the information about the iframes/code snippets. I am clearly a rube and did not know about that.

Because I’m not very good at all of this is WHY I am reaching out for help.

4

I’m not upset just trying to assist. Also, you’re not a rube. We all start some place. Every single file one of us. :grin:

3 Likes
5

Put the first snippet in the Head section in the page inspector. Then put the second snippet in an HTML stack. It worked that way for me with the HTML stack below Foundry Navbar and Banner stacks with default settings. Make sure to “paste as plain text” and that your page is set to PHP (setting the page to PHP may not be necessary though - not sure).

I did get some PHP errors showing on the page but that might be due to not having a proper Kennel ID in the form.

6

If I’m following you correctly, you are adding a form to your page via an iframe. Any redirects to a thank you page after successful submission of the form will need to be done at the form end of things. I don’t think how the code is added to the page will effect this.

7

David - I’ll try again using your suggestions.

TemplateRepo - I’m not sure what an iframe is, but yes the redirect to the ThankYou page has been put into the form.

8

OK, I misread your initial post. I read it as the issue is the redirect isn’t working, not the form isn’t working. Others are helping you on the form issue so I’ll butt out.

9

At this point, it’s probably best to post a link to the form/page you’re trying to get working. I don’t think any of us have use the Kennelsoft AWR service, so we’re just guessing at this point. There might be a javascript error preventing the form submission or some other issue. Without a link, we can’t do even the most basic troubleshooting.

10

DHL,

I will be glad to do that if you can tell me how. - post a link -that is.

I am working on a non-published version of the site currently. I made the old version of the site active so as to avoid irritating my customers with a form that isn’t working.

Is there a way to publish a test page or even the “in progress” version of the site and make it so only I or those I give a link to can see it?

I apologize for being so uninformed.

thanks

11

What you can do is set the folder name of the new, test form page to something like “test-form”. Leave the file name the default of index.html or index.php. Uncheck the “Show in navigation” checkbox under the page’s general settings, so people won’t see it in the menu. You can then go to the page and post the link to it here.

1 Like