What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    email me button

    Asked by Tellmemore on September 24, 2012 at 01:53 AM

    I'm trying to find what code/field to use in forms that sends the person who's filling in the form a copy of the info.

    Basically, they fill out my 'contact me' form and I want them to be able to get a copy of what they just sent me. I've seen it on sites before, its generally a radio or checkbox that says "send me a copy".

     

    I found the following code elsewhere--would it, or something like it work on my forms?

     < form action="" method="POST">
    <input type="checkbox" name="emailCopy" value="emailCopy" />
    <input class="button" type="submit" id="Email " name="submit" value="Email me a copy" />
    </form >




     

     

     

    I look forward to your reply.  Thank you!

    Page URL:
    https://www.sites.google.com/a/dslextreme.com/storyteller/guestbook/Fi<br/>llinEmailForm

  • Profile Image

    Answered by moonzkie on September 24, 2012 at 02:07 AM

     

    Hi,

    Yes, you can do that by setting up an "Autoresponder Email". To do that open your form on the Form Builder and then:

    1. Click on "Setup and Share" tab
    2. Click on "Email Alerts"
    3. Select "Auto-Responder"

    Hope this helps. Thank you.

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 02:25 AM

    In addition to moonzkie, after creating your form auto-responder, you can create conditions for your send me a copy checkbox field. Example:

    1. Create that checkbox question in Jotform builder.

    2. Go to conditions by clicking Setup & Embed >> Conditions >> Send an e-mail after submission

    3. Create your condition. (check the 2nd screen)

     

    Example Condition:

    Let us know if you have further questions. Thanks!

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 02:59 AM

    Sigh, nothing ever works the first time 'round for me!

    I like all your graphics, just wish I had what you do!

     

    I don't have...

    send me a copy of this email

    if: send me a copy

     

    in my email alerts, I only have

    Email List

    Notification

    in that window, there's a 'reply to and recipient settings' box.

    if I click it, I get a window with

    sender name: name

    sender email: email

    recipient email: your email

    When I do a test email, *I* get an email.  But, how does the person filling out the form get a copy of their email, since there is no "EMAIL ME A COPY" button on the form?

     

    Here's the form I'm trying to work on at the moment

    https://sites.google.com/site/stufff2share/empg

    As you see, there is not an "EMAIL ME A COPY" button on the form.  Because I do not have a way to do the steps that you showed me.

    HELP, I am totally lost!

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 03:09 AM

    Tellmemore,

    If you'll look closely on my first screen there's a checkbox field called "Send me a copy of this email?". I did this on the form builder, you just need to drag a check box tool in your form then modify its option. Here's how:

    1. Open that contact form in the form builder

    2. Add checkbox field and modify its options

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 03:22 AM

    Ok, I have cloned your form and added it for you: http://www.jotform.me/form/22672141427449?

    You can clone this form back. Follow this guide: How to clone an existing form from a URL

    Now, what you just need to do is to create the conditions, if you need any help just let us know.

    Thanks!

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 03:42 AM

    Thanks! I was just finishing up my try at it when you sent me your clone.  I think I did mine correct, finally; but it was excellent to get your clone too!  I'm certainly learning alot.  BTW, I see that my gravatar is not appearing yet--guess it takes longer than I thought.  Thanks again!

  • Profile Image
    JotForm Support

    Answered by Rodjit on September 24, 2012 at 03:58 AM

    Hi Tellmemore,

    That's great to hear!

    Gravatar takes days/weeks to effect on your email, see mine, nothing appear at the moment. :)

    Thanks

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 03:59 AM

    One more thing...how did you get the text "Send me a copy of this email" all on one line?

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 04:03 AM

    @Tellmemore,

    I used CSS code for that and injected it to the form:

    #id_6 .form-label-left{

    width: 220px !important;

    }

    How to Inject Custom CSS Codes

    Just add that code below the existing CSS codes.

    Thanks!

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 04:46 AM

    Well, for heaven's sake, it's not working!  I am trying to add this to my other form
    http://form.jotform.us/form/22618189447160 

    I did the step as you said, but nothing changed.  Is it because I'm using the wrong ID number for the field?  The ID for this field says #input_8_0,

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 04:49 AM

    Thanks Rodjit for the info about Gravatar!

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 05:00 AM

    Yes, that's because the field ID for that form is id_8, in CSS it should be:

    #id_8 .form-label-left{

    width: 220px !important;

    }

    Here's a short video tutorial on how to get field ID using chrome inspect element. http://idarktech.com/jotform/video/get_id.html

    Let us know if you need anything else. Thanks!

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 05:07 AM

    What is wrong with my code--since it's still not working?

     

    /*--red border on error--*/
    .form-validation-error {
    border: 1px solid #FFB0B0 !important;
    }/*---form textbox styles fixed---*/
    .form-textarea, .form-textbox  {
    border: 1px solid #b7bbbd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px;
    background:transparent !important;
    width: 390px !important;
    max-width: 390px !important;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);
    box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);
    border: 1px solid #AEAEAE;
    color: #333;
    font-family:verdana !important;
    }/*--form all styles--*/
    .form-all{
    background:url('https://cms.jotform.com/uploads/image_upload/image_upload/global/6332_bg_envelope.png') no-repeat;
    float:left;
    padding-left: 54px;
    padding-top: 0px !important;
    width: 480px;
    height: 578px;
    }/*---remove error message---*/
    .form-error-message {display: none !important;}
    .form-line-error {
    background:none repeat scroll 0 0;
    }
    /*---button error move down---*/
    .form-button-error {
    display: block !important;
    }/*---submit button move--*/
    .form-submit-button{
    margin-top:0px !important;
    cursor: pointer;
    }#id_6{
    text-align: center !important;
    font-weight: bold !important;
    font-size: 25px !important;
    color: #3e83a5 !important;
    margin-right: 39px !important;
    font-family: arial !important;
    padding:0px !important;
    }
    #text_6{
    margin-right: 20px;
    padding-top: 10px;
    }
    .form-buttons-wrapper{
    margin-right: 60px;
    }.form-textarea:focus, .form-textbox:focus{
    outline:none !important;
    }/*--fix textarea height--*/
    #input_4{
    height: 95px !important;
    max-height: 95px !important;
    }/*--fix captcha--*/.form-captcha .form-textbox{
    width:130px !important;
    }
    #input_8_0{width: 5px !important;
    }
    #id_8 .form-label-left{width: 220px !important;}

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 05:14 AM

    The code is correct, you just need to set your label alignment to left instead of right. Check this screen:

    After this changes, if the form doesn't update. Please view it using this link: http://www.jotform.us/form/22618189447160

    Thanks.

  • Profile Image

    Answered by Tellmemore on September 24, 2012 at 06:22 AM

    Well duh!  That was easy!  OK, time for me to get some zzzzz's; nite & thank you!!