What is an Ajax form?
There are some WordPress form plugins that use Ajax as their way of sending the details from a form submission to the WordPress dashboard. However, Strattic doesn't generally support Ajax on the static version of your site, so even if you were to follow the steps below, the form would forever remain in a "sending" status and never actually send the form submission. An example of an Ajax-dependent forms is Ninja Forms. We definitely want to support Ninja Forms, and have it on our roadmap.
To use non-Ajax form plugins like WPForms or Formidable and others that we do not offer out of the box support for, you'll need to sign up for a backend form service and do a little configuration:
2. Create a new form with the backend service of your choice. After you create a form, you should see a action URL that you can copy such as https://www.formexample.com/f/9c44b333339f44f7
3. Create a form with your form plugin if you don't already have one
4. Visit the page on your WP site with the form and right-click anywhere on the form and select "Inspect Element"
5. Grab the form ID (if your form does not offer a unique ID this approach will not work)
6. Go to Strattic > Settings > Forms and copy the Form ID from step 5 into the "Form ID" column and the form backend service action url from step 2 into the "Action URL" column
7. Save Changes
8. Test your form on the WordPress site
9. Publish your site to Strattic using the big red "Strattic Publish" button in the admin bar
10. Test your form on your static site - you should receive a form submission to your email upon every submission, and see the form submission in your form backend service of your choice.
OPTIONAL: You can customize the fields that appear in the submissions if the form backend service has the option. For example, in Formbackend, you can go to Settings > Map fields or Settings > Hide fields.
OPTIONAL: In the form backend service you selected, you can create a redirect to a custom thank you page URL that visitors would see after submitting the form. Note: this may be a paid feature.