In this extensive tutorial we are going to use JetFormBuilder to create a simple contact form, a advanced and a crazy multi-step form. Get it here: wp.discount/jetform/ After watching this you know everything about JetFormBuilder!👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support me? Leave a like, watch another video from me, buy Divi with 10% discount // a hosting plan with 80% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ JetFormBuilder ⇒ wp.discount/jetform/
✅ Hosting & domain ⇒ wp.discount/host/
✅ Best caching plugin ⇒ wp.discount/cache/
✅ Divi with 10% discount ⇒ wp.discount/divi/
✅ Elementor Pro ⇒ wp.discount/elementor/
⇒ See my PC build and studio gear:
🖥️ wpressdoctor.com/gear/
⇒ Top video's I recommend:
• Yoast SEO vs RankMath ...
• Secure Your WordPress ...
• BEST Mailchimp Alterna...
• How to Migrate WordPre...
• How to Make a WordPres...
I want you to succeed with your website, so lets get started.
⏱️Timestamps⏱️
0:00 Overview
0:23 Get the plugin
1:40 Create a form with AI
19:57 Simple contact form
29:03 Place it on your website
33:47 Advanced Form
41:16 Conditional Logic
43:34 Multi-Step Crazy form
45:32 Calculations
49:31 Add attachments to emails
51:35 Settings
52:33 Upgrading to PRO
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
🧾 Transscript 🧾
In this step by step tutorial, we will be using the free JetForm plugin, to create a simple contact form, a advanced form with conditional logic, and a crazy multi-step form with calculations, and every field available to us. We will also be upgrading to the Pro version to see what that is all about. If you want to support me by creating these free awesome videos for you, then go to wp.discount/jetform/. This link is also in the description of this video and in the comments, so feel free to click on that one. And then we are at the website of Jet Form Builder by Croco Block. This company makes a lot of great addons for your Elementor website. We're first going to start with the free version of Jet Form Builder. Then I'll upgrade to a Pro version, and I'll show you exactly how that works. To get the free version, we scroll all the way down. We go to FAQ over there, and then we have over there a free trial. Click on this link. and then we press over here on 'Download'. Here we are. And then we log into our WordPress website. If you're still using /wp-admin/ that's not a very safe way. So please watch my tutorial about securing your WordPress website because you don't want to get hacked. Then we go over here to 'Plugins'- 'Add new plugin'. Then we press 'Upload plugin', and then select the file we've just downloaded from Jet Form. Press install now. And after that we press 'Activate plugin'. The plugin has successfully been activated. I can see on the left side we have Jet Form Builder. Let's click on it. And then we are at the forms. As you can see we have no form at all. On the left side you can see: Add new, settings, add form, form records and go pro. I'm going to walk you through all these settings one by one, so you know exactly how to create the most amazing forms for free, and with the pro version. The most fun thing about Jet Form Builder is you can also generate one with AI. If I click on this one. You will see that we have 10 requests per month. So describe the form that we want. So let's put in this prompts. "I want to have a simple contact form with these fields. Name, email address. Phone number, text area. All fields need to be mandatory, except the phone field, because in conversion optimization, people don't always want to give their phone to your website. Now let's see if we can generate our jet form. With this AI. Press generate. And here we are. We have name, email address, phone number and a question. This is really simple. And we're going to create a form with this template. Why not. And then of course we can style a little bit because I don't think it should all be stacked. This is an interesting title. Let's change the title first to: Simple Contact Form. As you can see, we are editing this form inside of Gutenberg. Now, I'm not a fan of Gutenberg. I really like to have a page builder like Elementor or Divi, but we're going to style and tweak this form later on in just a few minutes inside of Elementor, so it's going to be great. Let's start on the top with title. As you click on a title, we can change it, of course, and on the right side, we can change the field layout...
#JetFormBuilder #WordPress