How To Make Contact form in Website | Full Website Creation Tutorial | Part-4 | Manoj Tek
Summary
TLDRIn this digital marketing tutorial, the speaker guides viewers on creating a 'Contact Us' page for their website using the Ninja Forms plugin. They explain the process of downloading, installing, and customizing the form to collect visitor information, emphasizing the importance of this page for lead generation. The video also encourages viewers to subscribe and engage with the channel for more business growth tips.
Takeaways
- 👋 Welcome to Manoj Tech's digital marketing course, currently ongoing.
- 🌐 In previous videos, we learned about domain hosting, connecting it, and setting up the dashboard for website creation.
- 📄 The current focus is on creating the Contact Us page, which is crucial for visitors to contact you.
- 🔌 To create a contact form, you need to download the Ninja Forms plugin, known for its simplicity and customization options.
- 📋 After installing and activating Ninja Forms, you can create and customize your contact form by adding fields such as name, email, and phone number.
- ⚙️ Customize the form by editing fields, making them required, and rearranging their order as needed.
- 📄 Publish the form by copying the shortcode and pasting it into the new Contact Us page.
- 📝 Once published, the form fields will appear on the Contact Us page, ready for use.
- 📱 You can further customize the form to include additional fields like WhatsApp number or complete address.
- 🔔 Subscribe to the channel and click the bell icon to get notifications for future videos, ensuring you don't miss any important updates.
Q & A
What is the main topic of the video script?
-The main topic of the video script is about creating a 'Contact Us' page for a website using a plugin called Ninja Forms in the context of digital marketing.
What is Ninja Forms?
-Ninja Forms is a plugin that can be downloaded and used to create various forms, including a 'Contact Us' form, for a website to collect information from visitors.
Why is the 'Contact Us' page important for a website?
-The 'Contact Us' page is important as it allows visitors to reach out to the website owner or company directly, providing a means for communication and lead generation.
How does one create a 'Contact Us' page using Ninja Forms?
-To create a 'Contact Us' page using Ninja Forms, one needs to download and activate the plugin, then create a new form, customize it by adding fields such as name, email, and message, and finally embed the form on the website using a shortcode.
What is a shortcode in the context of WordPress?
-A shortcode in WordPress is a code snippet that allows you to do something unique and specific, like embedding content or forms, without having to write out full HTML or PHP code.
How can one customize the fields in the Ninja Form 'Contact Us' page?
-One can customize the fields in the Ninja Form 'Contact Us' page by going to the form settings, clicking on 'Edit', and then adding or modifying fields such as phone number, email address, and any other required information.
What is the significance of adding a phone number field in the 'Contact Us' form?
-Adding a phone number field in the 'Contact Us' form allows visitors to provide their contact number, making it easier for the website owner to reach out to them via phone if necessary.
How can one ensure that the 'Contact Us' form collects the desired information from visitors?
-To ensure the 'Contact Us' form collects the desired information, one should customize the form fields to include all necessary details such as name, email, phone number, and a message field, and make sure the form is properly embedded on the website.
What should one do after creating and customizing the 'Contact Us' form?
-After creating and customizing the 'Contact Us' form, one should test the form to ensure it works correctly, publish the changes, and then embed the form on the desired page of the website using the provided shortcode.
Why is it important to watch the entire video series mentioned in the script?
-It is important to watch the entire video series because it provides step-by-step instructions on creating a website, including advanced learning and customization techniques, which are essential for building a professional and functional website.
What is the purpose of the video series on website creation?
-The purpose of the video series is to educate viewers on how to create and customize their own websites, from basic setup to advanced features, empowering them with the knowledge to grow their business online.
How can viewers support the channel and help it grow?
-Viewers can support the channel by subscribing, clicking the bell icon for notifications, liking, sharing, and commenting on the videos, as this helps the channel reach a wider audience and provide valuable content to more people.
Outlines
🌐 Introduction to Website Creation and Contact Page Setup
In this introductory segment, the speaker welcomes everyone to the digital marketing course, specifically focusing on the creation of a YouTube channel. The speaker discusses the importance of domain hosting, connecting it to the website, and the dashboard's role in website creation. They delve into the process of installing themes and creating pages, emphasizing the significance of the 'Contact Us' page. This page is crucial as it allows visitors to reach out to the website owner. The speaker explains the need for a plugin to facilitate contact form creation and mentions the importance of customization in the next video, hinting at advanced learning opportunities.
📝 Customizing the Contact Form and Enhancing Website Features
This paragraph delves into the customization of the contact form, starting with the selection of options like complete address and last name. The speaker guides the audience on how to create a contact form using Ninja Forms, a popular plugin, and how to activate it on the website. They demonstrate how to add fields such as a phone number and customize the form's appearance. The speaker also explains how to edit the form in the dashboard, adding or deleting fields as needed. The focus is on making the contact form functional and user-friendly, ensuring that the information submitted by visitors reaches the website owner via email. The speaker encourages viewers to watch the entire series of videos to learn advanced website creation techniques and emphasizes the importance of sharing the knowledge to help others grow their businesses.
Mindmap
Keywords
💡Digital Marketing
💡Domain Hosting
💡Dashboard
💡Theme Installation
💡Contact Us Page
💡Ninja Forms
💡Plugin
💡Lead Generation
💡Customization
💡Publish
💡Web Design
Highlights
Introduction to the course on digital marketing by Manoj Tek.
Explanation of domain hosting and how to connect it.
Understanding the dashboard for website creation.
How to install and use themes for a website.
Creating pages and adding content to them.
The importance of the contact us page for a website.
Details on creating a contact form using Ninja Forms plugin.
Downloading and activating the Ninja Forms plugin.
Customizing the Ninja Forms plugin for contact page creation.
Adding fields like phone number and email to the contact form.
Instructions on how to edit and customize form fields.
Activating the contact form on the website's dashboard.
Embedding the contact form shortcode into a new page.
Publishing the contact us page on the website.
Adding custom fields to the contact form for more information.
Customizing the appearance and settings of the contact form.
The significance of the contact form for lead generation.
Encouragement to subscribe and use the bell icon for notifications.
The impact of sharing knowledge for business growth.
Invitation to the next video on website customization.
Transcripts
हेलो एवरीवन अगेन आप सभी का स्वागत है
मनोज टेक डिजिटल मार्केटिंग के इस
[संगीत]
youtube0 क्रिएशन का जो चैप्टर है जो
कोर्स है वह हमारा रनिंग में है इसकी
लास्ट थ्री वीडियोस में मैंने आपको बताया
कि क्या डोमेन होस्टिंग होता है कैसे
कनेक्ट किया जाता है एंड लास्ट वीडियो में
मैंने आपको समझाने की कोशिश करी कि
डैशबोर्ड क्या होता है हमारी वेबसाइट
बनाने के लिए और कैसे हम अपनी थीम को
इंस्टॉल करते हैं कैसे पेजेस वगैरह क्रिएट
करते हैं यह हमने लास्ट वीडियो में सीखा
अब उन पेजेस में एक पेज है कांटेक्ट एस का
पेज जो बहुत इंपॉर्टेंट है कांटेक्ट एस का
पेज का मतलब है कि एक ऐसा पेज जिसमें आप
कोई भी आपकी वेबसाइट पे जो बंदा आता है
फॉर एग्जांपल ये वेबसाइट है म tag.com अगर
मोज tag.com की वेबसाइट पे कोई भी आता है
कोई मुझे कांटेक्ट करना चाहे तो वह मेरे
कहां पर जाएगा कांटेक्ट पे क्लिक करके
यहां पर मुझे डिटेल्स फिल करके देगा लास्ट
वीडियो में हमने देखा पेज बनाते तो हम
कंटेंट डालते हैं कंटेंट वगैरह डालते हैं
तो ये टेबल कैसे बनती है ये टेबल कैसे
क्रिएट होती है कांटेक्ट इस का पेज कैसे
क्रिएट होता है ताकि जो भी लोग हमारे यहां
पर जो इंफॉर्मेशन डाले वो हमारी मेल तक
पहुंच सके और हमारे पास उसकी लीड जनरेट हो
सके इसके लिए आपको एक प्लगइन डाउनलोड करना
है यह वीडियो जो है ना बहुत ज्यादा
इंपोर्टेंट है क्योंकि अगर आपको कांटेक्ट
एस का पेज बनाना आ गया तो वेबसाइट में
सबसे ज्यादा टेक्निकल या तो कांटेक्ट एस
है या नेक्स्ट वीडियो जो हमारा
कस्टमाइजेशन आएगा वो बहुत ज्यादा
इंपोर्टेंट है पेजेस वगैरह बनाना ये बहुत
सिंपल थे आपने सिंपल तरीके से क्रिएट कर
लिया इसलिए इन वीडियो वीडियोज को लास्ट तक
जरूर देखना है और यह जो सीरीज है ना पूरी
यह वन टू लास्ट तक जो भी वीडियोस आपके पास
वेबसाइट क्रिएशन के आए अगर आपने उनको देख
लिया तो यह मान के चलिए आप बहुत अच्छी
वेबसाइट्स क्रिएट कर पाएंगे तो आपको
प्लगिंस में जाना है वेबसाइट के प्लगिंस
में जाने के बाद आपको यहां पर ऐड न्यू
प्लग इन करना है क्या करना है ऐड न्यू
प्लग इन और यहां पर एक कांटेक्ट फॉर्म
डाउनलोड करना है एक कांटेक्ट फॉर्म का
प्लग इन डाउनलोड करना है एंड उसको बोलते
हैं निंजा फॉर्म बहुत सारे फॉर्म है बट
निंजा फॉर्म इज वेरी गुड निंजा इज वेरी
गुड प्लगइन फॉर कांटेक्ट क्रिएशन से सिंपल
है इसको कस्टमाइज करना सिंपल है आप इसको
यह निंजा फॉर्म आपको दिखाई देगा इसको
इंस्टॉल करना है और इंस्टॉल करके क्या कर
देना है एक्टिवेट कर देना है हमारी
वेबसाइट के अंदर हमारा क्या हो जाएगा
निंजा फॉर्म क्या हो जाएगा एक्टिवेट हो
जाएगा निंजा फॉर्म डाउनलोड हो जाएगा अभी
यूज करना नहीं सीखा अ इसको यूज करना
पड़ेगा हमें हमने सिर्फ इंस्टॉल और
एक्टिवेट किया है इसको इंस्टॉल हो गया अब
इसको एक्टिवेट प क्लिक करेंगे तो ये
एक्टिवेट हो जाएगा
आप सबको पता है कि इस
youtube2 कोर्सेस में भी नहीं देते हैं उस
लेवल की एडवांस लर्निंग में यहां पर फ्री
में दे रहा हूं तो इसलिए अगर आपने इस चैनल
को अभी तक सब्सक्राइब नहीं किया तो देर मत
करिए सब्सक्राइब करिए बेल आइकन पर क्लिक
करिए यहां पर आप जैसे निंजा फॉर्म को
एक्टिवेट करोगे निंजा फॉर्म आपको इसी
डैशबोर्ड के यहां पर दिखाई देना स्टार्ट
हो जाएगा हमें कहीं ना कहीं जो हमारा
निंजा फॉर्म है ना वो यहां पर दिखाई देगा
जो हमारा निंजा फॉर्म है वो हमारा एक्टिव
हो गया अब जो हमारा डैशबोर्ड है ये हमारा
डैशबोर्ड है इस डैशबोर्ड हम निंजा फॉर्म
दिखाई देगा इस निंजा फॉर्म पर जाकर हम
क्या करेंगे सेटिंग करेंगे इसकी यह निंजा
फॉर्म है हमारा इस पर क्लिक करेंगे आपको
कांटेक्ट का पेज बनाने के लिए जो भी यह
शॉर्ट कोड है यह शॉर्ट कोड इसको कॉपी करना
है क्या करना है शॉर्ट कोड को कॉपी करना
है एंड कॉपी करने के बाद आप सेम तरीके से
पेज में जाना है ड न्यू करना है पेज में
जाके एड न्यू करोगे यहां पर डाल दो
कांटेक्ट अस जो भी आप लगाना चाहते हो
कांटेक्ट
अस आपने ये डाला और ये जो शॉर्ट कोड आपने
कॉपी किया था उसको यहां पर पेस्ट कर दो
कहां पर इसके नीचे पेस्ट कर दो पब्लिश कर
दो पब्लिश दो बार आपको एक्टिवेट कर दो अगर
आप पेज देखोगे अपनी वेबसाइट के अंदर तो यह
कांटेक्ट अस का पेज आपका ये टेबल रेडी हो
गई है अब बात यह है कि ये कांटेक्ट अस का
पेज तो हो गया बट इसमें मोबाइल नंबर नहीं
है इसमें मेरा फॉर एग्जांपल मैं कुछ और भी
फील्ड ऐड करना चाहता हूं तो वो कहां से
करूं वापसी आप डैशबोर्ड में जाइए अपने एंड
निंजा फॉर्म पे जाइए एंड निंजा फॉर्म पे
जाके इसको यहां पर सेटिंग वाले इस बटन पर
क्लिक करिए एंड इसको एडिट करेंगे हम क्या
करेंगे एडिट करेंगे हम इसके अंदर कोई भी
फील्ड ऐड कर सकते हैं कोई भी फील्ड डिलीट
कर सकते हैं कोई प्रॉब्लम वाली बात नहीं
है एडिट पे क्लिक करने के बाद आपको प्लस
आइकन पर क्लिक करना है यहां से आपको फन
एग्जांपल मोबाइल नंबर लेना है तो यहां से
देखिए यहां पर बहुत सारे सीटी फोन नंबर
हमें मिला इसको क्लिक किया हमने जैसे
क्लिक किया ये यहां पर आ गया अब इसको मुझे
जहां रखना है उसको ड्रैग करके ऊपर लेके
जाऊंगा मैं इसको ड्रैग करके यहां ले आया
इसकी सेटिंग पे मैं में क्लिक करके इसको
फोन नंबर को फॉर एग्जांपल मैं इसको डालना
चाहता हूं
whatsapp.app नंबर मैंने इसकी हेडिंग
आ गया मैं चाह रहा हूं कि उसका ना उसका
यहां पर फॉर एग्जांपल डेट एंड टाइम आ जाए
या इमेज सेलेक्ट करें वो बहुत सारी ऑप्शंस
है यहां पर व आप इनमें से कोई भी ऑप्शन
सेलेक्ट कर सकते हैं कोई प्रॉब्लम वाली
बात नहीं है मैंने डन पे क्लिक किया मैं
चाह रहा हूं कंप्लीट एड्रेस वो भेजे या
लास्ट नेम अपना लिखिए तो मैं लास्ट नेम
मैंने नेम लास्ट नेम यहां पर डाल दिया
इनको हम इस सेटिंग प क्लिक करके क्या करते
जाएंगे रिक्वायर्ड करते जाएंगे जिसको भी
हमें रिक्वायर्ड का ऑप्शन चाहिए कि भाई वो
फिल करे बिना आगे ना बढ़े तो हमने क्या कर
देंगे इनको रिक्वायर्ड फील्ड बना देंगे तो
आपने इसको डन कर दिया डन करके इसको पब्लिश
कर दिया पब्लिश कर दोगे तो आपका जो फॉर्म
है यह जो हमारा जो भी हमने फॉर्म क्रिएट
किया कांटेक्ट अस का जो फॉर्म हमने बनाया
है वो जो फॉर्म है वो हमारा क्या बन जाएगा
ये सारी फील्ड उसके अंदर ऐड हो जाएंगे
पब्लिश करना जरूरी है सेव करने के लिए
इसको यहां से कट करेंगे कट करके हम पेजेस
पे जाएंगे एंड हम देखेंगे हमारा जो
कांटेक्ट अस का पेज है हमने ये कांटेक्ट
अस का पेज बनाया और इसको जैसे ही हम व्यू
करेंगे तो हमने जो जो फील्ड डाली है नेम
डाला ईमेल एड्रेस डाला वो सब यहां पर क्या
हो जाएंगी दिखनी स्टार्ट हो जाए हो जाएंगी
हमारे पास आनी स्टार्ट हो जाएंगी हमारे
पास वो सारी की सारी फील्ड जो भी है वह
हमें वहां पर हमें शो होनी स्टार्ट हो
जाएंगी तो इस तरीके से थोड़ा सा टाइम
लगेगा इसको यहां पर हमारे
whatsapp.in फॉर्म को डाउनलोड किया क्या
किया निंजा फॉर्म को डाउनलोड किया निंजा
फॉर्म को ऐड न्यू पर क्लिक करके हम निंजा
फॉर्म यहां से सर्च किया निंजा फॉर्म को
डाउनलोड कर लिया एक्टिवेट कर लिया उसके
बाद आपने डैशबोर्ड में निंजा फॉर्म दिखेगा
उस परे गए इसके शॉर्टकट को शॉर्ट कोड को
हमने कॉपी कर लिया ये जो शॉर्ट कोड है
इसको हमने कॉपी कर लिया जो भी शॉर्ट कोड
था उसको कॉपी किया हमने एंड कॉपी करने के
बाद ये जो शॉर्ट कोड यहां पर दिख रहा है
इसको यहां से कॉपी करने के बाद हम कहां पर
गए पेजेस में गए एंड पेजेस में जाने के
बाद हमने इसको फॉर एग्जांपल मुझे इस पेज
को एडिट करना है तो मैंने कांटेक्ट अस के
पेज को क्रिएट किया राइट क्रिएट करने के
बाद यह जो कोड है मैंने यहां पर डाल दिया
कोड मैंने यहां पर पेस्ट किया और इसको
यहां से पब्लिश कर दिया जैसे ही पब्लिश
करूंगा मेरा जो पेज है उसके अंदर ये देखो
नेम लास्ट नेम जो हमने एडिट किया था व
सारी फील्ड यहां पर आनी स्टार्ट हो गई इस
तरीके से आप अपना कांटेक्ट अस का पेज
क्रिएट कर सकते हो किसके अंदर अपनी
वेबसाइट के अंदर आप ये कांटेक्ट का पेज
क्रिएट करिए नेक्स्ट वीडियो में मैं आपको
बताऊंगा कि कैसे आप अपनी वेबसाइट को
कस्टमाइज करोगे अब यह बहुत इंपोर्टेंट हो
गया है कि हमने वेबसाइट का डोमेन
छोटे-छोटे पार्ट में आपको 10 10 1515 मिनट
7त सा 8 1010 मिनट के वीडियो मैंने दिए
हैं और 1015 मिनट के 10 510 वीडियो के
अंदर आप बहुत अच्छी वेबसाइट बहुत एडवांस
लेवल की वेबसाइट से आप क्रिएट करना सीख
जाओगे बशर्ते है कि आपने लास्ट सारे
वीडियोस अगर अभी तक नहीं देखे हैं तो
सीरीज में देख लीजिए इसी प्लेलिस्ट के
अंदर वेबसाइट क्रिएशन की प्लेलिस्ट के
अंदर आपको
youtube's आपको मिलेंगे वन बाय वन करके
सारे वीडियोस देखिए जो भी वीडियोस आपके
पास आ रहा है उसको जरूर देखिए वीडियो
अच्छा लगे तो लाइक और शेयर करना मत भूलिए
बिकॉज़ ऐसे बहुत सारे लोग हैं जो पेड
कोर्सेस नहीं ले सकते हैं जिनको बहुत सारी
लर्निंग चाहिए अपने बिजनेस को ग्रो करने
के लिए एक लेवल की एक बेसिक नॉलेज उनको
चाहिए उन लोगों तक ये वीडियोस पहुंचाए
ताकि उनका भी फायदा मिले इस भले काम में
साथ दीजिए यह जो धर्म का काम है किसी को
अगर आप पैसे कमाना सिखा सकते हो तो उससे
बढ़िया धर्म का काम कोई भी नहीं है
वेबसाइट बनेगी आपका कोई भी बिजनेस है उसको
आप प्रमोट करोगे पैसे कमाओगे किसी और के
लिए वेबसाइट बना के दोगे तो पैसे कमाओगे
तो आप लोगों को पैसे कमाना सिखा रहे हो
इससे बड़ा धर्म कोई भी नहीं है सो प्लीज
इसको शेयर करिए इसको लाइक करिए और जितना
हो सके आपकी जो भी कमें जो भी क्वेरीज है
या जो भी आपको वीडियो अच्छा लगे तो कमेंट
बॉक्स में जरूर डालिए चैनल को सब्सक्राइब
करना मत भूलिए और इसके इस सब्सक्राइब करने
से काम नहीं चलेगा बेल आइकन पर क्लिक करिए
ताकि आपके पास जब कोई भी नोटिफिकेशन
वीडियो डाले तो आपके पास पहुंच सके कोई
वीडियो आपसे मिस ना हो कोई भी वीडियो आपसे
मिस होने की गुंजाइश जीरो हो जाएगी और जो
भी नोटिफिकेशन आए ओपन करके देखिए यहां पर
कोई भी नो बकवास ओनली काम की बात इस चैनल
का का सीधा सा रूल है कि यहां पर कोई
बकवास नहीं करी जाती सिर्फ काम की बात
आपको दी जाती है और काम की छोटी-छोटी
बाइट्स में आपको वो सिखाया जाता है जो
आपको लाइफ टाइम आपके बिजनेस और आपके करियर
में काम आने वाला है सो थैंक यू वेरी मच
नेक्स्ट वीडियो में हम मिलेंगे नए
कस्टमाइजेशन के साथ में कि कैसे हम अपनी
वेबसाइट को कस्टमाइज करें अब कैसे अपने
हिसाब से इसको क्रिएट करें हमने थीम लगा
लिया हमने पेजेस बना लिए कांटेक्ट इस का
पेज भी बना लिया आज हमने अब इस वेबसाइट को
अपने हिसाब से रीडिजाइन कैसे करें मेरा
नाम कैसे आएगा मेरा लोगो कैसे आएगा मेरी
पिक्चर कैसे आएंगी मेरे प्रोडक्ट कैसे
डालू मैं इसके अंदर मेरी सर्विसेस कैसे
डालू इसके अंदर वो सारी चीजें आपको
नेक्स्ट वीडियो में बताऊंगा मैं थैंक यू
वेरी मच टिल देन बाय बाय थैंक यू
Voir Plus de Vidéos Connexes
How To Copy and Paste Any Website Landing Page | How To Build a Landing Page
Building a Better Category Page with WooCommerce & Flatsome Theme
Are you using a Secure Contact Form
Invisible man VFX tutorial in After Effects - After Effects 2022 tutorial
Node JS in Hindi # 21 Make HTML page
What is SEO | Learn SEO | Introduction to SEO
5.0 / 5 (0 votes)