Contact Form

Summary: Here you can see how to use contact form

This is where you can add contact form.

Add new theme

Navigate to ‘Contact’ in your admin dashboard, and go to ‘Contact Forms’ “Add New”.

then full fill the form name add append form code then save it

Using contact form

When you save contact form then contact form provide a short code.You can use this short code

Contact form

<div class="tudolms-contact-form-area">
<div class="tudolms-contact-form-wrapper">
  <div class="tudolms-input-name">
    <label class="tudolms-input-label">Name*</label>
    [text* text-710 class:tudolms-form-input placeholder "Your Full Name"]

  </div>

  <div class="tudolms-input-company">
    <label class="tudolms-input-label">Company</label>
    [text text-12 class:tudolms-form-input placeholder "Your Company Name"]
  </div>

  <div class="tudolms-input-phone">
    <label class="tudolms-input-label">Phone (Optional)</label>
    [tel tel-371 class:tudolms-form-input placeholder "Your Phone Number"]
  </div>

  <div class="tudolms-input-email">
    <label class="tudolms-input-label">Email*</label>
    [email* email-200 class:tudolms-form-input placeholder "Your Email Address"]
  </div>

  <div class="tudolms-input-option">
    <label class="tudolms-input-label">Subject (Optional)</label>
    [select* select-299 class:tudolms-select "Science" "Statistics" "Mathematics"]
  </div>

  <div class="tudolms-input-option">
    <label class="tudolms-input-label">Urgency*</label>
    [select* select-299 class:tudolms-select "Very Urgent" "Urgent" "Low Urgent"]
  </div>
</div>

<div class="tudolms-text-area mt-[30px]">
  <label class="tudolms-input-label">Message*</label>
  [textarea* textarea-885 id:message class:tudolms-form-textarea] Your Messages [/textarea*]
</div>

<div class="mt-[20px]">
  [submit class:tudolms-submit-btn"Send Message"]
</div>
</div>