0

I have a single page site with all content on it. The only other page I have is a "thanks for submitting the contact form" page. In this "thankssubmit.php" page I have my PHP form submission code.

I'm new to wordpress so I may be doing this totally wrong but I've created a custom page template for this "thankssubmit.php" page using /Template Name: Thanks Submit/.

I've then applied that template to a brand new page in WP. I can't add .php to the slug which is maybe the only problem but I can't see a way around this. A strange issue is that when I submit the form I go to the correct URL but get a "page not found" error. If I copy and paste this exact same URL I go to the correct page...

Below is the code for all.

I've had a look and I can't see this question being a repeat but if so a nudge in the right direction would be greatly appreciated!

Form

<form method="post" action="thankssubmit.php">
        <h3>Drop Us a Message</h3>
        <div class="row">

          <div class="col-sm">
            <div class="form-group">
              <input id="nameInput" type="text" name="name" onkeyup="manage(this)" class="form-control" placeholder="Your Name *" />
            </div>
            <div class="form-group">
              <input id="emailInput" type="text" name="email" onkeyup="manage(this)" class="form-control" placeholder="Your Email *" />
            </div>
            <div class="form-group">
              <input type="text" name="phone" class="form-control" placeholder="Your Phone Number" />
            </div>
            <div class="form-group">
              <input id="weddingDatePicker" type="date" name="date" class="form-control" placeholder="Your Wedding Date -" />
            </div>
            <div class="form-group">
              <input type="text" name="hear" class="form-control" placeholder="How did you hear about us?" />
            </div>
          </div>

          <div class="col">
            <div class="form-group">
              <textarea id="messageInput" name="message" onkeyup="manage(this)" class="form-control" placeholder="Your Message *" style="width: 100%; height: 254px;"></textarea>
            </div>

            <div class="form-group">
              <input id="contactSubmitBtn" type="submit" disabled name="btnSubmit" class="btn" value="Send Message" />
            </div>
          </div>
        </div>
      </form>

thankssubmit.php page

<?php get_header(); ?>

<!-- THANKS OR SUCCESS MESSAGE AFTER THE EMAIL HAS BEEN SENT -->
<section id="thanksMsgPG">

<h1 class="thanksmsg">Thanks for getting in touch.</h1>
<h3 class="thanksmsg">We'll get back to you ASAP!</h3>
<a href="/"><button class="btn ">Back</button></a>

</section>

<?php get_footer(); ?>


<?php

/*
Template Name: Thanks Submit
*/


if (isset($_POST['btnSubmit'])) {

    // EMAIL AND SUBJECT OF EMAIL BEING SENT
    $email_to = "hello@everafterfilmsni.com";
    $subject = "Contact Submission Form";

//ERROR MESSAGES IF DIED FUCNTION IS CALLED (SEMI-REDUNDANT BECAUSE SEND BUTTON WONT BE ENABLED UNTIL INPUT FIELDS ARE FILLED CORRECTLY ANYWAY)
    function died($error)
    {

        echo "We are very sorry, but there were error(s) found with the form you submitted. ";
        echo "These errors appear below.<br /><br />";
        echo $error . "<br /><br />";
        echo "Please go back and fix these errors.<br /><br />";
        die();
    }

    // IF NOTHING ENTERED THEN THROW ERROR MESSAGE
    if (!isset($_POST['name']) ||
        !isset($_POST['email']) ||
        !isset($_POST['message'])) {
        died('We are sorry, but there appears to be a problem with the form you submitted.');
    }

//GETTING THE NAME EMAIL PHONE MESSAGE FROM THE FORM AND PUTTING IT INTO VARIABLES
    $full_name = $_POST['name']; // required
    $email_from = $_POST['email']; // required
    $phone = $_POST['phone'];
    $date = $_POST['date'];
    $hear = $_POST['hear']; // required
    $message = $_POST['message']; // required


    $error_message = "";
    $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';

//CHECKING TO MAKE SURE VALID EMAIL IS ENTERED
    if (!preg_match($email_exp, $email_from)) {
        $error_message .= 'The e-mail you entered does not appear to be valid.<br />';
    }
//CHECKING TO MAKE SURE VALID NAME IS ENTERED
    $string_exp = "/^[A-Za-z .'-]+$/";
    if (!preg_match($string_exp, $full_name)) {
        $error_message .= 'The name you entered does not appear to be valid.<br />';
    }
//CHECKING TO MAKE SURE MESSAGE IS MORE THAN 2 CHARACTERS
    if (strlen($message) < 2) {
        $error_message .= 'The message you entered does not appear to be valid.<br />';
    }
    if (strlen($error_message) > 0) {
        died($error_message);
    }

    $email_message = "Form details below.\n\n";

//MAKING SURE THERE ARE NO HEADER INJECTIONS
    function clean_string($string)
    {
        $bad = array("content-type", "bcc:", "to:", "cc:", "href");
        return str_replace($bad, "", $string);
    }

//THE FORMAT OF THE EMAIL BEING SENT. CLEAN STRING CLEANING ANY WHITE SPACE
    $email_message .= "Name: " . clean_string($full_name) . "\n";
    $email_message .= "Email: " . clean_string($email_from) . "\n";
    $email_message .= "Phone: " . clean_string($phone) . "\n";
    $email_message .= "Wedding Date: " . clean_string($date) . "\n";
    $email_message .= "I heard about you via: " . clean_string($hear) . "\n";
    $email_message .= "Message: \r\n" . clean_string($message) . "\n";
    $email_from = $full_name . '<' . $email_from . '>';

// CREATING EMAIL HEADER FOR GMAIL TO RECOGNISE
    $headers = 'From: ' . $email_from . "\r\n" .
    'Reply-To: ' . $email_from . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
    @mail($email_to, $subject, $email_message, $headers);

    // echo $email_message;

    ?>

<?php
}
?>

First image below shows the URL error after we submit the form and the second shows after we reload the pages URL.After click submit button on previous page

After reload of URL

New contributor
Sam Donaghy-Bell is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
0

Why not use WordPress plugins? Try the following plugins :

  1. Gravity Forms
  2. Contact Form 7 and contact Form 7 Thank You

I hope I helped

New contributor
Amir Espelani is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
1
  • Because the form I have is many custom fields and a very custom look that has already been made responsive on all devices. I don't want to have to re do everything. – Sam Donaghy-Bell Feb 23 at 12:36
0

Thanks For your Comment

you need to change some part of your code

The way is not quite right but it works

in directory wp-content/themes/your-theme
crate a php file and set name page-thanks.php

And put your code in this file For simple :

<?php
     /**
     * Template Name: thank you page
     *
     */
     get_header();

     YOUR CODE 

     get_footer();
      ?>

Now Create A page and set page template Thank you page

Now you can see the page you created

New contributor
Amir Espelani is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.

Your Answer

Sam Donaghy-Bell is a new contributor. Be nice, and check out our Code of Conduct.

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.