वर्डप्रेस अर्ज फॉर्म. वर्डप्रेससाठी फॉर्म - जलद, साधे, प्रभावी! संपर्क फॉर्म सेट करत आहे

डीफॉल्टनुसार, डब्ल्यूपीमध्ये अशी कार्यक्षमता नसते, परंतु इंजिनसाठी प्लगइन आणि विशेषतः डिझाइन केलेले कॉन्फिगरेशन बचावासाठी येतात.

कॉन्टॅक्ट फॉर्म 7 प्लगइन वापरून वर्डप्रेस फीडबॅक फॉर्म

मी विनामूल्य संपर्क फॉर्म 7 चे विश्लेषण करेन, ज्याचे रशियनमध्ये भाषांतर केले गेले आहे. मानक म्हणून त्यात समाविष्ट आहे:

• पत्र पत्ता
• इच्छित असल्यास दूरध्वनी
• संदेश मजकूर
• कॅप्चा

captcha reCaptcha जोडा

आम्ही वर्डप्रेस ॲडमिन पॅनेलद्वारे प्लगइन मानक म्हणून स्थापित करतो, पॅनेलमध्ये असे दिसते.

CF7 शोधात आहे

चला Google वरून reCaptcha सेट करू, एकत्रीकरण विभागात जा आणि google.com/recaptcha या लिंकवर क्लिक करू. Google खाते असणे आवश्यक आहे.

Recaptcha दुवा

ते सेवेमध्ये हस्तांतरित करेल, स्क्रीनशॉट प्रमाणे आयटम सेट करेल, डोमेन योग्यरित्या प्रविष्ट करेल आणि तळाशी पाठवा क्लिक करेल.

साइटवर कॅप्चा लिंक करत आहे

कॅप्चासाठी डेटा कॉपी करा, दोन्ही की.

प्रवेश कळा

कडे परत जाऊया वर्डप्रेस प्लगइनआणि एकत्रीकरण सेटिंग्ज बटणावर क्लिक करा.

एकत्रीकरण

आम्ही reCaptcha सेवेमधून कॉपी केलेल्या की एंटर करतो, त्या योग्य विभागात लिहा आणि सेव्ह करा.

सेटिंग्ज जतन करत आहे

एक फॉर्म तयार करणे

सेटिंग्ज वर जा आणि तयार करा नवीन गणवेश. आम्ही मानक खुणा पुसून टाकतो.

मानक शिलालेख पुसून टाका

नवीन प्रकल्पाचे नाव प्रविष्ट करा आणि मजकूर बटणावर क्लिक करा, कारण नियमांशिवाय नाव मजकूर म्हणून प्रविष्ट केले जाईल.

मजकूर फील्ड

एक पॉप-अप विंडो दिसेल, ती तुमच्या गरजेनुसार सानुकूलित करा.

1. अभ्यागताने फील्ड भरणे आवश्यक आहे की नाही हे प्रकार निर्धारित करते, मी ते होय वर सेट केले आहे
2. आम्ही नाव बदलत नाही, तो एक अद्वितीय ओळखकर्ता आहे
3. डीफॉल्ट मूल्य, मी आत पाहीन असे वाक्यांश प्रविष्ट केले
4. प्लेसहोल्डरऐवजी वापरा, म्हणजे, काहीही प्रविष्ट करेपर्यंत, शिलालेख प्रदर्शित केला जाईल
5. मी Akismet फील्ड वापरण्याची शिफारस करत नाही
6. शैली जोडण्यासाठी, वर्ग किंवा आयडी प्रविष्ट करा, पोल-नाव बनवा
7. सामान्य फील्डमध्ये टॅग घाला

त्याचप्रमाणे, आपण ई-मेल बटण दाबतो, आपल्याला समान इंटरफेस दिसतो.

मेल जनरेटर

तुम्ही तुमचा ईमेल मजकूराद्वारे प्रविष्ट करू शकता, परंतु नंतर तुम्ही शुद्धता तपासण्याचे कार्य गमवाल. @ चिन्ह आहे का हे प्लगइन तपासेल.

मजकूर क्षेत्र आणि फोन विभाग जोडा (पर्यायी), तत्त्व समान आहे.

फोन आणि मजकूर क्षेत्र बटणे

यापूर्वी, आम्ही वर्डप्रेसमध्ये कॅप्चा एकत्रीकरण सेट केले आहे मूलभूत आवृत्ती CF7 मध्ये कॅप्चा घालण्यासाठी एक बटण नाही; यासाठी एक शॉर्टकोड तयार केला गेला आणि इतर घटकांखाली ठेवला गेला.

फक्त सबमिट बटण जोडणे, सूचीमधून निवडा आणि त्याचे आउटपुट कॉन्फिगर करणे बाकी आहे.

पाठवा बटण

परिणाम खालील कोड आहे.

अंतिम CF7 कोड

पत्र पाठवून सेट अप करत आहे

ईमेल सेटिंग्ज बदलत आहे

1. फील्ड टॅग पूर्वी तयार केले
2. मेल पत्ता जिथे पत्रे पाठवली जातील
3. इच्छेनुसार आणि विषयातून भरा
4. अतिरिक्त शीर्षलेख, पूर्णपणे साफ केले
5. पाठवल्यानंतर आम्हाला ईमेलद्वारे जे प्राप्त करायचे आहे ते आम्ही पत्राच्या मुख्य भागामध्ये लिहितो. उदाहरणार्थ, मी मेल टाइप केला आणि या शब्दासमोर संबंधित टॅग टाकला.
6. तळाशी Save वर क्लिक करा

जतन

उर्वरित सूचना आणि सेटिंग्ज टॅबची चाचणी घ्या; तुम्ही वेगवेगळ्या परिस्थितीत प्रदर्शित केलेला मजकूर बदलू शकता.

वेबसाइटवर फॉर्म टाकणे

पृष्ठाच्या शीर्षस्थानी एक लहान कोड तयार केला गेला आहे, तो कॉपी करा.

संक्षिप्त संकेत

कोणत्याही एंट्रीवर जा आणि पेस्ट करा.

पृष्ठावर शॉर्टकोड टाका

व्यू बटणावर क्लिक केल्यानंतर, ते पूर्ण झालेले काम प्रदर्शित करणाऱ्या साइटवर हस्तांतरित होईल.

अंतिम आवृत्ती

वर्डप्रेस थीम डेव्हलपर्सबद्दल चांगली गोष्ट म्हणजे CF7 चे समर्थन करणारे उत्पादन आगाऊ तयार करणे, जे जीवन सोपे करते आणि नोंदणीची आवश्यकता नसते. CSS शैलीसाइट कोडमध्ये. माझी थीम प्लगइनला सपोर्ट करते आणि खूप छान इमेज दाखवते. आपण समाधानी नसल्यास, प्रत्येक फील्डसाठी एक वर्ग नियुक्त केला होता, डिझाइन बदलण्यासाठी त्याचा वापर करा. मी थीम तपासली आणि ईमेल लवकर येत आहेत. इतर पद्धतींसाठी, लिंक वाचा.

मी सर्व सामग्रीवर व्हिडिओ सूचना संलग्न करेन, केवळ निर्मिती प्रक्रियाच नव्हे तर ते कसे देखील दर्शवेल करा सुंदर रचनाफॉर्म, कारण संपूर्ण प्रक्रियेचे मजकूरात वर्णन केले जाऊ शकत नाही.

फील्ड एका ओळीत क्षैतिज करा

मी इंटरनेटवर पाहिले आणि किती फेरफार केले जात आहेत ते पाहून मी घाबरलो. मी तुम्हाला डिझाइन पूर्णपणे कसे सानुकूलित करायचे ते दाखवणार नाही; हा कोणत्याही मोठ्या मॅन्युअलचा विषय आहे. आपण फॉर्म संपादित करण्यासाठी जातो आणि आपल्याला वर्गासह div मध्ये क्षैतिज रीतीने रेखाटायचे असलेले फील्ड गुंडाळतो, कोड पहा.

मला नाव, मेल आणि फोन फील्ड एका ओळीत ठेवायचे आहेत. बदल जतन करण्यास विसरू नका.

div मध्ये गुंडाळा

वर्डप्रेस प्रशासक क्षेत्रात लॉगिन करा देखावा> थीम एडिटर > style.css आम्ही बॅकसाठी शैली लिहितो वर्डप्रेस संप्रेषणफाईलच्या शेवटी.

