www.wolfsteelbuildings.custom3dbuilder.com Open in urlscan Pro
192.138.189.24  Public Scan

Form analysis
3 forms found in the DOM

Name: form-quote — POST #

<form action="#" method="post" enctype="multipart/form-data" name="form-quote" class="request-quote" id="request-quote" novalidate="novalidate">
  <div class="modal-body">
    <div class="group">
      <div class="column half left">
        <label for="firstname-quote" class="with-placeholder">First name</label>
        <input type="text" placeholder="First name" name="firstname" id="firstname-quote" class="firstname required" value="" data-msg-required="Please enter your first name" autocomplete="off"><br>
      </div>
      <div class="column half right">
        <label for="lastname-quote" class="with-placeholder">Last name</label>
        <input type="text" placeholder="Last name" name="lastname" id="lastname-quote" class="lastname required" value="" data-msg-required="Please enter your last name" autocomplete="off"><br>
      </div>
    </div>
    <div class="group">
      <div class="column half left">
        <label for="email-quote" class="with-placeholder">Email / Username</label>
        <input type="text" placeholder="Email" name="email" id="email-quote" class="email required" value="" data-msg-required="Please enter your email" autocomplete="off"><br>
      </div>
      <div class="column half right">
        <label for="phone" class="with-placeholder">Phone</label>
        <input type="text" placeholder="Phone" name="phone" id="phone" class="phone phoneUS required" value="" data-msg-required="Please enter a phone number" autocomplete="off"><br>
      </div>
    </div>
    <div class="column">
      <label for="address" class="with-placeholder">Installation Address</label>
      <input type="text" placeholder="Installation Address" name="address" id="address" class="address required" value="" data-msg-required="Please enter your installation address" autocomplete="off"><br>
    </div>
    <div class="group">
      <div class="column half left">
        <label for="city" class="with-placeholder">City</label>
        <input type="text" placeholder="City" name="city" id="city" class="city required" value="" data-msg-required="Please enter your city" autocomplete="off"><br>
      </div>
      <div class="column quarter middle">
        <label for="state" class="with-placeholder">State</label>
        <input type="text" placeholder="State" name="state" id="state" class="state stateUS required" value="" data-msg-required="state required" autocomplete="off"><br>
        <!--<select type="text" placeholder="State" name="state" id="state" class="state stateUS required" value="" data-msg-required="State required" autocomplete="off">
								<option value="" selected disabled hidden>Select State</option>
								<option value="Alabama">Alabama</option>
								<option value="Alaska">Alaska</option>
								<option value="Arizona">Arizona</option>
								<option value="Arkansas">Arkansas</option>
								<option value="California">California</option>
								<option value="Colorado">Colorado</option>
								<option value="Connecticut">Connecticut</option>
								<option value="Delaware">Delaware</option>
								<option value="District Of Columbia">District Of Columbia</option>
								<option value="Florida">Florida</option>
								<option value="Georgia">Georgia</option>
								<option value="Hawaii">Hawaii</option>
								<option value="Idaho">Idaho</option>
								<option value="Illinois">Illinois</option>
								<option value="Indiana">Indiana</option>
								<option value="Iowa">Iowa</option>
								<option value="Kansas">Kansas</option>
								<option value="Kentucky">Kentucky</option>
								<option value="Louisiana">Louisiana</option>
								<option value="Maine">Maine</option>
								<option value="Maryland">Maryland</option>
								<option value="Massachusetts">Massachusetts</option>
								<option value="Michigan">Michigan</option>
								<option value="Minnesota">Minnesota</option>
								<option value="Mississippi">Mississippi</option>
								<option value="Missouri">Missouri</option>
								<option value="Montana">Montana</option>
								<option value="Nebraska">Nebraska</option>
								<option value="Nevada">Nevada</option>
								<option value="New Hampshire">New Hampshire</option>
								<option value="New Jersey">New Jersey</option>
								<option value="New Mexico">New Mexico</option>
								<option value="New York">New York</option>
								<option value="North Carolina">North Carolina</option>
								<option value="North Dakota">North Dakota</option>
								<option value="Ohio">Ohio</option>
								<option value="Oklahoma">Oklahoma</option>
								<option value="Oregon">Oregon</option>
								<option value="Pennsylvania">Pennsylvania</option>
								<option value="Rhode Island">Rhode Island</option>
								<option value="South Carolina">South Carolina</option>
								<option value="South Dakota">South Dakota</option>
								<option value="Tennessee">Tennessee</option>
								<option value="Texas">Texas</option>
								<option value="Utah">Utah</option>
								<option value="Vermont">Vermont</option>
								<option value="Virginia">Virginia</option>
								<option value="Washington">Washington</option>
								<option value="West Virginia">West Virginia</option>
								<option value="Wisconsin">Wisconsin</option>
								<option value="Wyoming">Wyoming</option>
							</select>-->
      </div>
      <div class="column quarter right">
        <label for="zip" class="with-placeholder">Zip</label>
        <input type="text" placeholder="Zip" name="zip" id="zip" class="zip required zipcodeUS" value="" data-msg-required="Please enter zip" autocomplete="off"><br>
      </div>
    </div>
    <!-- custom form fields -->
    <div class="group">
      <div class="column half left">
        <label for="customFormField1" class="with-placeholder">How did you hear about us?</label>
        <select type="text" name="customFormField1" id="customFormField1" class="required" data-msg-required="Response required" autocomplete="off">
          <option value="" selected="" disabled="" hidden="">How did you hear about us?</option>
          <option value="Google">Google</option>
          <option value="YouTube">YouTube</option>
          <option value="TikTok">TikTok</option>
          <option value="Social Media">Social Media</option>
          <option value="Referral">Referral</option>
          <option value="Other">Other</option>
        </select>
      </div>
      <div class="column half right">
        <label for="customFormField2" class="with-placeholder">Have you been working with a member of our Pack?</label>
        <select type="text" name="customFormField2" id="customFormField2" class="required" data-msg-required="Response required" autocomplete="off">
          <option value="" selected="" disabled="" hidden="">Have you been working with a member of our Pack?</option>
          <option value="No">No</option>
          <option value="Sarah">Sarah</option>
          <option value="Yadira">Yadira</option>
          <option value="Franz">Franz</option>
          <option value="Anadela">Anadela</option>
          <option value="April">April</option>
          <option value="Kassandra">Kassandra</option>
          <option value="Selena">Selena</option>
          <option value="Adbeel">Adbeel</option>
          <option value="David">David</option>
          <option value="Argenis">Argenis</option>
          <option value="Other">Other</option>
        </select>
      </div>
    </div>
    <div class="group">
      <div class="column half left">
        <label for="customFormField3" class="with-placeholder">Do you have a price range?</label>
        <input type="text" placeholder="Do you have a price range?" name="customFormField3" id="customFormField3" class="required" value="" data-msg-required="Response required" autocomplete="off"><br>
        <!--<select type="text" name="customFormField3" id="customFormField3" class="required" data-msg-required="Response required" autocomplete="off">
								<option value="" selected disabled hidden>Do you have a price range?</option>
								<option value="Yes">Yes</option>
								<option value="No">No</option>
							</select>-->
      </div>
      <div class="column half right">
        <label for="customFormField4" class="with-placeholder">Do you need concrete work?</label>
        <select type="text" name="customFormField4" id="customFormField4" class="required" data-msg-required="Response required" autocomplete="off">
          <option value="" selected="" disabled="" hidden="">Do you need concrete work?</option>
          <option value="Yes">Yes</option>
          <option value="No">No</option>
        </select>
      </div>
    </div>
    <div class="group">
      <div class="column half left">
        <label for="customFormField5" class="with-placeholder">Will you need permits?</label>
        <select type="text" name="customFormField5" id="customFormField5" class="required" data-msg-required="Response required" autocomplete="off">
          <option value="" selected="" disabled="" hidden="">Will you need permits?</option>
          <option value="Yes">Yes</option>
          <option value="No">No</option>
          <option value="Unsure">Unsure</option>
        </select>
      </div>
      <div class="column half right">
        <label for="customFormField6" class="with-placeholder">Is your site ready?</label>
        <select type="text" name="customFormField6" id="customFormField6" class="required" data-msg-required="Response required" autocomplete="off">
          <option value="" selected="" disabled="" hidden="">Is your site ready?</option>
          <option value="Yes">Yes</option>
          <option value="No">No</option>
        </select>
      </div>
    </div>
    <div class="group">
      <div class="column half left">
        <label for="customFormField7" class="with-placeholder">How soon are you looking to buy?</label>
        <select type="text" name="customFormField7" id="customFormField7" class="required" data-msg-required="Response required" autocomplete="off">
          <option value="" selected="" disabled="" hidden="">How soon are you looking to buy?</option>
          <option value="ASAP">ASAP</option>
          <option value="1-3 Months">1-3 Months</option>
          <option value="6 Months or more">6+ Months</option>
        </select>
      </div>
      <div class="column half right">
      </div>
    </div>
    <div class="column">
      <label for="customFormField8" class="with-placeholder">What are you using your building for? (cold storage, living, workshop, etc.)</label>
      <input type="text" placeholder="What are you using your building for? (cold storage, living, workshop, etc.)" name="customFormField8" id="customFormField8" class="required" value="" data-msg-required="Response required" autocomplete="off"><br>
    </div>
    <div class="column">
      <h4>If you're shopping around, reply to the confirmation e-mail, for a price analysis!<br></h4>
    </div>
    <!-- custom form fields -->
    <label for="quoteNotes">Tell us more about your building (optional)</label>
    <textarea type="text" name="quoteNotes" id="quoteNotes" class="notes" value="" rows="3"></textarea><br>
    <input type="hidden" name="action" value="quote">
  </div>
  <p class="fail" style="display: none;"></p>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-primary">Submit for Quote <i class="fas fa-clipboard-check"></i><i class="status-icon"></i></button>
  </div>
