Home Forums Porto – Responsive HTML5 Template Success message not displaying

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #10031922
    mabbutt@hotmail.com
    Participant

    Hi,

    All my contact forms send the message successfully but the page then redirects to the php page.

    I have the contact-form class in the form and also set the error message as instructed.

    I want the success message to be displayed and the page to remain on the page that the message is sent from.

    Please can you have a look and let me know what I have done wrong?

    Thank you


    #10031934
    Support2
    Keymaster

    Hello,

    It’s missing the view.contact.js script on footer of page. Please add like the image below:

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10031952
    mabbutt@hotmail.com
    Participant

    This worked perfectly, thank you for the quick response and easy instructions.


    #10031956
    Support2
    Keymaster

    Hello,

    Great!

    If you need further assistance feel free to contact us.

    Kind Regards,

    Rodrigo.


    #10031981
    mabbutt@hotmail.com
    Participant

    Hi,

    If I try to post a new message it says there is an error and I receive a forbidden message.


    #10031982
    mabbutt@hotmail.com
    Participant

    Please see this link for a screenshot of the message that I cannot post here:

    Screenshot of message


    #10031983
    mabbutt@hotmail.com
    Participant

    This is the error i get:

    Error


    #10031985
    Support2
    Keymaster

    Hello,

    Oh, you are right. This article (http://www.okler.net/forums/topic/how-to-setup-google-recaptcha-in-the-contact-form/) is out of data and should be considered just for older versions of Porto. We will update the topic with a information about this. Sorry for this trouble.

    In the most recent versions of Porto the JS and PHP part is automatic and don’t need any change.

    To get the contact form working with Google reCaptcha v2 please follow the steps below:

    1) Add the recaptcha on form HTML:

    <div class="row mb-sm">
    	<div class="col-md-12">
    		<div class="g-recaptcha" data-sitekey="YOUR_RECAPTCHA_SITE_KEY"></div>
    	</div>
    </div>

    And change the action of form to:

    <form class="contact-form" action="php/contact-form-recaptcha-v2.php" method="post">

    2) Include the script of recaptcha on footer:

    <script src='https://www.google.com/recaptcha/api.js' async defer></script>

    3) Change the SECRET KEY to yours in contact-form-recaptcha-v2.php.

    To get the contact form working with Google reCaptcha v3:

    1) Change the action of form to:

    <form class="contact-form-recaptcha-v3" action="php/contact-form-recaptcha-v3.php" method="POST">

    2) Include the script of recaptcha v3 on footer:

    <script id="google-recaptcha-v3" src="https://www.google.com/recaptcha/api.js?render=YOUR_RECAPTCHA_V3_API_KEY"></script>

    3) Change the SECRET KEY to yours in contact-form-recaptcha-v3.php.

    You can find these instructions in the documentation that comes with template on downloaded package from ThemeForest.

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10031986
    Support2
    Keymaster

    Hello,

    Regarding the issue to post the message here, we will investigate this.

    Sometimes the system blocks messages with codes, scripts, etc.. But by reading your message, the system shouldn’t block since don’t have any “insecure” code.

    Kind Regards,

    Rodrigo.


    #10031998
    mabbutt@hotmail.com
    Participant

    Thank you for sending clear instructions, these worked perfectly.

    I really do appreciate your support, it is amazing!


    #10032001
    Support2
    Keymaster

    Hello,

    Great!

    If you need further assistance feel free to contact us.

    Kind Regards,

    Rodrigo.


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