I don't want IFRAME, how to separate the form frontend from my form folder?

Using IFRAME to embed a form on your web page is the easist way to have a functional web form on your website, and it's recommended for most of the non-tech savvy users.

However, other users want better SEO and a better file system layout, they want a form without using IFRAME. No problem, it also can be done easily. Ok, let assume you want all the form files in a folder contact2/, and a contact2.html form frontend on the upper folder of contact2/.

Step 1: copy the form.html as contact2.html (keep the origin form.html, just in case), and make the file layout like below

contact2.html
contact2/
    admin.php
    form.config.php
    form.html
    form.lib.php
    jqueryform.com.min.js
    phpmailer.php
    vendor.css
    vendor.js

Step 2: edit the contact2.html to add the "contact2/" path for the form action, css, and js links

Search and locate the below tags one by one:

<link href="vendor.css" rel="stylesheet">

<form data-licenseKey="" name="jqueryform-d35657" id="jqueryform-d35657" action='admin.php' method='post' enctype='multipart/form-data' novalidate autocomplete="on">

<script src="vendor.js" ></script>

<script src="jqueryform.com.min.js?ver=v3.0.1" ></script>

Just add the "contact2/", DON'T change the form ID in your file, like this:

<link href="contact2/vendor.css" rel="stylesheet">

<form data-licenseKey="" name="jqueryform-d35657" id="jqueryform-d35657" action='contact2/admin.php' method='post' enctype='multipart/form-data' novalidate autocomplete="on">

<script src="contact2/vendor.js" ></script>

<script src="contact2/jqueryform.com.min.js?ver=v3.0.1" >

Step 3: save your changes, upload all files to your server, and done!