Загрузка страницы

Gravity Forms Tutorial 2021 | Create a Simple, a Conditional Logic & Crazy Form! reCaptcha & CSS

In this tutorial we will create three different forms in Gravity Forms. I will show you step by step how to create them, style them with CSS, add reCaptcha, notifications and PDF files!
👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻

🛑 Updated 2022: https://www.youtube.com/watch?v=1U-kROHH3nc 🛑

Do you want to support my channel? Leave a like or buy Divi / Elementor Pro with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!

⇒ Software that I recommend:
✅ Gravity Forms 20% discount ⇒ https://wp.discount/gravity-forms-discount/
✅ Divi 10% discount ⇒ https://wp.discount/divi-discount/
✅ SiteGround 70% discount ⇒ https://wp.discount/siteground-discount/
✅ WP Rocket 10% discount ⇒ https://wp.discount/wp-rocket-discount/

📜 Download here the shortcode and all CSS scripts ▶ https://wpressdoctor.com/gravitycss/

I want you to succeed with your website, so lets get started.

⏱️Timestamps⏱️
0:00 What we will learn
1:04 Create a simple form
7:54 Shortcode for your website
8:35 Add reCaptcha
10:58 Remove reCaptcha badge
11:42 Settings of Gravity Forms
15:01 Confirmations : Thank you page
15:55 Notifications setup
21:11 Create Conditional Logic form
32:21 Create a Crazy form
46:07 Add Signature field
48:38 Add PDF to sent with notifications
52:12 CSS styling

✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: https://wpressdoctor.com/sub

📖Transscript📖
Hey guys! It's WPress Doctor here, and in this video I'm going to show you how to create three different Gravity Forms. We're going to create a really simple Gravity Form with your name, your email and a field where people can ask a question to you. We're going to create a advanced forum with all kinds of conditional logic, so you know exactly how that one works. And we're also going to create a crazy form, which contains all of the advanced fields of Gravity Forms. But not only that, we're going to add a signature field so people can actually sign your form, and we're going to add a PDF option so that it will be automaticly put into a PDF and sent to your client, and to you as the website owner. I'm also going to show you how you can add some CSS to change your Gravity Forms button and style them. It's going to be awesome. I assume you already have Gravity Forms. If you don't have one, there is a affiliate link in the description of this video, so you can get it. Let's start with this tutorial.

So login to your WordPress dashboard. Let's go to 'Forms' on the left side and click on 'Forms' again. This is your Gravity Forms overview of all the forms we have created. There are none yet so we're going to create one. If you do not see this screen but you're looking at this screen, then you are using an old version of Gravity Forms my friend! And what you need to do -no worries- just go to this video and you will learn exactly the same but in older versions of Gravity Forms. Alright. But when you're looking at this screen then let's click on 'Add New'. And we're going to start to create a new form. So let's give it a title. The title is only for you. So let's create "Simple contact form" and the description is also only for you. "The form for the contact page". And press 'Create Form'. Welcome to the Gravity Forms builder. This is a awesome, simply drag and drop builder from Gravity Forms. It is really easy. On the right side, you can see all these standard fields such as texts, checkboxes, radio buttons, phones. Advanced fields we have over here with names, date, time, phone, addresses, website, we have post fields also, which is very interesting, we're going to cover that later on. And of course we have pricing fields with products quantities. So, let's start with the first one, the single line text. If you want to create a really simple contact form. Then, the first thing we want to know from our customers is their name. Now you can choose this one, the 'Advanced field' Name, but as you can see, when I add it, we get two fields, the first and last name. Now, when talking about conversion optimization, I always say, less is more. Because the more space you need in your form, the more space it will take up in your customers mind. And the bigger the chances that they won't fill it out. So, we're not going to use this field. Click on it and press 'Delete'. Okay, we're going to use this single line text. When I enter it, I click on it, and then I can change the field labels, so let's make this "Name". The description is pretty easy. "Fill in your name right here . As you can see it, it appears below the field, we're going to change that later on at appearance. You can change here the input mask, if you want a mask like a phone number or anything that will change the way the people can interact with form. I'm going to demonstrate it later on with the phone number. Maximum characters: you can....

📖 Read the rest of the transcript at https://wpressdoctor.com/

#GravityForms #WordPress

Видео Gravity Forms Tutorial 2021 | Create a Simple, a Conditional Logic & Crazy Form! reCaptcha & CSS канала Matt - WPress Doctor
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
8 марта 2021 г. 19:03:00
00:56:08
Яндекс.Метрика