</form>

Name: form-share — POST #

<form action="#" method="post" enctype="multipart/form-data" name="form-share" class="request-share" id="request-share" novalidate="novalidate">
  <div class="modal-body">
    <label for="shareEmail">Who would you like to share with? (email)</label>
    <input type="text" name="shareEmail" id="shareEmail" class="email required" placeholder="joe@email.com" value="" data-msg-required="Please enter an email to share with" autocomplete="off"><br>
    <div class="group">
      <div class="column half left">
        <label for="firstname-share">Your first name</label>
        <input type="text" name="firstname" id="firstname-share" class="firstname required" value="" data-msg-required="Please enter your first name" autocomplete="off"><br>
      </div>
      <div class="column half right">
        <label for="lastname-share">Your last name</label>
        <input type="text" name="lastname" id="lastname-share" class="lastname required" value="" data-msg-required="Please enter your last name" autocomplete="off"><br>
      </div>
    </div>
    <label for="email-share">Your email address</label>
    <input type="text" name="email" id="email-share" class="email required" value="" data-msg-required="Please enter your email address" autocomplete="off"><br>
    <label for="shareNotes">Notes (optional)</label>
    <textarea type="text" name="shareNotes" id="shareNotes" class="notes" value="" rows="3"></textarea><br>
    <input type="hidden" name="action" value="share">
  </div>
  <p class="fail" style="display: none;"></p>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-primary">Share <i class="fas fa-share-alt-square"></i><i class="status-icon"></i></button>
  </div>
