//// Gravity Forms \\\\Â
Biggest era of WordPress Form Solutions
(Create Any Custom Form That You Can Visualize)Â
====/////====/////====/////====/////====
/////G\\\\Â Gravity Form all video playlist: https://www.youtube.com/watch?v=z3IpDwhU458&list=PLvfhcWty9XnDOPf9Wj3hTlyPHVFMm4olA
/////G\\\\Â Single Topic Wise Video :Â
 Gravity Form intro https://www.youtube.com/z3IpDwhU458
Gravity Form SIMPLE SIGNUP https://youtu.be/wxxvk-BJGT8
Gravity Form multistep https://www.youtube.com/0XQ0uOhyULA
confirmation & admin Notify https://www.youtube.com/CrR4CJApAEo
Gravity Form PoP Up https://www.youtube.com/2aKfO5CdJvE
 Gravity Form mailchimp https://www.youtube.com/773T6Pnar20
 Gravity Form Style Pro https://www.youtube.com/IvslCsal00k
Gravity form style – by essential addons: https://youtu.be/R6HWqR3oI7c
 Gravity Form product payment calculation(paypal) https://www.youtube.com/01keQxT3zq8
Advanced Paypal & Stripe Payment Gravity Form : https://youtu.be/gyMXMssRb8k
 Gravity Form Quiz https://www.youtube.com/ibFYBruCu1o
Gravity PDF & Conditional Logic: https://youtu.be/80AWdksBieA
 Gravity Form Preview Submission https://www.youtube.com/r6CNFsjm978
 Advanced For Gravity Live Population Form: https://youtu.be/Yyiaj2-1Sx0
