Adding a second "contact" form

Home Forums Porto – Responsive HTML5 Template Adding a second "contact" form

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10004534
    tyoung560
    Participant

    Hello,

    I’m trying to add a second contact form on my website to use as an employment form. I can’t figure out what I need to change in the provided forms to use them as a secondary form on another page.


    #10004537
    Support
    Keymaster

    Hello, can you please confirm which Porto version are you using?

    Thanks.


    #10004561
    tyoung560
    Participant

    I am using the HTML version. And just to clarify the issue again…I have the original contact form on my contact.html page that references contact-form.php

    I’ve added an employment page at employment.html

    I copied the contact.html code to the employment.html page and copied the contact-form.php and renamed it employment-form.php and changed this line of code “<form id=”contactForm” action=”php/employment-form.php” method=”POST”>”

    I also added the view.contact.js to the bottom of the page but I am not receiving the email


    #10004581
    Support
    Keymaster

    Hello, I was actually asking which version of Porto HTML you got (because in the latest one it’s a little bit different).

    The basic contact-form is basically divided in 3 parts.

    1) HTML (contact-us.html)

    As you can see, you need to set different IDs for the items marked in the screenshot for each form that you will add.

    2) JS (js/views/view.contact.js)

    In the JS you need to set those ids and set the “data” object, with all the fields values that you want to send to the email.

    3) PHP (php/contact-form.php)

    In that file, you need to set the email and the values.

    Hopefully it will help.

    Let me know if you have any questions.

    Thanks.


    #10004582
    tyoung560
    Participant

    Hi sorry for the confusion, i’m using 3.1.1


    #10004584
    Support
    Keymaster

    Hum, ok, but actually the instruction to duplicate the form are pretty much the same, please take a look at the screenshots I sent.

    Thanks.


    #10004833
    tyoung560
    Participant

    Ok so I followed your instructions. I had both forms functioning but I didn’t change the fields on the “employment” form yet. I just changed the fields and it no longer works. I changed them back the original fields but now only the “employment” form works and the “contact” form doesn’t work anymore. What’s even more strange is that the “employment” form works but it doesn’t show that the message was sent successfully. Can you help figure out whats going on?

    Here’s the URL if you’d like it….http://www.youngtimyoung.com/employment.html and http://www.youngtimyoung.com/contact.html


    #10004840
    Support
    Keymaster

    Hello,

    1) Employment Form: It looks like the problem is just the IDs of the messages:

    (That need to be changed to employmentSuccess and employmentError).

    2) Not sure if you were able to figured it out, but the success message appeared after I send the test message, so if you’re not receiving the emails it’s probably just a fix in the PHP file that need to be done.

    Let me know if you have any questions.

    Thanks.


Viewing 8 posts - 1 through 8 (of 8 total)

This topic is marked as "RESOLVED" and can not rceive new replies.