Contact Form 7 Style Elementor Widget

Contact Form 7 Style Elementor Widget

ABCBiz Image

Introducing AbcBiz Contact Form 7 Styler Widget, your gateway to personalized contact forms. Tailor forms effortlessly with various styles, fonts, and colors. Match your brand seamlessly while ensuring a sleek, professional appearance. Adapt to any website background flawlessly. Showcase your inquiries attractively and professionally, whether it’s inquiries, feedback, or requests. See some style samples below

Standard Form

    Copy Form

    				
    					<label> Your Name*
        [text* your-name autocomplete:name] </label>
    
    <label> Your Email*
        [email* your-email autocomplete:email] </label>
    
    <label> Subject*
        [text* your-subject placeholder] </label>
    
    <label> Your Message*
        [textarea your-message] </label>
    
    [submit "Submit"]
    				
    			

    Multiple Column Form


      Copy Form

      				
      					<div class="primeKit-form-row">
          <div class="primeKit-form-column-half">
          [text* first-name autocomplete:name placeholder "First Name"]
          </div>
      
          <div class="primeKit-form-column-half">
          [text* last-name autocomplete:name placeholder "Last Name"]
          </div>
      </div><!-- end form row -->
      
      <div class="primeKit-form-row">
          <div class="primeKit-form-column-one-third">
          [email* your-email autocomplete:email placeholder "Your Email"]
          </div>
      
          <div class="primeKit-form-column-one-third">
          [text* Company autocomplete:email placeholder "Company Name"]
          </div>
      
          <div class="primeKit-form-column-one-third">
          [text* Phone autocomplete:email placeholder "Phone"]
          </div>
      </div><!-- end form row -->
      				
      			

      Advanced Form



        Copy Code

        				
        					<div class="primeKit-form-row">
            <div class="primeKit-form-column-half">
            [text* first-name autocomplete:name placeholder "First Name"]
            </div>
        
            <div class="primeKit-form-column-half">
            [text* last-name autocomplete:name placeholder "Last Name"]
            </div>
        </div><!-- end form row -->
        
        <div class="primeKit-form-row">
            <div class="primeKit-form-column-one-fourth">
            [email* your-email autocomplete:email placeholder "Your Email"]
            </div>
        
            <div class="primeKit-form-column-one-fourth">
            [text* Company autocomplete:email placeholder "Company Name"]
            </div>
        
            <div class="primeKit-form-column-one-fourth">
            [text* Phone autocomplete:email placeholder "Phone"]
            </div>
        
            <div class="primeKit-form-column-one-fourth">
            [text* your-subject placeholder "Your Subject"]
            </div>
        </div><!-- end form row -->
        
        [select* menu-706 include_blank "Test Option 1" "Test Option 2" "Test Option 3" "Test Option 4"]
        [checkbox* checkbox-463 use_label_element "Test Option 1" "Test Option 2" "Test Option 3" "Test Option 4"]
        [radio radio-347 use_label_element default:1 "Test Option 1" "Test Option 2" "Test Option 3" "Test Option 4"]
        [textarea your-message placeholder "Your Message"]
        
        [submit "Submit Now!"]
        				
        			

        Like this widget? Let's download the

        Contact Form 7 Style Elementor Widget