Huntor
  • Introduction
  • Support
  • Get started
    • Requirements
    • What’s Included?
  • Download and installation
    • Download
    • Install Theme and Active
    • Plugins installation
    • One Click To Import Demo
  • Content Management
    • MainMenu
    • Header
    • Footer
    • Homepage
      • Create a New Page Elementor
      • Sider Revolution
      • Homepage Settings
      • Change Body Background & Breadcumb
      • Newsletter
    • Blog
      • Create a Post
      • Create a Blog page
      • Layouts for Blog Page/Post
    • WooCommerce
      • Single Product Sidebar Page Layout
      • Shop Layout
        • Shop with Left/Right Sidebar
        • Shop Fullwidth
        • Settings for Shop page
      • Extra
      • Store Notice
      • Checkout
  • Sidebar and widgets
    • Widget Sidebar
  • Setting
    • Customize
      • Typography
      • Color
      • Layout
      • Blog
      • Header & Footer
        • Header
        • Footer
      • Socials
      • Maintenance
      • Side Identity
      • Menus
      • Widgets
      • Homepage Settings
      • Additional CSS
    • Template
    • Newsletter
    • Contact Page
  • FAQS
    • How long time get Support
    • How To Submit Ticket
    • FAQs
      • I can not import demos. How can i do?
      • I don't receive email from Contact Form. How can I do?
      • How to Add Instagram in WordPress
  • Recommendation
    • Optimize Wordpress
    • Translation
Powered by GitBook
On this page

Was this helpful?

  1. Setting

Contact Page

PreviousNewsletterNextHow long time get Support

Last updated 3 years ago

Was this helpful?

1. Create Contact Form.

Make sure you install and active Contact Form plugin to continue reading.

Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New .

Step 2 - Give a Name to your form and change Mail Info.

<div class="row">

<div class="col-md-6 col-sm-12 mb-4">
[text* your-name placeholder ="Name *"]
</div>

<div class="col-md-6 col-sm-12 mb-4">
[email* your-email placeholder ="Email *"]
</div>


<div class="col-sm-12 mb-4">
[textarea your-message 40x8  placeholder ="Message" ]
</div>

<div class="col-sm-12 mb-4">
<button id='submit' type="type" class='wpcf7-form-control wpcf7-submit button-skew button-primary'><span>Send</span></button>
</div>

</div>

Step 3 - Message tab. It will show all notice for you.

2. Create Contact Page

Step 1 - Log in to your WordPress Administration Panel (Dashboard).

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Elementor plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Contact Form element.

Step 6 - The Contact Form Settings should appear. Select the Form you want to use you can also customize the color and change the fields layout and button design .

Step 7 - Update / Publish your page

Note: After add contact form, you should configure email system in order to receive email from forms when customers submit forms.

See more:

How to Configure Email System in WordPress