email me button

  • Profile Image
    Tellmemore
    Asked 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!

  • Profile Image
    moonzkie
    Answered 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
    idarktech
    Answered 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
    Tellmemore
    Answered 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
    idarktech
    Answered 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
    idarktech
    Answered 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
    Tellmemore
    Answered 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
    Rodjit
    Answered 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
    Tellmemore
    Answered 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
    idarktech
    Answered 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
    Tellmemore
    Answered 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
    Tellmemore
    Answered on September 24, 2012 at 04:49 AM

    Thanks Rodjit for the info about Gravatar!

  • Profile Image
    idarktech
    Answered 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
    Tellmemore
    Answered 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
    idarktech
    Answered 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
    Tellmemore
    Answered 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!!