फ्लेक्स-फॉर्म(डिस्प्ले:फ्लेक्स;) @मीडिया फक्त स्क्रीन आणि (कमाल-रुंदी: 655px)(.फ्लेक्स-फॉर्म(डिस्प्ले:ब्लॉक;))

विहित शैली

स्टाइल्सवरून तुम्ही पाहू शकता की फ्लेक्स-फॉर्म क्लाससह divs ला डिस्प्ले:फ्लेक्स प्रॉपर्टी दिली गेली आहे अतिरिक्त पॅरामीटर्सजागा समान प्रमाणात विभागली आहे.

दुसरी नोंद दाखवते जेव्हा स्क्रीन रिझोल्यूशन 655 पिक्सेल्सपर्यंत पोहोचते, तेव्हा फॉर्म फ्लेक्सपासून ब्लॉकमध्ये त्याची प्रॉपर्टी बदलतो आणि फॉर्म एकमेकांच्या खाली असलेल्या फील्डसह पूर्वीप्रमाणे प्रदर्शित करणे सुरू होईल. 655 ची ही मर्यादा वैयक्तिकरित्या बदलते, शैली केली जाते मोबाइल उपकरणेप्रतिक्रिया छान वाटली.

पॉपअप फीडबॅक फॉर्म

CF7 कडून अर्ज स्वीकारण्यावर सकारात्मक कारवाई. पॉपअप विंडो प्रदर्शित करण्यासाठी प्लगइन पॉपअप मेकर असेल. मी त्याचे वर्णन करणार नाही, सामग्रीचा दुवा या परिच्छेदात आहे. त्या व्यतिरिक्त त्या लेखातून.

एलिमेंटरमध्ये कसे जोडायचे

एलिमेंटरमध्ये फॉर्म घालण्यासाठी तुम्हाला शॉर्टकोड विभाग वापरण्याची आवश्यकता आहे. वरील सूचनांनुसार फॉर्म तयार केला गेला आहे, याचा अर्थ CF7 वरून शॉर्टकोड आहे. चला एलिमेंटरमध्ये पृष्ठ निर्मितीवर जाऊ आणि घटक शोधात शॉर्टकोड शोधू.

एलिमेंटरमध्ये एक घटक शोधणे

Elementor ने विनंतीवर प्रक्रिया केली

थीम सेटिंग वापरणे

बऱ्याच वर्डप्रेस टेम्पलेट्समध्ये स्वयंचलित फीडबॅक तयार करण्यासाठी साधने नाहीत. परंतु आमच्या WPShop मधील टेम्पलेट्समध्ये अंगभूत फंक्शन आहे जे शॉर्टकोड वापरून प्रदर्शित केले जाते. रूटचे उदाहरण पाहू. मी एक पृष्ठ तयार करण्यासाठी पुढे जातो, नंतर स्नॅपशॉट पहा.

ROOT मध्ये ॲड-ऑन

• मजकूर [ contactform ] प्रविष्ट करा (कंसात मोकळी जागा न ठेवता)
• पूर्वावलोकन क्लिक करा

आधीच रुपांतरित, चिन्हांकित आणि मांडलेल्या फॉर्मसह एक पृष्ठ उघडेल, ज्याद्वारे अभ्यागत प्रशासकाकडून अभिप्राय प्राप्त करू शकेल.

रूट अंगभूत कार्य कार्य

विजेट्स द्वारे अभिप्राय

विजेट्समध्ये फीडबॅक टाकणे सोपे आहे. मजकूर विजेट मदत करेल, त्यास सक्रिय झोनमध्ये हलवा आणि त्यात शॉर्टकोड लिहा.

मजकूर विजेट वापरणे

आम्ही शीर्षक सेट करतो, मजकूर क्षेत्रात कॉन्फिगरेशन प्रविष्ट करतो, ब्लॉगवर जा आणि फीडबॅकवर प्रक्रिया कशी केली जाते ते पहा.

विजेटमध्ये फॉर्म

प्लगइनशिवाय अभिप्राय

आपण प्लगइनशिवाय पद्धतींना प्राधान्य दिल्यास, उत्कृष्ट सूचना आहेत, मला त्या इंटरनेटवर सापडल्या, जर कोडचा मालक दर्शविले तर मला एक दुवा प्रदान करण्यात आनंद होईल.

संपादनासाठी function.php फाईल उघडा, ती कशी वापरायची याचा कोड अगदी तळाशी लिहा.

