SitePoint Sponsor

User Tag List

Results 1 to 20 of 20

Hybrid View

  1. #1
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    How do I add an Order Form that Can be Filled out and Mailed

    Okay, it's me again....sorry. I am trying to help out a friend and do a website for him (I know it's the bling leading the blind). I have his index page laid out fine, but I have never had to insert an order form link before.
    It's the usual, customer name, address, model number, price, etc... He is a knive maker.

    I tried doing an html page only to find out that you cannot type data on it (suspect it has to be PDF?) Can anyone please offer a suggestion or clue on how to do this?

    Many thanks as usual,
    Dick

    All I have so far....http://www.stoutstandards.com/Knives6.html

  2. #2
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The links above just take you to my site for now....meant to say that....sorry. I am waiting for photos, prices, etc. which I should be able to handle. The ordering form is my quandry right now...

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Hi Dick. You can place a form on a page easily enough. It's <form> element, with various other inputs etc. But the tricky bit is getting anything to happen when the form is submitted. That requires programming ... ugh!

    Here is a site that creates form for you, which might be worth considering:

    Wufoo.com

  4. #4
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    When you say programming I assume you mean something other than CSS or Html?

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Barnum View Post
    When you say programming I assume you mean something other than CSS or Html?
    Yes, something like PHP.

    Many people recommend Wufoo, so do check it out. It does all the hard work for you.

  6. #6
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,147
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    Building an ecommerce site is no small task. Given your level of knowledge you would be best off using either a provider, wordpress + plugins or something more robust like Magento (ecommerce cms). Either way your probably looking at spending over a hunred hours figuring it all out with your current level of knowledge. It is all much much more than just a form. The HTML for the form is the least significant part of it all. Also there are a lot of security implications that come into play with transactions. You can't just simply have people send credit card information in an email. That would open your friend up to a whole world of hurt legally.
    The only code I hate more than my own is everyone else's.

  7. #7
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,177
    Mentioned
    264 Post(s)
    Tagged
    5 Thread(s)
    If all you need is a form that is going to be printed off and mailed, then you're right - the easiest way to do that is with a PDF. Make your PDF form and insert a link to it in the usual way. e.g. <a href="orderform.pdf">Order Form</a>

    If you don't already have software that will generate a PDF, you can try OpenOffice, which is free. Simply create your form in OpenOffice Writer, and then use the "Export as PDF" option to convert to PDF. If you check the "Create PDF form" box, you will get a PDF which can be typed in by the customer; otherwise, they'll need to print it off and fill it in the old-fashioned way.

    Hope that helps.

  8. #8
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    So is all this a waste of time?

    Code:
    <html>
    <title>Order Form</title>
    <head>
    
    <style>
    
    
    
    
     h1 {font-size: 25px;}
       h2 {font-size: 35px;}
       h3 {font-size: 30px;}
      h4 {font-size: 20px:}
      h5 {font-size: 22px;}
      text {font-weight: bold;}
    
      
      
      
      </style>
      
    
    
    
    
    </head>
    <body>
    
    <body bgcolor="tan">  
      <body topmargin="50">
    <body leftmargin="50">
    
    <font color="black">
    
    
    
    <h2><center><font color="#993333"><b>ANTHONY STOVALL CUSTOM KNIVES</center></h2>
    <br>
    <h3><center>Order Form</center></font></h3>
    
    
    <font color="black">
      <br>
    
    
    
    <form action="form-to-email.php" method="post">
       <div>
        <label for="txtname">Name:</label>
        <input type="text" name="txtname" id="txtname"/>
      
      
      <label for="txtaddress">Address:</label>
      <input type="text" address="txtaddress" id="txtaddress"/>
    
      
      <label for="txtcity">City:</label>
      <input type="text" name="City" id="txtCity/">
      
     
      <label for="txtstate">State:</label>
      <input type="text" name="State" id="txtstate"/>
      </div>
      <br>
     
     
      <label for="txtzipcode">Zip Code:</label>
      <input type="text" name="ZipCode"= id="Zip Code"/>
     
        
        <label for="txtcontacttel">Home Phone:</label>
        <input type="text" name="Home Phone" id="txtHomePhone/">
       
      
      <label for="txtCellPhone">Cell Phone:</label>
        <input type="text" name="cellphone" id="Txtcellphone"/>
        
         
        <label for="txtEmailAddress">Email Address:</label>
        <input type="text" name="Email" id="txtEmail"/>
        
    </div>
    <br>
      
      <font color="#993333">***********************************************************************************************************************</font>
      <br>
      <br>
      <div>
      <label for="city">Knife Model:</label>
      <input type="text" name="Knife Model" id="Knife Model">
      
       <label for="address">Base Price:</label>   
      <input type="text" name="txtBasePrice" id="txtBase Price"/>
      
      </div>
      <br>
       <div>
        <label for="txtname">Blade Steel:</label>
        <input type="text" name="txtBladeSteel" id="txtBladeSteel">
        
        <label for="txtextraprice">Extra Price:
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
        
        </div>
        <br>
        <div>
      
        <label for="txtname">Handle Material:</label>
        <input type="text" name="Handle Material" id="txtHandleMaterial"/>
        
         <label for="txtextraprice">Extra Price:
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
        </div>
        <br>
        <div>
        
        <label for="txtname">Bolster Material:</label>
        <input type="text" name="txtBolsterMaterial" id="txtBolsterMaterial"/>
       
        
        
        <label for="txtextraprice">Extra Price:</label>
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
        
         </div>
        <br>
        <div>
        
        
        
         <label for="txtname">Rear bolster/pommel:
        <input type="text" name="realbolster/pommel" id="txtReal Bolster/pummel"/>
        
        <label for="txtextraprice">Extra Price:</label>
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
        </div>
      
        
        
        
        <br>
       
       <div>
        
        <label for="txtname">Front Bolster/guard:</label>
        <input type="text" name="txtFrontBolster/guard" id="txtfrontbolster/guard"/>
        
        
        <label for="txtextraprice">Extra Price:
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
       </div>
       <br>
       <div>
      
      <label for="txtname">Thong hole:</label>
      <input type="text" name="txtThonghole" id="txtThonghole/">
       
        
       
       
      
      <label for="txtname">Finish: Brush</label>
      <input type="text" name="txtThonghole" id="txtThonghole/">
      
       <label for="txMirror">Mirror
        <input type="text" name="txtMirror" id="txtMirror"/>
       
       <label for="txLeftorRightHanded">Left of Right handed?
        <input type="text" name="txtMirror" id="txtMirror"/>
       
       </div>
       <br>
       <div>
       
        <label for="txtextraprice">File Work:
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
       
       
       <label for="txtPrice">Price:
        <input type="text" name="txtPrice" id="txtPrice"/>
       
      
      
      </div>
      <br>
      <div>
        
       <div>
       
        <label for="txtTotalPrice">Total Price:
        <input type="text" name="txtExtraPrice" id="txtExtraPrice"/>
       
       
       <label for="txtPrice">Deposit:
        <input type="text" name="txtDeposit" id="txtDeposit"/>
        
          <label for="txtBalanceDue">Balance due:
        <input type="text" name="txtBalancedue" id="Balancedue"/>
        </div>
        
        <br>
       <font color="#993333">***********************************************************************************************************************</font>
        
        <br>
        <br>
        
       <div>
       
       <label for="txtSheathMaterial">Sheath Material: (Leather, Kydex, exotic, other)</label>
        <input type="text" name="SheathMaterial" id="txtSheathMaterial"/>
        
        
        <label for="txtTooling">Tooling: (basketweave, plain,etc.)</label>
        <input type="text" name="Tooling" id="txtTooling"/>
        </div>
        <br>
        <div>
         <label for="txtColor">Color: (Tan, black or other)</label>
        <input type="text" name="txtColor" id="txtColor"/>
      
       <label for="txtApproximateSheathColor">Approximate Sheath Price:</label>
        <input type="text" name="txtApproximateSheathPrice" id="txtApprixmateSheathColor"/>
      
      
        
         
      </div>
      <br>
      <p>Additional Info</p>
      
      <textarea name="additional Info" rows="8" cols="56"></textarea>
      <br>
      
      <br>
      <table>
      <tr>
      
      <td>Submit:</td>
      <td><input type="text" name="submit"></td>
      
      
      
      </tr>
      </table>
      
      
      </body>
      </html>
    Last edited by TechnoBear; Oct 22, 2012 at 12:32. Reason: Code tags added

  9. #9
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Also my friend will be accepting credit cards....

  10. #10
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Sorry WILL NOT BE ACCEPTING cc'S

  11. #11
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,177
    Mentioned
    264 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by Barnum View Post
    Sorry WILL NOT BE ACCEPTING cc'S
    Does that mean he wants folk to mail him the order form with a cheque? In that case, the PDF option is by far the easiest way.

    (In my experience, trying to design an HTML page that will print in an acceptable manner on any printer, with any operating system, is a nightmare.)

  12. #12
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,147
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    Well you would need to create all the programming logic to process the form. That would be quit an undertaking for someone with no programming experience. Not to mention plagued with points of failure and security issues like just about everyones first experience programming.
    The only code I hate more than my own is everyone else's.

  13. #13
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,177
    Mentioned
    264 Post(s)
    Tagged
    5 Thread(s)
    Off Topic:

    Thanks, @Stomme poes - that's really interesting. I'll look at it in more depth later, but it looks as if it might solve a few problems for me. Print preview seems to indicate FF16 will have no problems printing it, but I'm very low on ink just now, so I'll not test it until my new supplies arrive.

  14. #14
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,278
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Off Topic:

    I have no idea if Mozilla finally fixed that bug. It's a very old one, from back when that code was called Netscape


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •