1. Home
  2. Shuban – WordPress Blog Theme
  3. How to create a contact form?

How to create a contact form?

Contact Form 7:

We have used this plugin for making our contact form work. Contact Form 7 is one of the most popular plugins for creating contact forms. It can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. You can read more about contact form 7 WordPress plugin on https://contactform7.com/.

contact form

How to create Contact form?

Follow these steps to create contact form:

  1. Login to WordPress admin dashboard.
  2. First we will check Contact form 7 plugins is activated or not. If you have this step while installing your theme, you already must be having ‘Contact form 7’ installed. Make sure that this plugin is activated.
  3. If plugins is deactivate. First we need activate plugins by going to Plugins > Installed Plugins.
  4. Go to Contact in the WordPress menu . contact form
  5. And create new contact form.
  6. Paste following code in the contact form. We have covered all styling required to build your forms without worrying about its appearance.
    <div class="shuban-contact-form row mb-4">
    
     
    <div class="col-md-6"><label class="w-100"> Your Name: (required) [text* your-name class:form-control] </label></div>
     
    <div class="col-md-6"><label class="w-100"> Your Email: (required) [email* your-email class:form-control] </label></div>
     
    <div class="col-md-6"><label class="w-100"> Subject: [text your-subject class:form-control] </label></div>
     
    <div class="col-md-6"><label class="w-100"> Contact Number: [text contact-number class:form-control] </label></div>
     
    <div class="col-md-12"><label class="w-100"> Your Message: [textarea your-message class:form-control] </label></div>
     
    <div class="col-md-12 text-center mb-2">[submit class:read-post "Send"]</div>
     
    
    </div>
  7. Click on save button. contact form
  8. Copy the shortcode and paste where you want in page or post. contact form
  9. Click on save button on page.

Visit your website.

Was this article helpful to you? Yes No

How can we help?