/*फीडबॅक कोड*/ add_shortcode("art_feedback", "art_feedback"); फंक्शन art_feedback() ( ob_start(); ?>

आम्ही WordPress HTML मार्कअपमध्ये एक फॉर्म तयार केला आणि तो शॉर्टकोडशी जोडला. मला वाटते की हा दृष्टिकोन सोयीस्कर असेल, कारण ब्लॉक कुठेही प्रदर्शित केला जाऊ शकतो.

वर्डप्रेस पॅनलमध्ये पृष्ठ निर्मितीवर जा, लिहा, दृश्यावर क्लिक करा.

गुटेनबर्गमध्ये, तुम्ही कोणत्याही मजकूर ब्लॉकमध्ये एक ओळ घाला.

आउटपुट रेकॉर्ड करत आहे

साइटवर गेल्यावर, आम्हाला एक न तयार केलेला फॉर्म दिसेल, फील्ड कार्य करतात, परंतु पत्र पाठवले जाणार नाही, कारण PHP हँडलर संलग्न नाही.

खराब देखावा

आता देखावा सानुकूलित करू, सक्रिय थीमच्या style.css फाईलमध्ये हा कोड पेस्ट करा.

#add_feedback ( समास: 20px 0 0; स्थान: सापेक्ष; ) #art_name, #art_email, #art_subject, #art_comments ( पॅडिंग: 10px 5px; प्रदर्शन: इनलाइन-ब्लॉक; रुंदी: 49.548%; सीमा-त्रिज्या: 3px; सीमा 1px ठोस #ddd; फॉन्ट-आकार: 0.9em; ) #art_subject (रुंदी: 100%; समास: 5px 0; ) #art_comments (रुंदी: 100%; ) #add_feedback .बटण ( सीमा: काहीही नाही; पॅडिंग: 10px; रंग: #fff; 1em; सीमा-त्रिज्या: #2f94ce; फोकस (रंग: #444; बॉक्स-छाया: 0 0 0 , 68, 68, 0.2); .त्रुटी-मजकूर (पार्श्वभूमी: #F59E9E; पॅडिंग: 15px 0px; मजकूर -संरेखित: केंद्र; रंग: #fff; ) .error-name, .error-email, .error-comments (प्रदर्शन: इनलाइन-ब्लॉक; फॉन्ट-आकार: 11px; स्थान: परिपूर्ण; शीर्ष: -30px; रंग: पांढरा; सीमा: 1px घन लाल; पॅडिंग: 5px 10px; पार्श्वभूमी: लाल; बॉक्स-छाया: 0 0 3px 0px rgba (0, 0, 0, 0.3); ) .error-name:after, .error-email:after, .error-comments:after ( सामग्री: ""; स्थिती: निरपेक्ष; डावीकडे: 20px; तळ: -10px; सीमा: 5px घन पारदर्शक; सीमा-शीर्ष: 5px ठोस लाल; ) .त्रुटी-टिप्पण्या (शीर्ष: 16%; डावीकडे: 0; ) .त्रुटी-नाव (डावीकडे: 0; ) .त्रुटी-ईमेल (उजवीकडे: 4%; ) .संदेश-यश (पार्श्वभूमी: rgba( 0, 128, 0, 0.5); रंग: #fff; बॉर्डर-रेडियस: 3px ) #art_name:focus::-moz-placeholder, #art_name:focus:-moz-placeholder, #art_name:focus :-ms-input-placeholder, #art_email:focus::-webkit-input-placeholder, #art_email: फोकस::-moz-प्लेसहोल्डर, #art_email:focus:-moz-placeholder, #art_email:focus:-ms- input-placeholder, #art_comments:focus::-webkit-input-placeholder, #art_comments:focus::- moz-placeholder, #art_comments:focus:-moz-placeholder, #art_comments:focus:-ms-input-placeholder, #art_subject:focus::-webkit-input-placeholder, #art_subject:focus::-moz-placeholder, #art_subject:focus:-moz-placeholder, #art_subject:focus:-ms-input-placeholder (रंग: पारदर्शक )

आम्ही सर्व्हरवर style.css अपडेट करतो आणि पेजवरील फीडबॅक कसा बदलला आहे ते पाहतो.

लेआउट ब्लॉक

feedback.js फाईल तयार करा आणि त्यात कोड ठेवा. सक्रिय थीमच्या js फोल्डरमधील होस्टिंगवर अपलोड करा.

JQuery(document).ready(function ($) ( var add_form = $("#add_feedback"); // फील्ड मूल्ये रीसेट करा $("#add_feedback इनपुट, #add_feedback textarea").on("blur", function. () ( $("#add_feedback इनपुट, #add_feedback textarea").removeClass("error"); $(".error-name,.error-email,.error-comments,.message-success").remove( ); .nonce ), टाइप करा: "POST", dataType: "json", before Submit: function (xhr) ( // सबमिट करताना, $("#submit-feedback").val("Submit..) बटणावरील लेबल बदला. ."); ) , यश: कार्य (विनंती, xhr, स्थिती, त्रुटी) ( जर (request.success === true) ( ​​// जर सर्व फील्ड भरले असतील तर, डेटा पाठवा आणि वर लेबल बदला. add_form.after(" बटण

सर्व्हरवर js फोल्डर

आता आपण कोडचा दुसरा भाग function.php मध्ये लोड करतो.

/*दुसरा भाग*/ add_action("wp_enqueue_scripts", "art_feedback_scripts"); फंक्शन art_feedback_scripts() ( // प्रोसेसिंग फील्ड wp_enqueue_script("jquery-form"); // स्क्रिप्ट फाइल समाविष्ट करा wp_enqueue_script("feedback", get_stylesheet_directory_uri() ."/js/feedback.js", array("jquery"), 1.0 , true); // ajax ऑब्जेक्ट डेटा सेट करा wp_localize_script("feedback", "feedback_object", array("url" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("feedback- nonce" ),)); ) add_action("wp_ajax_feedback_action", "ajax_action_callback"); add_action("wp_ajax_nopriv_feedback_action", "ajax_action_callback"); फंक्शन ajax_action_callback() ( // त्रुटींचा ॲरे $err_message = array(); // nonce तपासा. चेक अयशस्वी झाल्यास, पाठवणे ब्लॉक करा जर (! wp_verify_nonce($_POST["nonce"], "feedback-nonce") ). | रिक्त ["art_name"]) || ! isset($_POST ["art_name"])) ( $err_message["name"] = "कृपया तुमचे नाव प्रविष्ट करा."; ) बाकी ( $art_name = sanitize_text_field($_POST["art_name) "]); ) // रिकामे असल्यास मेल फील्ड तपासा, नंतर आम्ही संदेश एरर ॲरेवर लिहू जर (रिकामे($_POST["art_email"]) || ! isset($_POST["art_email"])) ( $err_message["email"] = "कृपया तुमचा ईमेल पत्ता प्रविष्ट करा."; ) elseif (! preg_match("/^[[:alnum:]]*@+\.(2,4)$/i", $ _POST["art_email"])) ( $err_message["email"] = "ईमेल पत्ता चुकीचा आहे."; ) बाकी ( $art_email = sanitize_email($_POST["art_email"]); ) // ईमेल विषय फील्ड तपासा, रिक्त असल्यास, नंतर डीफॉल्ट संदेश लिहा जर (रिकामे($_POST["art_subject"]) || ! isset ( $_POST["art_subject"])) ( $art_subject = "साइटवरील संदेश"; ) बाकी ( $art_subject = sanitize_text_field($_POST["art_subject"]); ) // संदेश फील्ड रिकामे असल्यास तपासा एरर ॲरेवर संदेश लिहा जर (रिकामे($_POST["art_comments"]) || ! isset($_POST["art_comments"])) ( $err_message["comments"] = "कृपया तुमचा संदेश प्रविष्ट करा.";) else ( $ art_comments = sanitize_textarea_field($_POST["art_comments"] ) // एरर ॲरे तपासा, जर ते रिकामे नसेल, तर संदेश पाठवा. अन्यथा, आम्ही पत्र पाठवतो if ($err_message) ( wp_send_json_error($err_message); ) else ( // पत्ता निर्दिष्ट करा $email_to = ""; // जर पत्ता निर्दिष्ट केला नसेल, तर साइट सेटिंग्जमधून डेटा घ्या जर (! $email_to) ( $email_to = get_option("admin_email"); ) $body = "नाव: $art_name \nईमेल: $art_email \n\nसंदेश: $art_comments"; $headers = "प्रेषक: " . $art_name. "<" . $email_to . ">" . "\r\n" . "याला प्रत्युत्तर द्या: " . $email_to; // एक पत्र पाठवा wp_mail($email_to, $art_subject, $body, $headers); // $message_success = यशस्वीपणे पाठविल्याबद्दल संदेश पाठवा "संदेश पाठवला. मी लवकरच तुमच्याशी संपर्क करेन."; wp_send_json_success($message_success); ) // फक्त बाबतीत, ajax प्रक्रिया पुन्हा wp_die();)

आम्ही कार्यक्षमतेसाठी फॉर्म तपासतो. जर तुम्ही वर्डप्रेस थीममध्ये js फाईल योग्यरित्या लोड केली नसेल आणि त्याचा मार्ग योग्यरित्या निर्दिष्ट केला नसेल तर समस्या उद्भवू शकते, म्हणजे विभागातील दुसऱ्या कोडमध्ये // स्क्रिप्ट फाइल समाविष्ट करा.

भरा आणि पत्र पाठवा

असे पत्र फीडबॅकसह मेलमध्ये येते.

पाठवल्यावर काय येते

छान, आम्ही ते केले, आम्ही तीन वेगवेगळ्या पद्धती वापरून वर्डप्रेसमध्ये फीडबॅक फॉर्म तयार करू शकलो, तुम्हाला काही प्रश्न असल्यास, विचारा, आम्ही ते सोडवू. शुभेच्छा!

मला ते आवडते मला ते आवडत नाही

लेखकाकडून:नमस्कार, प्रिय वाचकांनो. तुम्हाला तुमच्या वर्डप्रेस वेबसाइटसाठी फीडबॅक फॉर्मची आवश्यकता असल्यास, हा लेख फक्त तुमच्यासाठी आहे. लेख वाचल्यानंतर, आपण वर्डप्रेसवर फीडबॅक फॉर्म कसा बनवायचा आणि ते सहज, जलद आणि कार्यक्षमतेने कसे करावे हे शिकाल.

तर, या समस्येचे निराकरण करण्यासाठी आम्ही संपर्क फॉर्म 7 नावाचे फीडबॅक फॉर्म प्लगइन वापरू. लेखकाने हे नाव का निवडले किंवा त्याऐवजी नावातील अनुक्रमांक का निवडला हे मला माहित नाही, कदाचित हा त्याचा भाग्यवान क्रमांक आहे.

तसे असो, WordPress साठी संपर्क फॉर्म 7 प्लगइन हे वर्डप्रेस फीडबॅक फॉर्म तयार करण्यासाठी आणि इतर कोणत्याही प्लगइनमध्ये सर्वात लोकप्रिय प्लगइन आहे. आणि खरंच, एक दशलक्षाहून अधिक स्थापना - आकृती स्वतःसाठी बोलते. प्लगइनचे रेटिंग बरेच उच्च आहे - 4.5 तारे, जे त्याच्या वापराबद्दल सर्व शंका दूर करते. याव्यतिरिक्त, प्लगइन आधीच Russified आहे, त्यामुळे तुम्हाला फॉर्म फील्ड आणि संदेश रशियनमध्ये भाषांतरित करण्याची गरज नाही.

वर्डप्रेससाठी संपर्क फॉर्म 7 प्लगइन स्थापित करणे

बरं, मानक स्थापना प्रक्रियेतून जाऊ या. तसे, आपण यापूर्वी कधीही प्लगइन स्थापित केले नसल्यास, “वर्डप्रेस” हा लेख नक्की वाचा. प्लगइन स्थापित करत आहे”, जिथे आपल्याला प्लगइन स्थापित करण्याचे सर्व संभाव्य मार्ग सापडतील.

साइट ॲडमिन पॅनेलमध्ये, प्लगइन्सवर जा - नवीन विभाग जोडा आणि शोध बारमध्ये प्लगइनचे नाव प्रविष्ट करा - "संपर्क फॉर्म 7". प्रथम फीडबॅक फॉर्म प्लगइन आम्हाला आवश्यक पर्याय आहे.

इंस्टॉल बटणावर क्लिक करा आणि प्लगइन सक्रिय करा. स्थापनेनंतर, मेनूमध्ये अनेक आयटमसह एक नवीन संपर्क फॉर्म 7 विभाग दिसेल.

पहिल्या फॉर्म आयटममध्ये तुमच्या साइटवरील वर्तमान फॉर्मची सूची आहे आणि ती तुम्हाला व्यवस्थापित करण्याची परवानगी देते: संपादित करा किंवा हटवा. तयार केलेला फॉर्म हा शॉर्टकोड (शॉर्ट कोड) पेक्षा अधिक काही नाही जो पोस्ट, पृष्ठ किंवा अगदी विजेटमध्ये समाविष्ट केला जाऊ शकतो. हा शॉर्टकोड संपूर्ण फॉर्म कोडमध्ये पृष्ठावर विस्तारित केला जाईल. प्लगइन आधीच फीडबॅक फॉर्मच्या उदाहरणासह आले आहे, चला त्याचा शॉर्टकोड कॉपी करू आणि पेस्ट करू, उदाहरणार्थ, संपर्क पृष्ठावर. त्यानंतर, पृष्ठावर जाऊया आणि त्यावर एक रेडीमेड वर्किंग वर्डप्रेस फीडबॅक फॉर्म पाहू.

आम्ही फॉर्म भरण्याचा आणि तो पाठवण्याचा प्रयत्न करू शकतो, पत्र प्रशासकाच्या प्रोफाइल सेटिंग्जमध्ये निर्दिष्ट केलेल्या ईमेल पत्त्यावर वितरित केले जाईल. कृपया लक्षात घ्या की संपर्क फॉर्म 7 प्लगइन फक्त नेहमीचा मानक संपर्क फॉर्म देत नाही. नाही, प्लगइन तुम्हाला ते लवचिकपणे कॉन्फिगर करण्याची परवानगी देते. याव्यतिरिक्त, पृष्ठ रीलोड न करता फॉर्म पाठविला जातो, जो अतिरिक्त प्लस आहे. आणि, अर्थातच, फॉर्म फील्डचे प्रमाणीकरण, आवश्यक फील्ड निर्दिष्ट करण्याची क्षमता, हे आणखी एक मोठे प्लस आहे.

वर्डप्रेससाठी फीडबॅक फॉर्म सेट करणे

बरं, आम्ही तयार फॉर्म वापरला. ते बदलण्याबद्दल काय? हे शक्य आहे आणि ते करणे सोपे आहे का? दोन्ही प्रश्नांचे उत्तर होय आहे. उदाहरणार्थ, मला फॉर्ममधून विषय फील्ड काढायचे आहे, मी हे कसे करू शकतो? फॉर्म्स प्लगइन मेनूमधील फॉर्म संपादित करण्यासाठी पुढे जाऊ आणि खालील चित्र पहा.

विषय काढण्यासाठी, स्क्रीनशॉटमध्ये वर्तुळाकार केलेल्या 2 संबंधित ओळी काढणे पुरेसे आहे. दुसरी ओळ येथे मनोरंजक आहे: . जसे आपण अंदाज लावला असेल, हे शॉर्टकोडपेक्षा अधिक काही नाही, जे फॉर्म फील्डमध्ये तैनात केले आहे. या प्रकरणात, हे नाव विशेषता - your-subject च्या मूल्यासह मजकूर प्रकाराचे फील्ड आहे.

जर, उदाहरणार्थ, आम्ही खालील मजकूर क्षेत्राबद्दल बोलत आहोत, तर त्याचे शॉर्टकोड असे दिसते: . येथे textarea हा फॉर्मचा textarea टॅग आहे, आणि your-message हे या फॉर्म घटकाचे नाव आहे. हे सोपं आहे.

येथे आपण पूर्णपणे तार्किक प्रश्न विचारू शकता: इतर फॉर्म घटकांसह काय करावे? ड्रॉप-डाउन सूचीसाठी कोणता शॉर्टकोड जबाबदार आहे हे कसे शोधायचे? येथे देखील काहीही क्लिष्ट नाही. संपादन करण्यायोग्य फॉर्मच्या टेम्पलेट फील्डच्या वर बटणे आहेत, ज्यावर क्लिक करून आम्ही फॉर्ममध्ये आवश्यक घटक जोडू.

ठीक आहे, तरीही अडचणी उद्भवल्यास, प्लगइनसाठी दस्तऐवजीकरण आपल्याला मदत करेल, जिथे आपल्याला अनेक उदाहरणे सापडतील.

तर, उदाहरण म्हणून, संदेशाचा विषय काढून टाकू आणि संदेशाचा विषय निवडण्यासाठी पर्यायांसह सूची जोडू. ड्रॉप-डाउन सूची तयार करण्यासाठी, ड्रॉप-डाउन मेनू बटणावर क्लिक करा. उघडणाऱ्या मॉडेल विंडोमध्ये, फॉर्म भरा. मुख्य म्हणजे पर्याय फील्ड, ज्यामध्ये आम्ही ड्रॉप-डाउन सूचीसाठी पर्याय प्रविष्ट करतो. प्रत्येक पर्याय नवीन ओळीवर आहे. इतर फॉर्म फील्ड अंतर्ज्ञानी असावेत. उदाहरणार्थ, आम्ही फील्ड प्रकार (आवश्यक फील्ड) चेकबॉक्स तपासल्यास, आम्ही तयार केलेला फॉर्म फील्ड भरण्यासाठी आवश्यक करू. एकाधिक निवडींना अनुमती द्या चेकबॉक्स तुम्हाला एकाधिक पर्याय निवडण्याच्या क्षमतेसह एक सूची तयार करण्याची परवानगी देतो आणि प्रथम पर्याय म्हणून रिक्त आयटम घाला चेकबॉक्स सूचीमधील पहिला रिक्त पर्याय तयार करेल. आयडी आणि क्लास फील्ड स्वतःसाठी बोलतात - हे आयडी आणि क्लास विशेषता जोडण्यासाठी फील्ड आहेत, जे तुम्हाला फील्ड डिझाइन करण्याची परवानगी देतात.

आवश्यक पर्यायांसह सूची तयार केल्यानंतर, फॉर्म टेम्पलेटमध्ये एक नवीन फील्ड दिसेल.

आम्ही टेम्पलेट सेव्ह करतो आणि नवीन फीडबॅक फॉर्मची चाचणी करण्याचा प्रयत्न करतो. साइटवर, थीम मजकूर फील्डऐवजी फॉर्म खरोखर बदलला आहे, आता थीम निवडण्यासाठी पर्यायांसह एक ड्रॉप-डाउन सूची आहे.

चला फॉर्म भरण्याचा आणि सबमिट करण्याचा प्रयत्न करूया. फॉर्म पाठवला आहे, पण अरेरे... प्राप्त झालेल्या ईमेलमध्ये निवडलेला विषय पर्याय नाही. असे कसे? हा गैरसमज कसा दूर करायचा? काळजी करू नका, याचे निराकरण करणे सोपे आहे. फॉर्म संपादित करण्यासाठी जा आणि पत्र टॅबवर जा.

या टॅबमध्ये, तुम्ही फीडबॅक फॉर्ममधून ईमेलवर येणाऱ्या पत्राचे स्वरूप कॉन्फिगर करता. स्क्रीनशॉटमध्ये, पहिल्या वर्तुळाकार भागात, आम्हाला आमच्या फीडबॅक फॉर्ममध्ये वापरल्या जाणाऱ्या शॉर्टकोडची (फॉर्म फील्ड नावे) सूची दिसते. या फील्डची मूल्ये अक्षर टेम्पलेटमध्ये बदलली जातात. आपण दुसऱ्या चिन्हांकित क्षेत्रामध्ये पाहतो की विषय फील्ड मागील फील्डमधील नाव राखून ठेवते. मेसेज बॉडी फील्डमध्ये देखील समान शॉर्टकोड आहे. चला त्यांना वरील यादीतील योग्य टॅगसह बदलू - . तसे, येथे आपण प्राप्तकर्त्याचा ईमेल देखील बदलू शकतो, ते To फील्डमध्ये लिहिलेले आहे. आम्ही खाली इतर सेटिंग्ज देखील बदलू शकतो, त्या सर्व स्वाक्षरी आणि स्पष्ट आहेत.

आम्ही बदल जतन करतो आणि पत्र पुन्हा पाठवण्याचा प्रयत्न करतो. आता फीडबॅक फॉर्म अपेक्षेप्रमाणे कार्य करतो - निवडलेल्या विषयासह एक ईमेल आपल्या ईमेलवर पाठविला जातो.

पुढील फॉर्म सबमिशन सूचना टॅबमध्ये, आम्ही फॉर्म सबमिट करताना येणारे यश किंवा त्रुटी संदेश कॉन्फिगर करू शकतो.

फीडबॅक फॉर्म सुरक्षित करणे

स्पॅम बद्दल काय, तुम्ही विचाराल, एक वाजवी प्रश्न आहे? प्लगइनच्या लेखकाने याची देखील काळजी घेतली. प्लगइन सेटिंग्ज विभागात एकीकरण आयटम आहे.

येथे आम्ही Google ची reCAPTCHA सेवा सेट करू शकतो. हे करण्यासाठी, तुम्हाला संबंधित Google सेवेच्या निर्दिष्ट दुव्याचे अनुसरण करावे लागेल आणि नंतर आवश्यक की मिळविण्यासाठी सूचनांचे अनुसरण करा आणि कॅप्चा तुमच्या साइटसह समाकलित करा.

ज्यांना reCAPTCHA सेवा वापरू इच्छित नाही त्यांच्यासाठी, प्लगइन प्रश्न/उत्तर फील्डच्या स्वरूपात रोबोट्सपासून संरक्षण प्रदान करते. हे फील्ड फॉर्म टेम्प्लेटमध्ये जोडण्यासाठी, क्विझ बटणावर क्लिक करा आणि आम्ही ड्रॉप-डाउन सूचीसाठी जसे केले तसे फॉर्म भरा. उभ्या रेषेतून प्रश्न आणि उत्तर प्रविष्ट करा.

यानंतर, फीडबॅक फॉर्ममध्ये एक नवीन फील्ड दिसेल ज्यामध्ये तुम्ही टाइप केलेल्या प्रश्नांच्या पर्यायांपैकी एक असेल. आता, फॉर्म सबमिट करण्यासाठी, तुम्ही प्रश्नाचे अचूक उत्तर दिले पाहिजे.

तुम्ही बघू शकता, वर्डप्रेसवर फीडबॅक फॉर्म तयार करणे हे नाशपाती शेलिंग करण्याइतके सोपे आहे. संपर्क फॉर्म 7 प्लगइन तुम्हाला जवळजवळ कोणत्याही हेतूसाठी फॉर्म तयार करण्यास अनुमती देते. हा फीडबॅक फॉर्म, अर्ज फॉर्म इत्यादी असू शकतो. होय, मी वर म्हटल्याप्रमाणे, फॉर्म केवळ पोस्ट किंवा पृष्ठावरच नाही तर साइडबार विजेटमध्ये देखील समाविष्ट केला जाऊ शकतो. हे करण्यासाठी, फक्त एक मजकूर विजेट तयार करा आणि त्यात इच्छित फॉर्मचा शॉर्टकोड घाला. बरं, नवीन फॉर्म, तुम्ही अंदाज लावल्याप्रमाणे, नवीन प्लगइन जोडा मेनूमध्ये तयार केले जाऊ शकतात.

माझ्यासाठी एवढेच. वर्डप्रेससाठी कॉन्टॅक्ट फॉर्म 7 प्लगइनसह खेळा, विविध फॉर्म तयार करण्याचा प्रयत्न करा, माझ्यावर विश्वास ठेवा, अजूनही अनेक शक्यता एक्सप्लोर करायच्या आहेत. आपल्याकडे काही प्रश्न असल्यास, नेहमीप्रमाणे, मी टिप्पण्यांमध्ये त्यांची वाट पाहत आहे. शुभेच्छा!

ऑनलाइन फॉर्म हे कोणत्याही वेबसाइटसाठी एक अपरिहार्य साधन आहे. तुमच्या वेबसाइट अभ्यागतांशी संवाद साधण्याचा हा सर्वात महत्त्वाचा स्रोत आहे. फॉर्म तुम्हाला फीडबॅक गोळा करण्यास, सर्वेक्षणे आयोजित करण्यास, ईमेल सदस्यत्वे तयार करण्यास, ग्राहकांची देयके गोळा करण्यास आणि बरेच काही करण्यास अनुमती देतात. जर तुम्हाला प्रोग्रामिंग माहित असेल तर तुम्ही साइटसाठी फॉर्म सहजपणे तयार करू शकता. अन्यथा, असे बरेच चांगले प्लगइन आहेत जे वेबसाइटवर सहजपणे स्थापित केले जाऊ शकतात आणि फॉर्म तयार करण्यासाठी वापरले जाऊ शकतात.

stepFORM

stepFORM - व्हिज्युअल डिझायनरवर आधारित कोणत्याही जटिलतेचे फॉर्म तयार करण्यासाठी वर्डप्रेस प्लगइन. यात अंगभूत स्पॅम संरक्षण, ईमेल आणि CRM वरील प्रतिसादांचे संकलन, Google Analytics आणि Yandex.Metrica सह एकत्रीकरण, सूत्रे वापरून किंमत मोजणे, PayPal, Wallet One, Yandex.Money आणि Yandex.Cash द्वारे पेमेंट स्वीकारणे, फॉर्म वापरून सोशल नेटवर्क्समधील दुवा आणि बरेच काही.

uCalc

uCalc एक लोकप्रिय वर्डप्रेस प्लगइन आहे ज्यासाठी विविध प्रकारच्या जटिलतेचे गणना फॉर्म तयार केले जातात. प्लगइन फॉर्मसाठी योग्य आहे ज्यामध्ये केवळ साइट अभ्यागतांकडून माहिती प्राप्त करणे आवश्यक नाही तर सूत्रे वापरून स्वयंचलित गणना करणे किंवा वस्तू किंवा सेवांच्या विक्रीसाठी ग्राहक देयके स्वीकारणे देखील आवश्यक आहे. प्लगइन काही क्लिकमध्ये कनेक्ट केले जाऊ शकते आणि प्रोग्रामिंग ज्ञान आवश्यक नाही. पृष्ठ किंवा प्रकाशन संपादित करताना गणना फॉर्म जोडला जातो.

संपर्क फॉर्म 7

वर्डप्रेसवर फॉर्म तयार करण्यासाठी संपर्क फॉर्म 7 हे सर्वात लोकप्रिय प्लगइन आहे. या प्लगइनसह तुम्ही फॉर्मची सामग्री अतिशय लवचिकपणे सानुकूलित करू शकता आणि ईमेलद्वारे डेटा पाठवणे कॉन्फिगर करू शकता. फॉर्ममध्ये Ajax सबमिशन, तसेच स्पॅम विरुद्ध कॅप्चा आणि Akismet समाविष्ट आहे.

WPForms

WPForms तुम्हाला तुमच्या वेबसाइटसाठी काही मिनिटांत सुंदर संपर्क फॉर्म, सदस्यता फॉर्म, पेमेंट फॉर्म आणि इतर फॉर्म तयार करण्यास अनुमती देते. WPForms सर्व उपकरणांवर (मोबाइल, टॅबलेट, लॅपटॉप आणि डेस्कटॉप) छान दिसतील.

निन्जा फॉर्म

निन्जा फॉर्म्स तुम्हाला तुमचा माउस वापरून फॉर्म फील्ड हलवून काही मिनिटांत वर्डप्रेससाठी ऑनलाइन फॉर्म तयार करण्यात मदत करते. विकसकांसाठी, निन्जा फॉर्मचा पाया म्हणून वापर करून फॉर्म तयार करण्याच्या किंवा सबमिशनच्या कोणत्याही टप्प्यावर तुम्हाला जे आवश्यक असेल ते करण्यासाठी तुम्ही अंगभूत हुक, फिल्टर आणि सानुकूल फील्ड टेम्पलेट वापरू शकता.

फॉर्म मेकर

फॉर्म मेकर सोप्या आणि अंतर्ज्ञानी इंटरफेसद्वारे वर्डप्रेससाठी प्रतिसादात्मक फॉर्म तयार करतो. प्लगइन तुम्हाला कोणत्याही फील्डसह विविध प्रश्नावली तयार करण्याची परवानगी देते, प्रश्न आणि उत्तरांसाठी पर्याय. फॉर्म तयार करण्यासाठी फक्त काही क्लिक आणि उपलब्ध थीम, शैली आणि प्रदर्शन पर्यायांसह सानुकूलित करण्यासाठी काही मिनिटे लागतात.

कॅल्डेरा फॉर्म

कॅल्डेरा फॉर्म हे वर्डप्रेससाठी एक विनामूल्य आणि शक्तिशाली प्लगइन आहे जे साध्या व्हिज्युअल संपादकाचा वापर करून प्रतिसादात्मक फॉर्म तयार करते. प्लगइनमध्ये नवशिक्या आणि वेब डेव्हलपर दोघांसाठी अनेक विनामूल्य, सोयीस्कर ॲड-ऑन आहेत. Antispam, AJAX, सूचना ईमेल, आणि डेटाबेस रेकॉर्ड ट्रॅकिंग डीफॉल्टनुसार सक्षम आहेत.

व्हिज्युअल फॉर्म बिल्डर

व्हिज्युअल फॉर्म बिल्डर हे एक प्लगइन आहे जे तुम्हाला तुमच्या वेबसाइटसाठी एकाच ठिकाणी सर्व प्रकारचे फॉर्म तयार आणि व्यवस्थापित करण्यास अनुमती देते. पूर्णतः कार्यक्षम संपर्क फॉर्म तयार करण्यासाठी काही मिनिटे लागतात आणि तुम्हाला PHP, CSS किंवा HTML ची ड्रॉप लिहायची गरज नाही.

या सूचीमध्ये ऑनलाइन फॉर्म तयार करण्यासाठी सर्वात लोकप्रिय वर्डप्रेस प्लगइन समाविष्ट आहेत. आपण या सूचीमध्ये नसलेले इतर मनोरंजक प्लगइन वापरत असल्यास, टिप्पण्यांमध्ये लिहा.

जवळजवळ प्रत्येक वेळी वेबमास्टर नवीन वेबसाइट विकसित करतो तेव्हा त्याला संपर्क आणि अभिप्राय फॉर्मसाठी सर्वोत्तम (विशिष्ट गरजांसाठी) वर्डप्रेस प्लगइन निवडावे लागते. हे सहसा घडते कारण क्लायंटला नेहमीच साधा संपर्क फॉर्म आवडत नाही आणि कधीकधी एकाच साइटवर अनेक फॉर्मची आवश्यकता असते.

फीडबॅक फॉर्म हा WordPress साइटच्या सर्वात महत्त्वाच्या घटकांपैकी एक आहे, कारण त्याशिवाय तुम्ही तुमचे वाचक, भागीदार आणि ग्राहक यांच्याशी नेहमी संपर्कात राहण्याची उत्तम संधी गमावता. तसेच, तुम्ही नवीन ग्राहकांना आकर्षित करण्याच्या अनेक संधी गमावत आहात. WordPress संपर्क फॉर्म प्लगइन आपल्या वेबसाइटवर संपर्क फॉर्म जोडणे सोपे करते. मी विविध कॉर्पोरेट आणि विक्री साइट्सबद्दल देखील बोलत नाही जेथे कधीकधी फक्त साध्या संपर्कांसाठीच नव्हे तर अगदी विशिष्ट फॉर्मची आवश्यकता असते.

या लेखात, मी सर्वात लोकप्रिय प्लगइन पूर्णपणे यादृच्छिक क्रमाने सूचीबद्ध करेन. लेख निश्चितपणे सर्वोत्तम उपायांसह कालांतराने पूरक असेल.

संपर्क फॉर्म 7 सर्वात लोकप्रिय आहे (सध्या 12,000 पेक्षा जास्त डाउनलोड आणि मोजणी होत आहे) वर्डप्रेस संपर्क फॉर्म प्लगइन. प्लगइनमध्ये AJAX सबमिशन, अंगभूत , Akismet स्पॅम फिल्टर आणि फाइल अपलोड करण्याची क्षमता आहे. प्लगइन पूर्णपणे विनामूल्य आहे आणि साधे HTML वापरून सहजपणे सानुकूलित केले जाऊ शकते.

साधक: तुम्हाला साध्या संपर्क फॉर्मची आवश्यकता असल्यास, हे प्लगइन तुम्ही शोधत आहात कारण ते स्थापित करणे आणि साध्या सेटिंग्ज पृष्ठासह कॉन्फिगर करणे सोपे आहे. कोडच्या फक्त एका ओळीने, तुम्ही कोणत्याही पोस्ट किंवा पेजमध्ये संपर्क फॉर्म टाकू शकता.

बाधक: तांत्रिकदृष्ट्या या प्लगइनला कोणत्याही कामाची आवश्यकता नाही, परंतु निवडण्यासाठी काही असल्यास छान होईल. जर तुम्हाला फॉर्मचे स्वरूप बदलायचे असेल तर तुम्हाला CSS सह खेळावे लागेल.

फास्ट सिक्योर कॉन्टॅक्ट फ्रॉम हे आणखी एक लोकप्रिय प्लगइन आहे जे आधीच 3.5 दशलक्ष वेळा डाउनलोड केले गेले आहे. हे ब्लॉग मालकांना वर्डप्रेस साइटवर सहजपणे संपर्क फॉर्म तयार करण्यास आणि जोडण्यास अनुमती देते. तुम्ही नियमित किंवा व्हिडिओ कॉलसाठी आमंत्रण विनंत्या पाठवण्यासाठी देखील फॉर्म वापरू शकता.

प्लगइनमध्ये एक प्रशासक इंटरफेस आहे ज्याद्वारे तुम्ही अमर्यादित फॉर्म तयार करू शकता आणि त्यांचे पूर्वावलोकन पाहू शकता. कॅप्चा आणि अकिस्मेट फास्ट सिक्युअर फॉर्म वापरून, हे सर्वात लोकप्रिय स्पॅम युक्तींवर आधारित हल्ले अवरोधित करते.

फायदे: इतर समान प्लगइन्सच्या विपरीत, जलद सुरक्षित फॉर्म वापरकर्त्यांना प्रोफाइल नोंदणी करण्याची परवानगी देत ​​नाही, परंतु ते शेड्यूलिंग, ऑनलाइन मीटिंग्ज, एकाधिक ईमेल पत्त्यांसाठी समर्थन इत्यादीसारख्या इतर उत्कृष्ट वैशिष्ट्यांची ऑफर देते.

बाधक: प्लगइनच्या वर्तमान आवृत्तीमध्ये एक साधा इंटरफेस नाही, परंतु प्लगइनच्या लेखकाने अलीकडे एक बीटा आवृत्ती जारी केली आहे ज्यामध्ये इंटरफेस अधिक चांगला आहे. अशा प्रकारे, इंटरफेस समस्या इतकी तीव्र नाही.

संपर्क ME द्वारे संपर्क फॉर्म

संपर्क फॉर्म मूलभूत कार्यक्षमतेसह एक विनामूल्य प्लगइन आहे, परंतु त्यासाठी आपण contactme.com वर नोंदणी करणे आवश्यक आहे. नोंदणी पूर्णपणे विनामूल्य आहे आणि आपल्याकडून कोणतेही प्रयत्न करण्याची आवश्यकता नाही. प्लगइनचे डेव्हलपर दावा करतात की हा कॉन्टॅक्ट फॉर्म 7 सह अनेक लोकप्रिय कॉन्टॅक्ट फॉर्म प्लगइन्सपेक्षा चांगला आहे!

साधक: प्लगइनमध्ये काही उपयुक्त कार्यक्षमता आहे - तुमच्या मेलबॉक्स आणि स्मार्टफोनवर सूचना पाठवण्याचा पर्याय, फॉर्ममध्ये अनियंत्रित कोड किंवा स्क्रिप्ट जोडण्याची क्षमता आणि ते कार्डसाठी लोगो, कंपनी संपर्क माहिती आणि अगदी फॉर्ममधील दुवे सोशल नेटवर्क्सवरील प्रोफाइल आणि बरेच काही.

बाधक: प्लगइन वापरण्यासाठी तुम्हाला कॉन्टॅक्ट मी वेबसाइटवर प्रोफाइल तयार करावे लागेल. जरी नोंदणी सोपी आणि विनामूल्य असली तरीही, जेव्हा तुम्हाला काहीतरी करण्यास भाग पाडले जाते तेव्हा ते तुम्हाला आनंद देत नाही.

सुरुवातीला, FormCraft प्लगइन केवळ प्रीमियम आवृत्तीमध्ये तयार आणि विकसित केले गेले. तुलनेने अलीकडे, लेखकांनी स्वतंत्र, विनामूल्य आवृत्ती - फॉर्मक्राफ्ट - फॉर्म बिल्डर तयार केली आहे.

प्रीमियम आवृत्तीप्रमाणे, FormCraft - Form Builder तुम्हाला विशेष आणि अतिशय सोयीस्कर ड्रॅग अँड ड्रॉप एडिटरमध्ये विविध फॉर्म सहज आणि द्रुतपणे डिझाइन करण्याची परवानगी देतो. स्वाभाविकच, येथे कमी शक्यता आहेत, परंतु सामान्य वापरकर्त्यांसाठी ते पुरेसे असेल.

FormCraft ची प्रीमियम आवृत्ती स्क्रिप्ट लॉजिक सेट अप, ऑटो सेव्हिंग, 20+ पेक्षा जास्त अतिरिक्त कस्टम फील्ड, पॉपअप आणि फ्लाय-इन फॉर्म, CSV वर निर्यात आणि इतर आनंद यांचा अभिमान बाळगू शकते.

प्रीमियम आणि विनामूल्य दोन्ही आवृत्त्यांमध्ये आजच्या सर्वोत्तम प्लगइनपैकी एक.

व्हिज्युअल फॉर्म बिल्डर इंटरफेस तुम्हाला आनंदाने आश्चर्यचकित करेल, कारण प्लगइन तुम्हाला तुमच्या वेबसाइटवर एकाच ठिकाणाहून सर्व प्रकारचे फॉर्म तयार आणि व्यवस्थापित करण्याची परवानगी देतो. एका क्लिकमध्ये तुम्ही नवीन फील्ड जोडू शकता, विद्यमान फील्डची पुनर्रचना करू शकता आणि अँटीस्पॅम सोल्यूशन लागू करू शकता. फील्डचा क्रम बदलण्यासाठी, तुम्ही ड्रॅग आणि ड्रॉप तंत्रज्ञान वापरू शकता.

साधक: व्हिज्युअल फॉर्म बिल्डर हे येथे सूचीबद्ध केलेल्या इतर संपर्क फॉर्म प्लगइनसारखे असले तरी, त्याची स्वतःची मनोरंजक वैशिष्ट्ये आहेत - साध्या ड्रॅग-अँड-ड्रॉपसह घटकांची पुनर्रचना करण्याची क्षमता, CSV फाइलमधील इनपुट डेटा निर्यात करणे, सानुकूल करण्यायोग्य पुष्टीकरण संदेश, एक सबमिशन फॉर्म जो एकाधिक ईमेल प्रविष्ट करण्यास समर्थन देतो.

बाधक: जर तुमची वर्डप्रेस साइट खूप मोठी असेल, तर तुम्ही दुसरे प्लगइन वापरणे चांगले असू शकते कारण हे तुमच्या वर्डप्रेस डेटाबेसमध्ये फॉर्म इनपुट संचयित करते.

nफॉर्म्स - वर्डप्रेस फॉर्म बिल्डर

ड्रॅग आणि ड्रॉप बिल्डर तुम्हाला Ajax सबमिशन आणि प्रमाणीकरणासह एक साधे मल्टी-कॉलम संपर्क फॉर्म टेम्पलेट प्रदान करतो. तुम्ही पॉपअप प्लगइन वापरून फॉर्म देखील प्रदर्शित करू शकता. शॉर्टकोड, नियमित PHP फंक्शन किंवा विजेट वापरून फॉर्म प्रदर्शित करणे शक्य आहे.

जर तुम्हाला फक्त संपर्क फॉर्म पेक्षा जास्त गरज असेल, तर nForms हे प्लगइन आहे जे तुम्ही वापरू शकता.

तुमच्या वेबसाइटवर संपर्क फॉर्म जोडण्यासाठी ग्रॅव्हिटी फॉर्म्स हा सर्वात परिपूर्ण उपाय आहे. त्याच्या छान वैशिष्ट्यांच्या संचाबद्दल धन्यवाद, या प्लगइनला सध्या उपलब्ध असलेले सर्वात प्रगतीशील आणि प्रगत प्रीमियम वर्डप्रेस प्लगइन म्हटले जाऊ शकते. तुमच्या वेबसाइटसाठी जटिल फीडबॅक फॉर्म तयार करण्यासाठी तुम्ही व्हिज्युअल एडिटर वापरू शकता. एक सोयीस्कर वैशिष्ट्य देखील आहे जे लांब फॉर्म वापरणे सोपे करते, त्यांना एकाधिक पृष्ठांमध्ये एम्बेड करण्याची परवानगी देते आणि फॉर्म किती पूर्ण आहे हे एका भरणा निर्देशकाद्वारे दर्शवले जाते.

फायदे: ग्रॅव्हिटी फॉर्म तुम्हाला पूर्णपणे अनन्य कार्यक्षमता देऊ शकतात जी इतर समान प्लगइनमध्ये उपलब्ध नाही, जसे की ऑर्डर फॉर्म तयार करण्याचा पर्याय (रिअल-टाइम कॉस्टिंगसह), फील्ड लपवण्यासाठी किंवा दर्शवण्यासाठी अवलंबून फील्ड, विभाग, पृष्ठे किंवा सबमिट बटण. वापरकर्ता निवड.

साधक: येथे सादर केलेल्या इतर प्लगइनच्या तुलनेत, हे एक महाग बाजू आहे, परंतु पुन्हा, ग्रॅव्हिटी फॉर्म फक्त संपर्क फॉर्मपेक्षा बरेच काही ऑफर करते. आपण एक साधा अभिप्राय फॉर्म शोधत असल्यास, या प्लगइनवर पैसे खर्च करण्यात काही अर्थ नाही.

मॅप केलेले संपर्क फॉर्म प्रो वर्डप्रेस तुमच्या वेबसाइटवर फॉर्म प्रदर्शित करण्यासाठी भिन्न अल्गोरिदम वापरते. हा व्यवसाय किंवा कंपनीसाठी एक उत्तम उपाय आहे कारण त्याचा वापर साइटवर शाखा किंवा कार्यालये चिन्हांकित करण्यासाठी केला जाऊ शकतो. प्लगइन त्यांच्या वेबसाइटवर नकाशे वापरणाऱ्यांसाठी देखील आदर्श आहे.

संपर्क फॉर्ममध्ये दिसणाऱ्या प्रत्येक स्थानासाठी तुम्ही तुमचा पत्ता प्रविष्ट करू शकता. प्लगइन वापरण्यास सोपे आहे आणि साध्या शॉर्टकोडसह कोणत्याही पोस्ट किंवा पृष्ठावर ठेवता येते.

अलीकडे आणखी एक लोकप्रिय फॉर्म बिल्डर. अतिशय शक्तिशाली, उत्कृष्ट, अंतर्ज्ञानी संपादकासह (जसे की सशुल्क प्लगइन), ज्यामध्ये तुम्ही आवश्यक ब्लॉक्स ड्रॅग आणि ड्रॉप करून आणि त्यांना सानुकूलित करून तुमचा फॉर्म तयार करू शकता. त्यात पूर्व-तयार फील्ड आणि ब्लॉक्सचा संपूर्ण संच आहे. आपल्याला आवश्यक असलेल्या भाषेत तयार केल्यावर सर्व फील्ड त्वरित संपादित केली जातात. डीफॉल्टनुसार, अभिप्रायासाठी फक्त एक मानक संपर्क फॉर्म आणि संबंधित शॉर्टकोड आहे.

साधक: उत्कृष्ट कार्यक्षमता. नवीन फॉर्म तयार करताना, तुम्ही तुमच्या "डिझाइनचे" झटपट पूर्वावलोकन आणि चाचणी करण्यासाठी सोयीस्कर स्विच वापरू शकता.

बाधक: अनेक ब्लॉक सेटिंग्ज नवशिक्यांसाठी त्रासदायक असू शकतात. मुख्य कार्यक्षमतेव्यतिरिक्त, यात पेमेंट, मेलिंग आणि इतर गोष्टी स्वीकारण्यासाठी विविध सेवांसह कार्य करण्यासाठी बरेच प्लग-इन प्रीमियम मॉड्यूल आहेत. तथापि, हे नक्कीच एक प्लस मानले जाऊ शकते.

निन्जा किक: वर्डप्रेस संपर्क फॉर्म

संपूर्ण संग्रहातील सर्वात मूळ संपर्क फॉर्म. हे वेगळे आहे की ते वेगळ्या पॅनेलच्या रूपात प्रदर्शित केले जाते - साइटच्या डाव्या किंवा उजव्या बाजूला एक स्लाइडर. हे अत्यंत प्रभावी दिसते. यात अनेक सेटिंग्ज आहेत, परंतु मुख्यतः त्याच्या देखाव्याशी संबंधित. फील्ड स्वतः सेट करणे येथे किमान आहे. तथापि, आपण लोकप्रिय संपर्क फॉर्म 7 मधील शॉर्टकोड वापरू शकता आणि ते कार्य करेल.

मनोरंजक प्लगइन आणि फॉर्म स्वतः. आपण मध्ये अधिक वाचू शकता.

चला सारांश द्या

आपल्या वेबसाइटसाठी योग्य विस्तार निवडण्याची हीच वेळ आहे. फॉर्म 7 किंवा फॉर्मक्राफ्टशी संपर्क साधा - नियमित ब्लॉगसाठी फॉर्म बिल्डर हे कदाचित सर्वोत्तम उपाय आहेत, परंतु वेगवेगळ्या सेवा देणाऱ्या मोठ्या साइट्ससाठी, मी ग्रॅव्हिटी फॉर्म किंवा निन्जा फॉर्म वापरण्याची शिफारस करेन. ज्यांना "उभे राहणे" आवडते त्यांच्यासाठी निन्जा किक: संपर्क फॉर्म योग्य आहे.

मला साध्या आणि सुंदर गोष्टी आवडतात. मला माझ्या वर्डप्रेस ब्लॉगसाठी एक सुंदर फीडबॅक फॉर्म हवा होता, परंतु मी वापरलेले संपर्क फॉर्म (सर्वात लोकप्रिय संपर्क फॉर्म 7 आणि जेटपॅक संपर्क फॉर्म) दुर्दैवाने, कुरूप आहेत. आणि मला त्यांच्या डिझाइनवर वेळ वाया घालवायचा नाही. म्हणून, मी तयार केलेला स्टाइलिश फीडबॅक फॉर्म शोधण्याचा निर्णय घेतला आणि त्यात कॅप्चा असणे आवश्यक आहे, अन्यथा ते स्पॅमने भरले जाईल. तर, माझे एक अतिशय सोपे ध्येय होते - खालील आवश्यकता पूर्ण करणारा वर्डप्रेस संपर्क फॉर्म शोधणे:

• कॅप्चाची उपस्थिती,
• फुकट,
• तरतरीत, सुंदर.

फीडबॅक फॉर्म तयार करण्यासाठी मी सर्व लोकप्रिय वर्डप्रेस प्लगइन निवडले आहेत, मोठ्या संख्येने सकारात्मक पुनरावलोकने आणि सक्रिय स्थापना. त्याच वेळी, मी खात्री केली की ते अलीकडे अद्यतनित केले गेले आहेत. मी हे कबूल केलेच पाहिजे की मी संपर्क फॉर्मसह एक प्लगइन स्थापित करण्यासाठी आणि अभ्यास करण्यासाठी 5 मिनिटांपेक्षा जास्त वेळ घालवला नाही आणि जर मी लगेच एक सुंदर फीडबॅक फॉर्म सेट करू शकलो नाही, तर मी पुढील संपर्क फॉर्मवर गेलो. म्हणून, मी कबूल करतो की माझ्या संपर्क फॉर्मसह एक चांगले प्लगइन चुकले आहे जे सर्व आवश्यकता पूर्ण करते, ज्याचा सेटअप त्वरित स्पष्ट होत नाही. मी पुनरावलोकन केलेल्या सर्व फीडबॅक फॉर्मचे स्क्रीनशॉट्स खाली तुम्ही पाहू शकता.

WpForms Lite

लोकप्रिय, विनामूल्य, समजण्याजोगे, परंतु कुरुप अभिप्राय फॉर्म, खूप सोपे आणि कोणतेही अतिरिक्त तयार डिझाइन नाहीत. Recapcha Google आहे. सशुल्क आवृत्ती, जी $49 पासून सुरू होते, तुम्हाला तुमचा संपर्क फॉर्म Aweber सारख्या ईमेल विपणन सेवांमध्ये समाकलित करण्यास, पेमेंट स्वीकारण्यास आणि बरेच काही करण्यास अनुमती देते. हा संपर्क फॉर्म अमेरिकन आहे, परंतु मी असे म्हणणार नाही.

कॅल्डेरा फॉर्म

WpForms पेक्षा सेट करणे अधिक कठीण, परंतु चांगले. कॅप्चा आहे, पण तो माझ्यासाठी दिसत नाही. फीडबॅक फॉर्मची रचना सरासरी आहे.

जेटपॅक संपर्क फॉर्म

वर्डप्रेसच्या निर्मात्यांकडून फीडबॅक फॉर्म सक्रिय केल्यावर, संपादकामध्ये संपर्क फॉर्म जोडा बटण दिसेल. कॅप्चा नाही, भरपूर स्पॅम! कुरूप.

संपर्क फॉर्म 7

सर्वात लोकप्रिय आणि अत्याधुनिक अभिप्राय फॉर्म, फंक्शन्स आणि सेटिंग्जमध्ये समृद्ध, परंतु कुरुप - आपल्याला डिझाइनवर वेळ घालवणे आवश्यक आहे.

जलद सुरक्षित संपर्क फॉर्म

मला या फीडबॅक फॉर्मची रचना आवडली नाही - ते कुरूप आहे!

WD द्वारे फॉर्म मेकर

विनामूल्य, अनेक सुंदर अभिप्राय फॉर्म टेम्पलेट्स आहेत. खरा उमेदवार! पण मी ReCaptcha सेट करू शकलो नाही, म्हणून मी तो वापरला नाही.

कुरुप अभिप्राय फॉर्म! अतिशय मर्यादित कार्यक्षमता - काहीही नाही...

BestWebSoft द्वारे संपर्क फॉर्म

कुरूप! फीडबॅक फॉर्मची अतिशय मर्यादित कार्यक्षमता - काहीही नाही...

निन्जा फॉर्म

हे मानक डिझाइनसह एक नियमित फीडबॅक फॉर्म आहे, परंतु त्याबद्दल काहीतरी माझे लक्ष वेधून घेते, जर मला काही सभ्य वाटले नाही तर मी ते वापरण्याचा प्रयत्न करू शकतो. Google ReCaptcha एकत्रीकरण आहे.

प्रचंड-आयटी फॉर्म

तुम्ही एकाच कॉन्टॅक्ट फॉर्मसाठी वेगवेगळ्या डिझाइनसह डिझाइन थीम बदलू शकता. डिझाईन्स छान आहेत, कॅप्चा आहे. फक्त माझ्या ॲडमिन पॅनेलमध्ये प्लगइनचा लेआउट रेंगाळत होता, जर तुम्ही याकडे लक्ष दिले नाही, तर तो एक योग्य स्पर्धक आहे.

भयंकर रूप

या फीडबॅक फॉर्ममध्ये फॅन्सी डिझाईन्स नाहीत, परंतु मूलभूत डिझाइन कमी-अधिक प्रमाणात स्वीकार्य आहे, म्हणून मी ते वापरण्यास सुरुवात केली.

वर्डप्रेस फीडबॅक फॉर्म प्लगइनचे विहंगावलोकन असलेली सारणी

फीडबॅक फॉर्मसाठी माझ्या शोधांचे परिणाम खालील सारणीमध्ये सारांशित केले आहेत.

निष्कर्ष: सर्वोत्कृष्ट वर्डप्रेस फीडबॅक फॉर्म

खरे सांगायचे तर, मी जे शोधत होतो ते मला सापडले नाही. पुनरावलोकन केलेल्या अकरा सर्वात लोकप्रिय फीडबॅक फॉर्मपैकी, फक्त दोन संपर्क फॉर्ममध्ये सुंदर डिझाइन टेम्पलेट्स आहेत: WD आणि Huge-IT फॉर्मद्वारे फॉर्म मेकर. पण पहिल्यावर माझ्याकडे कॅप्चा इन्स्टॉल नव्हता आणि दुसऱ्यावर ॲडमिन पॅनेलमधील लेआउट घसरला होता. विकासकांना डिझाइनची काळजी वाटत नाही आणि म्हणून इतर सर्व फीडबॅक फॉर्म डिझाइनशिवाय येतात आणि म्हणून ते कुरूप आहेत आणि तुम्हाला CSS संपादित करून स्वतः डिझाइन सानुकूलित करावे लागेल.

तरीसुद्धा, मी फॉर्मिडेबल फॉर्म्स फीडबॅक फॉर्म निवडला, कारण त्यात अजूनही किमान मूलभूत (डेव्हलपरने थोडासा बदल केला आहे!), परंतु स्टाइलिश डिझाइन, रीकॅप्चा आहे आणि ते विनामूल्य आहे. सर्व काही लगेच माझ्यासाठी कार्य केले!

तुम्हाला वर्डप्रेससाठी कॅप्चासह विनामूल्य आणि सुंदर फीडबॅक फॉर्म माहित असल्यास, कृपया टिप्पण्यांमध्ये सामायिक करा.