Contact Forms integration on Your Wordpress Static Site with

[@Guihcouto]

Champion!!! Worked like a charm. I actually did a slight change on the javascript code to find my form using its name instead of ID as my current template doesn't allow me to add an ID. All worked in the first attempt. Thanks a lot mate!

[@KaiBuskirk]

kooool danke!

[@jcwebtech]

bitte schön mein freund!

[@jbcreatives]

Thank you for such a knowledgeable videos , I need your help on how to import WordPress elementor website on Cloudflare page , can you make a video on it. ? really help a lot

[@Rose-dz6bb]

Hi, thanks for the video, but i'll like to know the plugin you used to integrate the AJAX code

[@jcwebtech]

Hi! Elementor pro has this baked in, if you dont use it you can install Simple Custom CSS and JS plugin

[@Rose-dz6bb]

@@jcwebtech okay thanks ❤️

[@ifeakachukwuowoh8328]

hello, your dashboard for the forms seem a little bit different from the wp forms dashboard. in wp forms, there's only a form id which is a number when you click the form edit button so you have to go to admin panel to access the real settings. is the number i have as a form id still correct? please respond asap im on the clock-

[@jcwebtech]

Hi, the id should be fine. You can also check for the id of the button through the dev tools in your browser.

[@rseitzberg]

I followed the tutorial exactly but it is still not adding the action with the jQuery. maybe I am typing it wrong from what you have on the screen? I am using Elementor pro to insert the script and when I inspect the page source the script is at the end of the body, but when I inspect the form it has the form id "myform" but it doesn't have the action added. I also tested the form after action using the webhook option with the formspree url and formspree collected the submission that way. I assume it won't work when it is converted to static though correct? Any help is appreciated! I'm sure its some tiny little detail but I am at the limit of my understanding of jQuery. Do you have a web page with the posted code that I can copy and paste maybe? I am also working locally using LocalWP. You think that could be the problem?

[@rseitzberg]

Partial update: I decided to replace the elementor form with the Formspree form and I am styling it using the "Site Settings" site wide form defaults. That allows me to style the form with elementor without having to add any custom css. With a small adjustment to the html i can add all the fields I need. I think that may be the fastest and simplest way to do it for someone with a little bit of html and css knowledge. I will keep you updated.

[@jcwebtech]

Thanks for the feedback, that should work and might be a bit easier. The global styling for Elementor forms does style form fields in general. Not exclusively those from elmentor. The web hook would not work indeed.

[@ifeakachukwuowoh8328]

you also did not say how to get to the edit code page that has formspree as a title and so we wouldn't know where to inject the code snippet. you had the tab open since the first part of the tutorial and just jumped there later on without showing what page it is.

[@jcwebtech]

The formspree dashboard is not so complicated, I have never worked with it before putting together this tutorial, and I found it easy to navigate so i did not include so many details. I am sure if you try you find it faster than let's say typing a 2 lines of text.

[@ifeakachukwuowoh8328]

I realized you had more functionality because you had elementor pro. I had to paste my code directly to the body of the page. plus some of the custom css & HTML couldn't be inserted in elementor free. but it's good now, figured it out thanks 👍

[@jcwebtech]

@@ifeakachukwuowoh8328 Glad to hear that!