• Home
  • Getting Started
  • Home
  • Getting Started

Contact Form

If you used Setup Wizard then you can skip this step as your form should be already imported. First, make sure that you have installed Contact Form 7 plugin. After this go to Contact -> Contact Forms to view all the forms.

Code reference:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="blockst-form-fields-wrapper">
 
<div class="row blockst-field-row">
<div class="blockst-field-group blockst-field-type-input col-lg-6">
<label class="blockst-field-label" for="blockst-name-field">Your Name <abbr>*</abbr></label><div class="blockst-field">[text* your-name id:blockst-name-field]</div></div>
 
<div class="blockst-field-group blockst-field-type-input col-lg-6">
<label class="blockst-field-label" for="blockst-email-field">Your Email <abbr>*</abbr></label><div class="blockst-field">[email* your-email id:blockst-email-field]</div></div></div>
 
<div class="blockst-field-group blockst-field-type-textarea">
<label class="blockst-field-label" for="blockst-message-field">How can we help you?</label><div class="blockst-field">[textarea your-message x5 id:blockst-message-field]</div></div>
 
[acceptance your-consent]I have read and agree to the <a href="#" target="_blank" rel="noopener noreferrer">privacy policy</a>.[/acceptance]
 
<div class="blockst-field-group blockst-field-type-submit"><div class="blockst-field">[submit "SEND"]</div></div></div>

 

Was this helpful?

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

No luck finding what you need? Contact Us

Customization
  • Contact Form
  • MailChimp Newsletter
  • Page Layout
  • Footer
  • Header
  • Typography
  • Colors
Categories
  • Blog & Pages
  • Customization
  • Getting Started
  • Gutenberg
  • Others
  • Pro Version

  Footer

Colors  

  • © 2025 deothemes.com. All Rights Reserved.