/////G\\\\Â Get All 80+ Gravity Plugins & Addons : https://bit.ly/cmbdgravity
/////G\\\\Â Get Essential Addons Elementor :Â
https://mega.nz/#!DTp1HS5K!w2-UFnwfpjF-m9g6jdz-S6hA0HQfthGVCnAehmNaSW4
/////G\\\\ Gravity Form License Activate :Â
- After form plugin install & activate > click âFormâ > all form >Â
- Keep license field âBlankâ > nextÂ
- You will see license is enabledÂ
- Next > next > create a formÂ
/////G\\\\ Gravity Form Insert at web page :Â
Form insert option-01 (by shortcode & form id) :Â
[gravityform id=”1″ title=”true” description=”true” ajax=”true”]
Form insert option-02 (by Essential Addons Elementor & Insert & Customize form) :Â
/////G\\\\Â Get Essential Addons Elementor : https://mega.nz/#!CXYVgYSC!w2-UFnwfpjF-m9g6jdz-S6hA0HQfthGVCnAehmNaSW4
*** This is 3rd party addons of elememtor : https://essential-addons.com/elementor/
*** By this you can customize any wp form by elementor
*** must need essential addons premium version + elementor + elementor pro
/////G\\\\Â How insert & customize by elementor & essential addons :
– āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ°Â & āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĒā§āĻ°ā§ & āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ
ā§āĻ¯āĻžāĻĄ-āĻ
āĻ¨ā§āĻ¸Â āĻĒā§āĻ°āĻŋāĻŽāĻŋā§āĻžāĻŽ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨Â āĻ˛āĻžāĻāĻŦā§ – āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ°Â & āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĒā§āĻ°ā§ & āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ
ā§āĻ¯āĻžāĻĄ-āĻ
āĻ¨ā§āĻ¸Â āĻĒā§āĻ°āĻŋāĻŽāĻŋā§āĻžāĻŽ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨Â āĻ˛āĻžāĻāĻŦā§Â
– āĻĢāĻ°ā§āĻŽ āĻŦāĻŋāĻ˛ā§āĻĄāĻžāĻ° āĻĻāĻŋā§ā§ āĻĢāĻ°ā§āĻŽ āĻŦāĻžāĻ¨āĻžāĻ¨ā§ (āĻ¯ā§āĻŽāĻ¨Â āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨ āĻĻāĻŋā§ā§ āĻĢāĻ°ā§āĻŽÂ āĻŦāĻžāĻ¨āĻžāĻŦā§ )Â
– āĻĒā§āĻ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ° āĻ¸āĻŽā§ āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĻāĻŋā§ā§ – “āĻā§āĻ°āĻžāĻāĻŋāĻāĻŋ āĻĢāĻ°ā§āĻŽ ” widget āĻĻāĻŋā§ā§ āĻŦāĻžāĻ¨āĻžāĻ¨ā§ āĻĢāĻ°ā§āĻŽ āĻĒā§āĻ āĻ āĻāĻ¨ā§āĻ¸āĻžāĻ°ā§āĻ āĻāĻ°āĻŦā§ (āĻāĻāĻž āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨ā§āĻ¸Â āĻāĻ° widget )Â
– āĻāĻŦāĻžāĻ° āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĻāĻŋā§ā§ āĻŽāĻ¨ āĻŽāĻ¤ā§ āĻĢāĻ°ā§āĻŽ āĻāĻ° āĻ¸āĻŦ āĻĢāĻŋāĻ˛ā§āĻĄ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ°āĻŦā§Â
*** āĻā§āĻ°āĻžāĻāĻŋāĻāĻŋ Formv āĻāĻ° āĻ¨āĻŋāĻā§āĻ° āĻ āĻāĻŽāĻ¨ āĻāĻžāĻ¸ā§āĻā§āĻŽ āĻā§āĻ¨ā§ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨ āĻ¨āĻžāĻ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ° āĻāĻ¨ā§āĻ¯Â
*** āĻāĻ¨ā§āĻā§āĻ¯āĻžāĻā§āĻ āĻĢāĻ°ā§āĻŽ ā§, WP -FORM, ninja form, āĻŽāĻžāĻāĻ˛āĻāĻŋāĻŽā§āĻĒ āĻĢāĻ°ā§āĻŽ āĻāĻ° āĻāĻ¨ā§āĻ¯ – āĻāĻāĻ āĻāĻžāĻŦā§ āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨Â āĻāĻžāĻ āĻāĻ°ā§ āĨ¤
– āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ°Â & āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĒā§āĻ°ā§ & āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨ā§āĻ¸Â āĻĒā§āĻ°āĻŋāĻŽāĻŋā§āĻžāĻŽ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨Â āĻ˛āĻžāĻāĻŦā§Â
– āĻĢāĻ°ā§āĻŽ āĻŦāĻŋāĻ˛ā§āĻĄāĻžāĻ° āĻĻāĻŋā§ā§ āĻĢāĻ°ā§āĻŽ āĻŦāĻžāĻ¨āĻžāĻ¨ā§ (āĻ¯ā§āĻŽāĻ¨Â āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨ āĻĻāĻŋā§ā§ āĻĢāĻ°ā§āĻŽÂ āĻŦāĻžāĻ¨āĻžāĻŦā§ )Â
– āĻĒā§āĻ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ° āĻ¸āĻŽā§ āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĻāĻŋā§ā§ – “āĻā§āĻ°āĻžāĻāĻŋāĻāĻŋ āĻĢāĻ°ā§āĻŽ ” widget āĻĻāĻŋā§ā§ āĻŦāĻžāĻ¨āĻžāĻ¨ā§ āĻĢāĻ°ā§āĻŽ āĻĒā§āĻ āĻ āĻāĻ¨ā§āĻ¸āĻžāĻ°ā§āĻ āĻāĻ°āĻŦā§ (āĻāĻāĻž āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨ā§āĻ¸Â āĻāĻ° widget )Â
– āĻāĻŦāĻžāĻ° āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĻāĻŋā§ā§ āĻŽāĻ¨ āĻŽāĻ¤ā§ āĻĢāĻ°ā§āĻŽ āĻāĻ° āĻ¸āĻŦ āĻĢāĻŋāĻ˛ā§āĻĄ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ°āĻŦā§Â
*** āĻā§āĻ°āĻžāĻāĻŋāĻāĻŋ āĻāĻ°āĻŽ āĻāĻ° āĻ¨āĻŋāĻā§āĻ° āĻ āĻāĻŽāĻ¨ āĻāĻžāĻ¸ā§āĻā§āĻŽ āĻā§āĻ¨ā§ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨ āĻ¨āĻžāĻ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ° āĻāĻ¨ā§āĻ¯Â
*** āĻāĻ¨ā§āĻā§āĻ¯āĻžāĻā§āĻ āĻĢāĻ°ā§āĻŽ ā§, WP -FORM, ninja form, āĻŽāĻžāĻāĻ˛āĻāĻŋāĻŽā§āĻĒ āĻĢāĻ°ā§āĻŽ āĻāĻ° āĻāĻ¨ā§āĻ¯ – āĻāĻāĻ āĻāĻžāĻŦā§ āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨Â āĻāĻžāĻ āĻāĻ°ā§ āĨ¤
– āĻĢāĻ°ā§āĻŽ āĻŦāĻŋāĻ˛ā§āĻĄāĻžāĻ° āĻĻāĻŋā§ā§ āĻĢāĻ°ā§āĻŽ āĻŦāĻžāĻ¨āĻžāĻ¨ā§ (āĻ¯ā§āĻŽāĻ¨Â āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨ āĻĻāĻŋā§ā§ āĻĢāĻ°ā§āĻŽÂ āĻŦāĻžāĻ¨āĻžāĻŦā§ )Â
– āĻĒā§āĻ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ° āĻ¸āĻŽā§ āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĻāĻŋā§ā§ – “āĻā§āĻ°āĻžāĻāĻŋāĻāĻŋ āĻĢāĻ°ā§āĻŽ ” widget āĻĻāĻŋā§ā§ āĻŦāĻžāĻ¨āĻžāĻ¨ā§ āĻĢāĻ°ā§āĻŽ āĻĒā§āĻ āĻ āĻāĻ¨ā§āĻ¸āĻžāĻ°ā§āĻ āĻāĻ°āĻŦā§ (āĻāĻāĻž āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨ā§āĻ¸Â āĻāĻ° widget )Â
– āĻāĻŦāĻžāĻ° āĻāĻ˛āĻŋāĻŽā§āĻ¨ā§āĻāĻ° āĻĻāĻŋā§ā§ āĻŽāĻ¨ āĻŽāĻ¤ā§ āĻĢāĻ°ā§āĻŽ āĻāĻ° āĻ¸āĻŦ āĻĢāĻŋāĻ˛ā§āĻĄ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ°āĻŦā§Â
*** āĻā§āĻ°āĻžāĻāĻŋāĻāĻŋ āĻāĻ°āĻŽ āĻāĻ° āĻ¨āĻŋāĻā§āĻ° āĻ āĻāĻŽāĻ¨ āĻāĻžāĻ¸ā§āĻā§āĻŽ āĻā§āĻ¨ā§ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨ āĻ¨āĻžāĻ āĻĄāĻŋāĻ¸āĻžāĻāĻ¨ āĻāĻ° āĻāĻ¨ā§āĻ¯Â
*** āĻāĻ¨ā§āĻā§āĻ¯āĻžāĻā§āĻ āĻĢāĻ°ā§āĻŽ ā§, WP -FORM, ninja form, āĻŽāĻžāĻāĻ˛āĻāĻŋāĻŽā§āĻĒ āĻĢāĻ°ā§āĻŽ āĻāĻ° āĻāĻ¨ā§āĻ¯ – āĻāĻāĻ āĻāĻžāĻŦā§ āĻāĻ¸ā§āĻ¨āĻāĻŋā§āĻžāĻ˛ āĻ ā§āĻ¯āĻžāĻĄ-āĻ āĻ¨Â āĻāĻžāĻ āĻāĻ°ā§ āĨ¤
/////G\\\\Form Level & Placeholder :Â
////G\\\\ Phone Formatting :Â
==============
USA : (###)###-####: (144)347-8879
**** International: any phone number (Use this one always for phone)
Form Description:Â
write any coution message – what you want to show during form filled upÂ
Error Message Configure
Edit form field > appearance > Custom Validation Message: âwrite the error messagesâ
>>> Given Dropdown Field & Bulk Import for choice:
> add dropdown > choose Bulk >
> get all countriesÂ
> all US statesÂ
> all gender choiceÂ
 all citiesÂ
> all age group Â
>>> Bulk Upload – Dropdown/ Radio/ Multi SelectÂ
- Take a dropdown/radio/multi select fieldÂ
- At choice option there are âBULK ADDâ
- Now at right there are : BLANK FILED
- Option-01: Copy Paste – 1000 Choice from excel
- Option-02: At left pre defined bulk options (like all countries / all zip US)
YOU CAN USE ANY ONE FOR BULK CHOICE OPTION INSERTING
>>> Input MuskÂ
- If email field chose : it will required : @ .com
- Only numbers (max 5 characters) like thisÂ
>>> Configure Input MuskÂ
- Add a âsingle line textâ
- Tick -> input muskÂ
- Custom musk ->Â
>>> Custom Input MusksÂ
- If alphabet(Upper/Lowercase) both -> write *
(ex: Minhaz ASIF)
- If alphabet(Lowercase) both -> write a
(ex: minhazul asif)
- If numeric -> write 9
(ex: 01871993300)
- If date format -> write 9
(ex: format will be : dd/mm/yyyy: input musk: 99/99/9999)
(ex: format will be : dd/jan/yyyy: input musk: 99/aaa/9999)
- If limit character(max character fix) -> aaaa or **** or 9999
(ex: 4 letter : asif)
Phone:
@description: Format: (+880)-XXXX-XXXXXX
Input musk : custom: (+999)-9999-999999
/////G\\\\Form Design : 01 :Â
- Simple Signup/ contact Form
====/////====/////====/////====
Process
=========
- Name
- PhoneÂ
- MessageÂ
- Gender : radio – Mail/ Female / 3rd GenderÂ
- Course: Dropdown – wp/ web / leadÂ
- Checkbox, I agree
How to add and design a gravity form at a page
=========================================
-
- Install & activate essential elementor addonsÂ
- From wp dashboard > click essential addonsÂ
- Click: elements > ENABLE ALL > Save ChangesÂ
- Create a page edit with elementor > add âEA GRAVITY FORMâ
- Now choose – the gravity form – that you created Â
- ENABLE :Â Custom Title & Description : write âpreferred titleâ
- DISABLE: Title
- Settings > page layout : elementor full widthÂ
- Edit EA Gravity Forms > StyleÂ
- ENJOY UNLIMITED CUSTOMIZATIONÂ
- Form container : background color: + add padding + form widthÂ
- Input & Textarea: input box background color + text color + input width + SPACING
- SUBMIT BUTTON: fill width + background color + text color
- Error message : text color : RED
- Radio & Checkbox: Custom Style > increase size + color & checked color
- Thanks you message – color + font + color
Lecture -02
================
/////G\\\\Form Design : 02 :Â
- Multi Section Form
====/////====/////====/////====
Process
==========
> add section: personal infoÂ
—————————————
– name
– EmailÂ
> add
 section: company infoÂ
—————————————
– company name
– job titleÂ
> add section: education infoÂ
—————————————
– university name
– subjectÂ
/////G\\\\Form Design : 03 :Â
- Multi Step Form
====/////====/////====/////====
Process
=========
> Add some page breakÂ
> add page break: personal infoÂ
—————————————
– name
– EmailÂ
> add page break: company infoÂ
—————————————
– company name
– job titleÂ
Custom Css ClassÂ
Process
===============
- Add 2 form fields : âNAMEâ & âEMAILâ
- As general – both will show one after anotherÂ
- Edit each field > Go Appearance > Custom Css Class:
- @Name, write: gf_left_half
- @Email, write: gf_right_half
- Now you will see : both filed : at a single row/ line
Confirmation messageÂ
==============
- Go to form > edit >Â
- Settings > confirmation > default confirmation edit >
- Paste msg that client give you
Process
===============
- Add 2 form fields : âNAMEâ & âEMAILâ
- As general – both will show one after anotherÂ
- Edit each field > Go Appearance > Custom Css Class:
- @Name, write: gf_left_half
- @Email, write: gf_right_half
- Now you will see : both filed : at a single row/ line
Confirmation messageÂ
==============
- Go to form > edit >Â
- Settings > confirmation > default confirmation edit >Â
- Paste msg that client give you
Admin Notification
===================
-  this is the admin email that website owner will get
- Â default wordpress dashboard admin email treated as admin email
- Â you can change â from emailâ
- Â change subject
- Â change personal admin email body
- Â by default viewer data that is filledup by viewer go to admin email
/////G\\\\Form Design : 04 :Â
- Gravity PopUp Maker
====/////====/////====/////====
- Get this free: https://wordpress.org/plugins/popup-maker/
Process
========================
- Create a General form which we want to to show at on click popup
- Â install popup maker plugin
- Â from dashboard click popup maker add > new popup
- Â give a title âfform pop upâ
- Â ADD A GRAVITY FORM to the pop up content
- TRIGGER >Â ADD new trigger > auto open
- Targeting:Â choose page/ pages where you want to show the popup
- Display > pop up THEME: LIGHT BOX
- Create a page/ put the shortcode from pop up maker
- When you click on the button the gravity form will be popupe.