1. Home
  2. Docs
  3. Endless Addons – Plugin Documentation
  4. Plugin Features
  5. Contact Form 7

Contact Form 7

There is a contact form 7 widget with multiple variation t in this plugin. Users can create contact form in their page by using endless addons.

Go to any pageEdit with Elementor – See the left side ENDLESS ADDONS tab – Navigate it – Drag

Contact Form 7 to elementor widget option

1. Settings

  • Show/Hide Contact Section
  • Select Contact Style

2. Contact Section

  • Contact Title
  • Contact Description

3. Contact Info

  • Contact Info Title
  • Contact Info Description
  • Single Contact Info

5. Contact Style

  • Background Color
  • Contact Title Color
  • Contact Title Typography
  • Contact Description Color
  • Contact Description Typography

4. Contact Form

  • Contact Form Title
  • Contact Form Shortcode

Example Code of Contact Form 7

<div class="row">
<div class="col-lg-6 col-sm-6">
    <div class="form-group">
        <label> Name </label>[text text-688 class:form-control placeholder "Name"]
    </div>
</div>
<div class="col-lg-6 col-sm-6">
    <div class="form-group">
        <label> Email </label>[email email-655 class:form-control placeholder "[email protected]"]
    </div>
</div>
<div class="col-lg-6 col-sm-6">
    <div class="form-group">
        <label> Phone </label>[tel tel-461 class:form-control placeholder "+1 (414) 312-4433"]
    </div>
</div>
<div class="col-lg-6 col-sm-6">
    <div class="form-group">
        <label> Subject </label>[text text-109 class:form-control placeholder "Subject"]
    </div>
</div>
<div class="col-12">
    <div class="form-group">
        <label> Message </label>[textarea textarea-530 class:form-control placeholder "Your message here"]
    </div>
</div>
<div class="col-lg-12 col-md-12">
    <div class="ea-btn-icon">
        [submit class:submit-btn "Send Message"]<i class="bx bx-chevron-right"></i>
    </div>
</div>
</div>

Video Preview For Contact Form 7

Was this article helpful to you? Yes No

How can we help?