Installing Contact-Form-7 – WordPress Plugin

I have a clean installation of wordpress 4.8.2. and created a new theme called ‘wpplayground’ with standard files.

  • wpplayground
    • lib
    • functions.php
    • footer.php
    • header.php
    • index.php
    • screenshot.png
    • style.css

For the navigation there are four simple pages created.

image01.jpg

Install and Activate the Contact Form 7 plugin. Make sure it is by Takayuki Miyoshi.

image02.jpg

After activated the plugin, go the Contact Forms and you should see a default ‘contact form 1’. Copy the shortcode

image04.jpg

Go to the Contact page and paste the code.

image05.jpg

Open your index.php and create a loop and with the the_content();.

<!-- Header -->
<?php get_header(); ?>

<?php
    if ( have_posts() ) :
    while ( have_posts() ) : the_post();

    the_content();

    endwhile;
    else:
        _e('There is no pages matches your criteria.');
    endif;
    ?>

<!-- Footer -->
<?php get_footer(); ?>

Refresh the page and you should see the standard contact form

image06.jpg

Enter some details and click the ‘Send’ button. You should get an error notification. Now don’t panic, this means the contact form 7 is working fine. We need to configure the mail settings in order to send emails.

image07.jpg

To configure emails, See » Install and Configure WP Mail SMTP – WordPress Plugin and come back here.


After you configure the mail and tested with WP Mail SMTP. Go to your default Contact form 1 and add a Email to the ‘To’ field. When you fill and send the form you will receive the details in this email id, so make sure it is a valid email id.

image08.jpg

Fill the details and click the ‘Send’ button.

image09.jpg

If you have done everything correct, you should get a Thank you notification message.

image10.jpg

GoodHelpful!Very Helpful!Awesome!!   Is the article helpful?
Loading...
Copyright © 2006 - 2018 beekeepersblog. All rights reserved