Kilio
  • Introduction
  • Support
  • Get start
    • Requirements
    • What’s Included?
  • Download & Install
    • Download
    • Install Theme and Active
    • Install & Activate Plugins
    • One Click To Import Demo
  • Content Management
    • MainMenu
    • Slider Revolution
    • Header
      • Premade Header Builder
      • Edit a Header Builder
    • Footer
      • Premade Footer Builder
      • Edit a Footer Builder
    • Homepage
      • Create New Page Elementor
      • Settings for Homepage
    • Newsletter
    • Contact Page
    • Blog
      • Create a Post
      • Add Blog Page with Elementor
      • Blog Layouts
        • Single Blog Layout
        • Blogs Page Layout
    • WooCommerce
      • WooCommerce Settings
      • Single Product Sidebar Layout
      • Shop Layouts
    • Breadcumb
  • Sidebar & Widgets
    • Widget Sidebar
  • Settings
    • Customize
      • Typography
      • Color
      • Layout
      • Blog
      • WooCommerce
      • Header & Footer
      • Socials
      • Maintenance
      • Site Identity
      • Header Text Color
      • Header Image
      • Menus
      • Widgets
      • Homepage Settings
    • Contact Page
    • Template
  • FAQs
    • How long time get Support
    • How To Submit Ticket
    • FAQs
      • I can not import demos. How can i do?
      • How to Add Instagram in WordPress
      • I don't receive email from Contact Form. How can I do?
  • Recommendation
    • Optimize Wordpress
    • Translation
    • More WordPress themes
Powered by GitBook
On this page
  • 1. Create Contact Form.
  • 2. Create Contact Page

Was this helpful?

  1. Settings

Contact Page

PreviousHomepage SettingsNextTemplate

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 .

Give a Name to your form and change Mail Info.

<div class="row">
<div class="col-md-12">
<p>
[textarea* your-message x4 "Message *"]
</p>
</div>
<div class="col-md-6">
<p>
[text* your-name id:form-name-2 akismet:author placeholder ="Your Name *"]
</p>
</div>

<div class="col-md-6">
<p class="mb-4">
[email* your-email id:form-email-2 akismet:author_email placeholder ="Email Address *"]
</p>
</div>

</div>
<button type="submit" value="Submit"><span>send message</span></button>

Step 2: Mail settings:

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