Making a Contact Page

Hi, I want to creat a contact us page, and other form pages, does anyone know of any good walk throughs or solutions to do this? I want a user to come across the website, fill in their details and then it sends it to me or a certain email address, and once they have clicked submit, it says thank you or something along those lines. Could someone help me please?
Thanks
Chris

You need an HTML contact form and a form-to-email processing script. Preferably a secure one that conceals your e-mail address from harvesters and has built-in spam prevention.
Contact your web host and ask them if they have one you can use.  Hosts often provide scripts on their servers which you can activate through your Admin Panel or by referencing the script in your HTML form's action attribute like this:
     <form action="path-to-script-on-server/form-to-email-script.php">
If your host doesn't provide scripts, ask them which server-side languages you can use (php, asp, asp.net, perl, coldfusion, etc...).  This will determine which scripts you must look for.
Nancy O.

Similar Messages

  • Making a "Contact Sheet"

    I am having trouble making a "contact sheet"; one page that will display 2,4,6,8 or 12 images culled from my desktop file of images. The old Photoshop had a very easy system that allowed me to drop images into a pre-set contact sheet. Does anyone know how to do this? Thanks!

    Handy Links:
    Mac:  http://www.adobe.com/support/downloads/detail.jsp?ftpID=4965
    PC:  http://www.adobe.com/support/downloads/detail.jsp?ftpID=4688
    -Noel

  • HOW DO I ADD A CALENDAR PAGE TO MY WEBSITE AND A CONTACT PAGE TO COLLECT INFORMATION FROM CUSTOMERS?

    I am almost finished with my first IWeb site and I need to add a calendar for upcoming events and a contact page for my current and future customers to send me their information.  How do I do this? 

    Since MMe will be no more in about 11 months I suggest you create a Google calendar and imbed it into one of your web pages like in this demo page: Google calendar.
    OT

  • My Index and contact page has moved my top nav up

    I only changed my contact styles on my Index page and now my top nav has gone to the top. On my contact page I added two images so I understand I need to add some code to do with that but not sure how to get it back correct.
    When I veiw my contact page through my wamp server though it all looks fine that's why I uploaded it onto the live server.  Does anyone know why that should be?
    www.bristolequestrianservices.co.uk.  Can someone help please?
    Thanks
    </head>
    <body>
    <div id="outer">
    <div id="wrapper">
                        <div id="logo">
                      <img src="images/banner1.jpg" />
              </div>
              <div id="social-media-icons">
                      <ul>
                          <li><a href="https://www.facebook.com/groups/150449201771804/"><img src="images/icons/facebook.jpg" /></a></li>
                  <li><a href="£"><img src="images/icons/rss.jpg" /></a></li>
                  <li><a href="http://www.twitter.com"><img src="images/icons/twitter.jpg" /></a></li>
                  <li><img src="images/icons/youtube.jpg" /></li>
                </ul>
                        </div>
             <div id="contact">
         <p><span class="big-blue">Bristol Equestrian Service</span><br>
         Tel: 0117 9190060 / 07900538697<br>
         Email: [email protected]<br>
          [email protected]</p>    
         </div             
            ><div id="topnav">
                      <ul>
                          <li><a href="index.html">Home</a></li>
                    <li><a href="stablesandfieldshelters.html">Stable and Field Shelters</a></li>
                    <li><a href="pricelist.html">Price List</a></li>
                    <li><a href="gallery.html">Gallery</a></li>
                    <li><a href="contactus.html">Contact Us</a></li>
                </ul>
                        </div>
                        <div id="banner">
                      <img src="images/newbanner.jpg" />
                        </div>
    /* Containers */
    #outer                                         {  width:960px; margin:0 auto; background:#FFF; }
    #wrapper                               {  width:900px; margin:0 auto; background:#FFF; }
    #logo                                         {  margin: 30px 0; float:left; }
    #social-media-icons                              {  float:right; }
    #social-media-icons ul li          {display:inline; }
    #social-media-icons ul                    {margin-top:40px; }
    #social-media-icons2                    {  float:left; }
    #social-media-icons2 ul li          {display:inline; }
    #social-media-icons2 ul                    {margin-top:10px; }
    #topnav                               { clear:both;  }
    #topnav          ul                              { border-top:1px #000 solid; border-bottom:1px #000 solid;
                                                                margin:20px 0; padding:10px 0;           }
    #topnav ul li                    { display:inline; }
    #topnav ul li a                    { padding:0 15px; }
    #topnav a:link                              { color: #000;  }
    #topnav a:visited                    { color: #000;  }
    #topnav a:active                    { color: #000;  }
    #topnav a:focus                              { color: #666;  }
    #topnav a:hover               { color: #f90;  }
    #banner                                        { margin-bottom:30px;  }
    #rightside                               { width:200px; float:right   }
    #content                               { width:650px; float:left;  }
    #content-fullwidth          {width:100%; }
    #footer                               { clear:both; margin-top:20px 0; border-top:1px #ccc solid;

    /* Color Legend */
    /* Reset */
    Oops sorry copied it all!
    html, body { margin: 0; padding: 0; border: 0; 
                                            background: transparent; font-size:10px; }
    div, span, article, aside, footer, header, hgroup, nav, section,
    h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
    table, tr, th, td, tbody, tfoot, thead {
              margin: 0;
              padding: 0;
              border: 0;
              vertical-align: baseline;
              background: transparent;
    img           { margin:0; padding:0; border:0; }
    table, tr, th, td, tbody, tfoot, thead {
              margin: 0; padding: 0; border: 0;
              vertical-align: baseline;
              background: transparent;
    table { border-collapse: collapse; border-spacing: 0; }
    input, select, textarea, form, fieldset {
              margin: 0; padding: 0; border: 0;
    article, aside, dialog, figure, footer, header, hgroup, nav, section {
              display:block; }
    h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
              font-family: Arial, Helvetica, sans-serif;
              font-size:100%;
              font-weight: normal;
              font-style: normal;
              line-height: 100%;
              text-indent: 0;
              text-decoration: none;
              text-align: left;
              color: #000;
    ol, ul { list-style: none; }
    /* Global */
    html           {          }
    body          { background: #960          }
    /* Headings */
    h1, h2, h3, h4, h5, h6 { font-weight: bold; }
    h1 { font-size:24px; color:#BB5E00;
              padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }
    h2 { font-size:20px; color:#666 }
    h3 { font-size:16px; }
    h4 { font-size:20px; color: #666}
    h5 { font-size:14px; }
    h6 { font-size:14px; }
    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
    /* Text Elements */
    p                     { color:#000; font-size:12px; line-height:150%; 
                                             margin:15px; 0; }
    p .left                              { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
    p .right                     { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
    a                     {   }
    a:link                              { color: #00f;  }
    a:visited                    { color: #0f0;  }
    a:active                    { color: #000;  }
    a:focus                              { color: #666;  }
    a:hover               { color: #f00;  }
    blockquote            { color:#000; font-size:12px; }
    strong                { font-weight: bold; }
    em                                    { font-style: italic; }
    /* Images */
    /* Lists */
    ul                    {  }
    ol                    { list-style-type:decimal; }
    ul li                        { color:#000; font-size:12px; }
    ol li                         { color:#000; font-size:12px; }
    dl                    {            }
    dt                           {            }
    dd                    {           }
    /* Tables */
    table                 { width:100%; }
    tr                                        {          }
    .odd                              { background-color:#eee; }
    .even                              { background-color:#fff; }
    th                    { font-weight: bold; }
    thead, th              { background: #ccc; }
    tbody                              {   }
    th,td,caption           {           }
    caption                     {           }
    tfoot                 {          }
    .tfooter                    { background-color:#ccc; text-align:center; font-style:italic; }
    caption               { background: #efefef; }
    /* Miscellaneous */
    sup, sub              { line-height: 0; }
    abbr, acronym   { border-bottom: 1px dotted #666; }
    address               {            }
    del                   { background:#FFCECE; color:#f00; }
    code, pre                    { background-color:#FF9; padding:2px 0px; margin:4px 25px;
                                                      font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;          }
    /* Containers */
    #outer                                         {  width:960px; margin:0 auto; background:#FFF; }
    #wrapper                               {  width:900px; margin:0 auto; background:#FFF; }
    #logo                                         {  margin: 30px 0; float:left; }
    #social-media-icons                              {  float:right; }
    #social-media-icons ul li          {display:inline; }
    #social-media-icons ul                    {margin-top:40px; }
    #social-media-icons2                    {  float:left; }
    #social-media-icons2 ul li          {display:inline; }
    #social-media-icons2 ul                    {margin-top:10px; }
    #topnav                               { clear:both;  }
    #topnav          ul                              { border-top:1px #000 solid; border-bottom:1px #000 solid;
                                                                margin:20px 0; padding:10px 0;           }
    #topnav ul li                    { display:inline; }
    #topnav ul li a                    { padding:0 15px; }
    #topnav a:link                              { color: #000;  }
    #topnav a:visited                    { color: #000;  }
    #topnav a:active                    { color: #000;  }
    #topnav a:focus                              { color: #666;  }
    #topnav a:hover               { color: #f90;  }
    #banner                                        { margin-bottom:30px; }
    #rightside h2 {
    font-size: 24px;
        color: #999;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0 0 10px 0; /*top-right-bottom-left*/
    #rightside p {
        margin: 0 0 0 0;
        padding: 0 0 10px 0; /*top-right-bottom-left*/
    #rightside a {
        text-decoration: none;
        color: #7A7D42;
        font-size: 14px;
        padding: 0 0 15px 0; /*top-right-bottom-left*/
    #rightside a:hover {
    color:#BB5E00
    #rightside p {
        margin: 0 0 0 0;
        padding: 10px 0 10px 0; /*top-right-bottom-left*/
        border-bottom: 1px solid #ccc;
    #content                               { width:650px; float:left;  }
    #content-fullwidth          {width:100%; }
    #footer                               { clear:both; margin-top:20px 0; border-top:1px #ccc solid;
                                                       padding-bottom:20px; }
    .rowWrapper {
        overflow: hidden;
        margin: 0 0 15px 0;
    .details {
    width:286px;
    float:left;
    margin: 0 0 0 20px;
    padding: 15px 0 0 0;
    border-top: 2px solid #000;
    .details p {
    margin: 0;
    padding: 0 20px;
    #box1 {   }
    #box2 {  }
    #box3 {  }
    #box4 {  }
    #box5 {   }
    #box6 {   }
    #box7 {   }
    #box6 {  }
    #box9 {   }
    #box10 {   }
    /* Layout Extra */
    /* Navigation Extra */
    /* Forms */
    /* Forms */
    form ol { list-style-type:none; }
    form           { text-align:left; margin:20px;          }
    label           {
                        float: left; width: 150px; margin-top:5px;
                        text-align:right; display:block; background:none; font-weight:bold;
    submit          { background:none;           }
    input           {
                        width: 280px; margin:0 0 16px 10px;
                        border:1px #bbb solid; padding:5px; background:none;
    input:focus, textarea:focus          { background-color:#CCC; }
    textarea {
                        width: 280px; height: 150px; margin:0 0 16px 10px;
                        border:1px #bbb solid; padding:5px; background:none;
    select { margin-bottom:20px;          }
    .month { margin-left:155px;          }
    .submit {
                        width:90px; height:25px;
                        margin-left:160px;
                        font-size:12px;
    br                    { clear: left;           }
    .clear          { clear:both; }
    /* Miscellaneous  */
    .copyright-text          { font-size:80%; font-style:italic; color:#333; }
    .footer-text          { font-size:100%; font-style:normal; color:#000; text-align:center; }
    .title                              { font-size:18px; font-weight:bold; color:#333;  }
    .subtitle                    { font-size:14px; font-style:italic; color:#333;  }
    .artist                              { font-size:16px; font-weight:bold; color:#333;  }
    .author                              { font-size:14px font-weight:bold; color:#555;  }
    .editor                              { font-size:14px font-style:italic; color:#555;  }
    .pub-date                    { font-size:10px font-style:italic; color:#555; }
    .article-date          { font-size:10px font-style:italic; color:#555;  }
    .location                    { font-size:10px font-style:italic; color:#555;  }
    .float-right          { float:right; }
    .float-left                    { float:left; }
    .clear                              { clear:both; }
    .hide                              { display:none; }
    .block                              { display:block; }
    .inline                              { display:inline; }
    .first                              { font-weight:bold; }
    .last                              { font-weight:bold; }
    .left                              { font-weight:bold; text-align:left; }
    .right                              { font-weight:bold; text-align:right; }
    .added                { background:#D7D7FF; }
    .removed              { background:#FFCECE; color:#f00; }
    .changed                    { background:#FFB; }
    /* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */
    .error, .alert, .notice, .success, .info {
              padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
    .error, .alert           { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    .notice                              { background: #fff6bf; color: #514721; border-color: #ffd324; }
    .success                       { background: #e6efc2; color: #264409; border-color: #c6d880; }
    .info                               { background: #d5edf8; color: #205791; border-color: #92cae4; }
    .error a           { color: #8a1f11; }
    .alert a           { color: #8a1f11; }
    .notice a   { color: #514721; }
    .success a  { color: #264409; }
    .info a                    { color: #205791; }
    #contact {
              float: right;
              clear: both;
    .big-blue {
         font-size:32px;
         color:#000;
               font-family:Monotype Corsiva;

  • Adobe error message on the contact page

    I have set-up a new form, copied the embed code and the form on the site's contact page was working correctly. This morning I see an Adobe error message.
    Contact page :  http://www.fradkinfineconstruction.com/fradkin_contact_white.html

    Hi;
    What is the error that you see?  What operating system and web browser are you using?
    I am able to view the contact page with the form, and was able to fill out and submit the form without error.
    Thanks,
    Josh

  • Contact page and Version name question

    When making a contact sheet, is it possible to just have the image number under each photo and NOT the words "Version Name"?
    Thanks.

    I'm trying to find out whether this is possible as well. It's annoying having "Version Name" print out on something I'd like to show a client!

  • Contact page not working, please help

    Hi,
    I have a problem with my contact page,when I fill in the fileds,and click on SEND, the information is supposed to clear from the fields, and send to the specific email address,
    BUT
    what happens is the fields dont clear and nothing sends,
    I am hosting with spry.com, they support php, but for some reason they tried to say they cant do it for spam reasons??? I have given the read,write permissions  as per image
    <?php
    $sendTo = "[email protected]";
    $subject = "Enquiry from Your Website";
    $headers = "From: " . $_POST["name"] . "<" . $_POST["email"] .">\r\n";
    $headers .= "Reply-To: " . $_POST["email"] . "\r\n";
    $headers .= "Return-path: " . $_POST["email"];
    $message = "Company: " . $_POST["message"] . "\r\n" . "Subject: " . $_POST["message2"]. "\r\n" . "Message: " . $_POST["message3"];
    mail($sendTo, $subject, $message, $headers);
    ?>
    if i cant use this php code, is there any other way to use my flash contact page to send enquiries ?????
    any ideas would be highly appreciated,

    I dont have the button opened for editing, I was only looking for any other places where code might be,forget about the button being open,this is the right place where the code is, I've tried everything,
    Im getting to the point now where i dont think there is much i can do to get it working,
    As I described it my original post, I am with SPRY as my hosting,
    They have mentioned something about SPAM AND NOT ALLOWING php OR something,
    Besides using PHp for my contact page , is there any other way i can try the contact form but using some other way to parse my form????
    Thanks

  • My contact page will not accept any inputs.

    Here is the entire problem. 1. on my contact page built with Flash CS5, I try to enter text into the boxes. Only the characters c,l,o,n,t will actually type. Nothing else enters. What did i do wrong? 2. I can't for the life of me, make a pretty flash link work to go to another URL. /facepalm . I would love some help and/advice (besides delete flash and use frontpage 95.) If you'd like, you can find the .fla file here.
    http://www.elegantproposals.net/fixme.fla
    If you'd even like to contribute to my lazyiness, you're welcome to fix it for me. *hint* got paypal? I'll send ya a few bucks or sumthin.  Thank you for reading and your time guys.
    Marc

    I haven't taken a look at the file yet, but here are some things you might want to try in the meantime.
    For the text box issue, did you embed the font you're using?  Sometimes that can cause character display issues.  Just go to embed font
    in the properties of the text box.  For the gotourl, make sure it has www before it, so the link would be
    http://www.myurlhere.com
    Also, is this coded in AS2 or AS3?

  • Were can I find a good turtorial for making a contact scheme in flash?

    I am making a flash site, and wonder were I can find a good turtorial for making a contact scheme, where people can answer questions who is sent to my email.

    Just search Google using the terms "AS3 contact tutorial" and you should find a few good tutorials.

  • Took a new photo while in *contact* page; now where is it??

    Today, while inputting a friend's email address, I decided to take a pic to attach to his contact. Normally, I'd take a pic using the Camera app, but since I was already on his contact page, I took it from within the Contacts app, by tapping "add photo," then "take photo." Then I told him I'd send it to him.
    Well, the pic shows up with the contact (and it synced to Address Book on the Mac) but on the iPhone, _the pic doesn't show up in either the camera roll or the photo library._
    How do I access that pic?

    I hadn't noticed this until now, but you're right-- you can't access photos that you take from the Contact app to assign to a contact from the Photos app and, therefore can't import them.
    So, to answer the question, I don't think you can. If I'm wrong, someone please correct me!

  • Email form in a contact page

    Can anyone recommend a quick tutorial on how to create an email submission from on a contact page? I know I need some kind of php script, but I have no idea how to write one. I need to know how to have the info submitted in the form sent to an email address of my choosing.
    Thanks,
    Nick

    Take a peak (sic) here:
    paulgdesigns.com/learncontactform.php
    Gary
    Lookup email injection attack. Without injection sanitation your example script is an open invitiation to host spam. It only takes one line of code to sanitize your email script. Why not include the sanitation in your example?

  • Help!! my iphone just stuck on the contact page!

    I just wanted to call someone and it stuck on the contact page! i tried to shut it down but when i opened it , it steel on the that page and refuse to get back to the homepage , what should i do?

    You should hold them for as long as it takes for the screen to go black and the apple logo to appear. When you say: "i tried to shut it down but when i opened it , it steel on the that page" how did you try to shut it down?

  • Trouble with people using my e-mail link on my contact page

    Some people using my e-mail link on my contact page aren't able to reach my e-mail account. I use statcounter so I can see that they have exited through the e-mail link, but then I never get the e-mail. I use g-mail and anytime I test the link it seems to work.
    Anyone else have trouble like this?
    Is there a more reliable way to have email access using iWeb?
    Here's the contact page: http://web.me.com/phelpssculpture/Site/Contactpage_DavidPhelps.html
    If anyone is willing to take the time, please respond to this post in this forum and try to send me an e-mail from my contact page. I'd like to find out if this is a widespread problem. If so I need to find a better way for people to reach my e-mail.
    Thanks, David

    Just sent you an email from that link.
    Happy Holidays

  • New version of yahoo mail - completely blank contact page (no tabs,columns, or contacts) but on internet explorer works fine

    I just got the newest version of Yahoo Mail and on Internet Explorer everything works fine. On Firefox, the contact page is completely blank ( no tabs, columns, or contact information)

    Yahoo have acknowledged my emails and have now resolved this problem. It was obviously at their end and only started with their new mail client.

  • Why is there space under the copyright bar on the contact page?

    why is there space under the copyright bar on the contact page? all the other pages in the site fit flush at the bottom except on the contact and coaching page. does anyone know why? thanks
    http://worldmarketdesign.com/strategic/contact.html

    What I'm saying is that the footer will always follow the content above it.  On short pages, footer may not align with bottom of browser viewport because the page content above isn't long enough to fill the screen.  Since everyone uses different display sizes, this is perfectly normal behavior and shouldn't be a major concern.
    Nancy O.

Maybe you are looking for