</form>

Name: form-save — POST #

<form action="#" method="post" enctype="multipart/form-data" name="form-save" class="request-save" id="request-save" novalidate="novalidate">
  <div class="modal-body">
    <label for="saveEmail">Email my saved design</label>
    <input type="text" name="saveEmail" id="saveEmail" class="email required" placeholder="joe@email.com" value="" data-msg-required="Please enter your email address" autocomplete="off"><br>
    <label for="saveNotes">Notes (optional)</label>
    <textarea type="text" name="saveNotes" id="saveNotes" class="notes" value="" rows="3"></textarea><br>
    <input type="hidden" name="action" value="save">
  </div>
  <p class="fail" style="display: none;"></p>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-primary">Save <i class="fas fa-save"></i><i class="status-icon"></i></button>
  </div>
</form>

Text Content

×


LOADING...



x


THANK YOU!


× NOTICE: This is dev
x


REQUEST QUOTE

First name

Last name

Email / Username

Phone

Installation Address

City

State

Zip

How did you hear about us? How did you hear about us? Google YouTube TikTok
Social Media Referral Other
Have you been working with a member of our Pack? Have you been working with a
member of our Pack? No Sarah Yadira Franz Anadela April Kassandra Selena Adbeel
David Argenis Other
Do you have a price range?

Do you need concrete work? Do you need concrete work? Yes No
Will you need permits? Will you need permits? Yes No Unsure
Is your site ready? Is your site ready? Yes No
How soon are you looking to buy? How soon are you looking to buy? ASAP 1-3
Months 6+ Months

What are you using your building for? (cold storage, living, workshop, etc.)


IF YOU'RE SHOPPING AROUND, REPLY TO THE CONFIRMATION E-MAIL, FOR A PRICE
ANALYSIS!


Tell us more about your building (optional)




Close Submit for Quote
x


SHARE YOUR CREATION

Who would you like to share with? (email)

Your first name

Your last name

Your email address
Notes (optional)




Close Share
x


