• Home
  • Getting Started
  • Home
  • Getting Started

Contact Form

First, make sure that you have installed Contact Form 7 plugin. After this go to Contact -> Contact Forms and select Contact form 1. Here is the code reference for the contact form

XHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="row">
<div class="col-lg-6">
<div class="form-group contact-name">
<label for="your-name">Name:</label>
[text* your-name id:your-name]
</div></div>
<div class="col-lg-6">
<div class="form-group contact-email">
<label for="your-email">Email:</label>
[email* your-email id:your-email]
</div></div>
<div class="col-lg-12">
<div class="form-group contact-subject">
<label for="your-subject">Subject:</label>
[text your-subject id:your-subject]
</div></div>
</div>
 
<div class="form-group contact-message">
<label for="your-message">Message:</label>
[textarea* your-message x7 id:your-message]
</div>
[acceptance your-consent]I agree to the <a href="#">privacy policy</a>.[/acceptance]
[submit class:btn class:btn--lg class:btn--color class:btn--button "Send Message"]

Was this helpful?

Yes  No
Related Articles
  • MailChimp Newsletter
  • Revolution Slider
  • Page Layout
  • Footer
  • Header
  • Typography

No luck finding what you need? Contact Us

Customization
  • Contact Form
  • MailChimp Newsletter
  • Revolution Slider
  • Page Layout
  • Footer
  • Header
  • Typography
  • Colors
Categories
  • Blog
  • Customization
  • Elementor
  • Getting Started
  • Others
  • Pages

  Footer

Colors  

  • © 2025 deothemes.com. All Rights Reserved.