Contact Form 7

Be installed and activated. You can add/edit/delete the contact form by following this documentation

https://contactform7.com/getting-started-with-contact-form-7/

Step 1: Install Contact Form 7

4

1. Login to your WordPress dashboard

2. Go to Plugins → Add New

3. Search: Contact Form 7

4. Click Install Now

5. Click Activate

✅ Step 2: Create Your Contact Form

4

1. Go to Contact → Contact Forms

2. A default form is already created

3. Click it to edit

4. Customize fields if needed

5. Copy the shortcode like:

[contact-form-7 id="123" title="Contact form 1"]

✅ Step 3: Add Form to a Page

4

1. Go to Pages → Add New (or edit an existing page)

2. Paste the shortcode into the page

3. Publish / Update

4. Visit the page → your form is working 🎉

✅ Step 4: Set Email (Important)

Inside the form editor:

1. Go to Mail tab

2. Set:

To: your-email@gmail.com
From: wordpress@yourdomain.com

This ensures you receive messages.

🔧 If email not working

Install SMTP plugin:

👉 WP Mail SMTP (recommended)
Configure Gmail / SMTP server

Contact Form 1

 <div class="row g-4 mb-40">
                <div class="col-md-6">
                    <div class="form-inner">
                        <label>Full name</label>
                        [text text-800]
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-inner">
                        <label>Company</label>
                        [text text-185]
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-inner">
                        <label>Company Email</label>
                        [email email-872]
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-inner">
                        <label>Phone</label>
                        [text text-224]
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-inner2">
                        <label>How can We Assist You?</label>
                        <ul>
                            <li>
                                [checkbox checkbox-454 use_label_element "IT Consulitng" "UI/UX Design" "Cloud Solution" "AI & Machine Learning" "Technical Support" "DevOps Services"]
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-inner">
                        <label>Message</label>
                        [textarea textarea-21 placeholder] Write your message [/textarea]
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-btn mt-4">
                        <button type="submit" class="primary-btn1">
                            <span>Submit
                                <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 9L9 1M9 1C7.22222 1.33333 3.33333 2 1 1M9 1C8.66667 2.66667 8 6.33333 9 9" stroke-width="1.5" stroke-linecap="round" />
                                </svg>
                            </span>
                            <span>Submit
                                <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 9L9 1M9 1C7.22222 1.33333 3.33333 2 1 1M9 1C8.66667 2.66667 8 6.33333 9 9" stroke-width="1.5" stroke-linecap="round" />
                                </svg>
                            </span>
                        </button>
                    </div>
                </div>
            </div>            

Home Two Email Form

    <div class="email-area">
                <div class="form-inner">
                  [email* email-157 placeholder "Enter Your Email"]
                  <button class="primary-btn2" type="submit">
                    <span>Get The App
                      <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
                        <path d="M1 9L9 1M9 1C7.22222 1.33333 3.33333 2 1 1M9 1C8.66667 2.66667 8 6.33333 9 9" stroke-width="1.5" stroke-linecap="round" />
                      </svg>
                    </span>
                    <span>Get The App
                      <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
                        <path d="M1 9L9 1M9 1C7.22222 1.33333 3.33333 2 1 1M9 1C8.66667 2.66667 8 6.33333 9 9" stroke-width="1.5" stroke-linecap="round" />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>