NICE LOOKING BUILDING!

Email my saved design
Notes (optional)




Close Save

To Building Center:
ft. in.
To North Wall:
ft. in.
Center to Ground:
ft. in.
W ft. in.
D ft. in.
H ft. in.
Size
Ceiling Height 7' 0" 7' 6" 8' 0" 8' 6" 9' 0"
Porch Depth 2' 4' 6' 8' 10' 12' 15'
Porch Overhang None 12" 24"
Material Steel Half Wood Wood Drywall
Grid
Shutters
Enclosed
Post Miter
Post Wrap
Posts
Rotate Rotate
Door Swing Update
3D Designer



WOLFSTEEL BUILDINGS


3D DESIGNER INSTRUCTIONS:

 1. Click or touch and drag to rotate.
 2. Scroll or pinch to zoom in and out.
 3. Right Click or 3 finger swipe to move.
 4. Click or touch on doors and windows for additional options.

3D configurators by ON THE Z


WOLFSTEELBUILDINGS.COM


(844) 941-0999

 * Submit for a Free quote  
   
 * Print  
   
 * Share  
   
 * Save  
   
 * Reset View
   
 * Look Inside
   
 * Hide Walls
   
 *  * Building Dimensions
    * Width (ft)
      
    * Length (ft)
      
    * Height (ft)
      
    * Roof Type
      GabledSingle Slope
    * Asymmetrical
      
    * Roof Pitch / 12"
      
    * Frame Type
      Weld UpBolt Up

 *  * Environment
    * Ground
      NoneGrass PlainsTreed VallyClearingGreen MountainsRocky MountainsDesert

 *  * Colors
    * Roof Color
      Light StonePolar WhiteColony GreenIvoryAsh GrayHawaiian BlueTanOld Town
      GrayEvergreenMatte BlackCharcoalCrimson RedRusttic RredGalvalumeBurnished
      SlateKoKo BrownCopperGallery Blue
    * Wall Color
      Light StonePolar WhiteColony GreenIvoryAsh GrayHawaiian BlueTanOld Town
      GrayEvergreenMatte BlackCharcoalCrimson RedRusttic RredGalvalumeBurnished
      SlateKoKo BrownCopperGallery Blue
    * Trim Color
      Light StonePolar WhiteColony GreenIvoryAsh GrayHawaiian BlueTanOld Town
      GrayEvergreenMatte BlackCharcoalCrimson RedRusttic RredGalvalumeBurnished
      SlateKoKo BrownCopperGallery Blue
    * Gutter Color
      Light StonePolar WhiteColony GreenIvoryAsh GrayHawaiian BlueTanOld Town
      GrayEvergreenMatte BlackCharcoalCrimson RedRusttic RredGalvalumeBurnished
      SlateKoKo BrownCopperGallery Blue
    * Commercial Door
      White (Commercial)Sand (Commercial)Brown (Commercial)Bronze
      (Commercial)Grey (Commercial)Black (Commercial)
    * Residential Door
      WhiteAlmondSandstoneTan (Residential)BrownBronzeGreyBlackGreywoodWalnut
    * Interior Panels
      Light StonePolar WhiteColony GreenIvoryAsh GrayHawaiian BlueTanOld Town
      GrayEvergreenMatte BlackCharcoalCrimson RedRusttic RredBurnished SlateKoKo
      BrownCopperGallery Blue
    * Wainscot Color
      StoneBrickLight StonePolar WhiteColony GreenIvoryAsh GrayHawaiian
      BlueTanOld Town GrayEvergreenMatte BlackCharcoalCrimson RedRusttic
      RredBurnished SlateKoKo BrownCopperGallery Blue

 *  * Walls
    * Enclosed Front
      
    * Enclosed Back
      
    * Enclosed Left
      
    * Enclosed Right
      
    * Gable Traingles
      
    * Wainscot Front
      
    * Wainscot Back
      
    * Wainscot Left
      
    * Wainscot Right
      
    * Base Trim
      

 *  * Roof Options
    * F Gable Overhang
      
    * B Gable Overhang
      
    * L Eave Overhang
      
    * R Eave Overhang
      
    * Skylights
      
    * Gutters and Downspouts
      
    * Eave Light Left
      
    * Eave Light Right
      

 *  * Lean-tos
    *  * Front End Wall Lean-to
       * Enabled
         
       * Drop
         
       * Cut L
         
       * Cut R
         
       * Depth
         
       * Roof Pitch
         
       * Walls
         Fully EnclosedOpenUpper Triangles OnlyLength EnclosedLength 1ftLength
         2ftLength 3ftLength 4ft
   
    *  * Left Side Wall Lean-to
       * Enabled
         
       * Drop
         
       * Cut L
         
       * Cut R
         
       * Width
         
       * Roof Pitch
         
       * Walls
         Fully EnclosedOpenUpper Triangles OnlyLength EnclosedLength 1ftLength
         2ftLength 3ftLength 4ft
   
    *  * Back End Wall Lean-to
       * Enabled
         
       * Drop
         
       * Cut L
         
       * Cut R
         
       * Depth
         
       * Roof Pitch
         
       * Walls
         Fully EnclosedOpenUpper Triangles OnlyLength EnclosedLength 1ftLength
         2ftLength 3ftLength 4ft
   
    *  * Right Side Wall Lean-to
       * Enabled
         
       * Drop
         
       * Cut L
         
       * Cut R
         
       * Width
         
       * Roof Pitch
         
       * Walls
         Fully EnclosedOpenUpper Triangles OnlyLength EnclosedLength 1ftLength
         2ftLength 3ftLength 4ft

 *  * Building Extensions
    *  * Front End Wall Covered Gable
       * Enabled
         
       * Height
         
       * Cut L
         
       * Cut R
         
       * Depth
         
       * Roof Pitch
         
       * Enclosed
         
   
    *  * Back End Wall Covered Gable
       * Enabled
         
       * Height
         
       * Cut L
         
       * Cut R
         
       * Depth
         
       * Roof Pitch
         
       * Enclosed
         
   
    *  * Left Side Wall Covered Gable
       * Enabled
         
       * Height
         
       * Cut L
         
       * Cut R
         
       * Depth
         
       * Roof Pitch
         
       * Enclosed
         
   
    *  * Right Side Wall Covered Gable
       * Enabled
         
       * Height
         
       * Cut L
         
       * Cut R
         
       * Depth
         
       * Roof Pitch
         
       * Enclosed
         

 *  * Porch
    * Front End Wall Porch
      
    * Back End Wall Porch
      
    * Left Side Wall Porch
      
    * Right Side Wall Porch
      
    * FR Wrap Porch
      
    * FL Wrap Porch
      
    * BL Wrap Porch
      
    * BR Wrap Porch
      

 *  * Windows & Doors
    * Add Slider Window
      
    * Add Window Frame Out
      
    * Add Walk Door Solid
      
    * Add Walk Door Frame Out
      
    * Add Overhead Residential Door
      
    * Add Overhead Commercial Door
      
    * Add Roll Up Door
      
    * Add Framed Opening
      

 *  * Interior
    * Perimeter Walls
      NoneSteelHalf WoodWoodDrywall
    * Ceiling
      NoneSteel
    * Roof Insulation
      NoneFiberglass Blanket Insulation1-inch Closed Cell Spray Foam2-inch
      Closed Cell Spray Foam1-inch Closed Cell Spray Foam Painted2-inch Closed
      Cell Spray Foam Painted
    * Wall Insulation
      NoneFiberglass Blanket Insulation1-inch Closed Cell Spray Foam2-inch
      Closed Cell Spray Foam1-inch Closed Cell Spray Foam Painted2-inch Closed
      Cell Spray Foam Painted
    * Mezzanine Bays
      
    * Mezzanine Height
      

 *  * Services
    * Permits
      
    * Engineer Plans
      
    * Clearing Land
      
    * Site Prep
      
    * Concrete Foundation
      
    * Concrete Approach
      
    * Gravel
      
    * Asphalt
      
    * Masonry
      

 *  * Add for Scale
    * Add Person
      
    * Add Truck
      
    * Add Car
      
    * Add Airplane
      
    * Add RV
      
    * Add ATV
      
    * Add UTV
      
    * Add Tractor
      
    * Add Combine
      
    * Add Fishing Boat
      
    * Add Ski Boat
      
    * Add Driveway
      
    * Add Semi Truck
      
    * Add Semi Trailer 53'
      
    * Add Camper
      
    *  * Residential Buildings
       * Add Lawn Mower
         
       * Add Workbench
         
       * Add Air Compressor
         
       * Add Bed
         
       * Add Couch
         
       * Add Riding Mower
         
       * Add Kitchen Table
         
       * Add Kitchen Chair
         
       * Add Night Stand
         
       * Add Coffee Table
         
       * Add End Table
         
       * Add Recliner
         
       * Add Toilet
         
       * Add Utility Sink
         
       * Add Pedestal Sink
         

Close Controls