• افزونه های بازخورد وردپرس بدون افزونه. 5 افزونه برتر فرم تماس

    بعد از ظهر خوبی داشته باشید دوستان! در این آموزش نحوه ایجاد فرم تماس وردپرس با استفاده از افزونه ها را به شما آموزش می دهم. فرم بازخورددر وردپرس به عنوان یک راه حل ایده آل برای کسانی که می خواهند با مخاطبان خود در ارتباط باشند یا درخواست های ایمیل برای سفارش هر گونه خدمات را دریافت کنند، عمل می کند. ما با شما یاد خواهیم گرفت که چگونه یک فرم پاپ آپ در آن بسازید پنجره مودال. پس از مطالعه این مقاله، می توانید خود فرم را در سایت های خود جاسازی کنید. پس بزن بریم.

    چرا به فرم تماس وردپرس نیاز دارید؟

    شاید از خود بپرسید که چرا من به یک فرم بازخورد در سایت وردپرس نیاز دارم؟ چرا فقط یک آدرس ایمیل به سایت اضافه نمی کنید تا مردم بتوانند فقط برای من بنویسند؟

    این رایج‌ترین سوال تازه‌کارانی است که می‌ترسند کد فرم را بدون دانش برنامه‌نویسی به سایت اضافه کنند. در حقیقت، هنگام ایجاد فرم تماس وردپرس به هیچ وجه به کد نیاز ندارید. در این آموزش، ما یک فرم تماس را مرحله به مرحله ایجاد می کنیم و حتی مبتدی ترین افراد نیز می توانند آن را بسازند.

    در زیر 3 دلیل اصلی وجود دارد که چرا استفاده از یک فرم بهتر از افزودن یک آدرس ایمیل به سایت شماست.

    • - ربات های هرزنامه با نظم رشک برانگیز آدرس های ایمیل را از طریق تجزیه کننده های خود خارج می کنند، جایی که ذکر شده است دامنه پستیو آن را وارد پایگاه داده خود کنید تا بعداً مکاتبات ناخواسته برای شما ارسال کنند. از طرفی هنگام استفاده از فرم بازخورد برای وردپرس، از مشکل غلبه ایمیل های اسپم در صندوق پستی خود خلاص می شوید.
    • کامل بودن اطلاعات - هنگام ارسال نامه، مردم همیشه تمام اطلاعات مورد نیاز شما را ارسال نمی کنند. با یک فرم تماس، شما تصمیم می گیرید که به کدام فیلدها نیاز دارید تا ارسال ایمیل برای کاربران آسان تر شود (نام، ایمیل، شماره تلفن، نظر و موارد دیگر).
    • صرفه جویی در زمان - فرم تماس وردپرس در وقت شما صرفه جویی می کند. علاوه بر کامل بودن اطلاعاتی که از کاربر درخواست کرده اید و او برای شما ارسال خواهد کرد، همچنین می توانید مواردی را که منتظر مرحله بعدی هستند، مانند "برنامه شما ظرف 24 ساعت بررسی می شود" یا تماشای ویدیو و خیلی چیزهای مفید دیگر

    در زیر نمونه ای از فرم تماسی است که در این آموزش ایجاد خواهیم کرد.

    شروع کنیم آقایان

    مرحله 1: انتخاب بهترین افزونه فرم تماس وردپرس

    بر این مرحلهما باید در مورد انتخاب افزونه فرم مناسب تصمیم بگیریم. تعداد زیادی از آنها وجود دارد، هم رایگان و هم پولی. در این آموزش پلاگین های مختلف را به شما می گویم تا انتخابی غنی داشته باشید. در حالت اول، افزونه WPForms درگیر خواهد شد.

    در زیر دلایلی وجود دارد که WPForms بهترین افزونه بازخورد است:

    1. اولاً، این افزونه مبتدی‌پسندترین افزونه است. به سادگی با کشیدن و رها کردن بلوک های مورد نیاز، می توانید یک فرم تماس با چند کلیک ایجاد کنید.
    2. WPForms Lite کاملا رایگان است.
    3. وقتی برای عملکرد قدرتمندتر آماده هستید و اگر واقعا برای شما مهم است، می توانید به نسخه Pro ارتقا دهید.

    خوب، اگر این دلایل کافی بود و من شما را متقاعد کردم، ما به جلو حرکت می کنیم.

    مرحله 2: نصب افزونه فرم تماس وردپرس

    برای این آموزش، ما از نسخه Lite استفاده می کنیم زیرا استفاده از آن رایگان و آسان است. با ورود به وبلاگ و رفتن به پلاگین - افزودن جدید می توانید آن را نصب کنید.

    در نوار جستجو، نام افزونه خود را تایپ می کنیم و روی Install now (Install now) کلیک می کنیم.

    پس از نصب افزونه، حتما آن را فعال کنید. این در اینجا نشان داده شده است:

    مرحله 3: ایجاد یک فرم تماس در وردپرس

    بنابراین، پس از تکمیل موفقیت آمیز فعال سازی افزونه، نوبت به ایجاد فرم بازخورد ما می رسد. برای این کار در پنل مدیریت وبلاگ، روی تب WPForms Menu کلیک کرده و به Add New بروید.

    با این کار سازنده Wpforms باز می شود که در آن می توانید به سادگی بلوک هایی را که برای ایجاد فرم تماس وردپرس نیاز دارید بکشید و رها کنید. رایگان نسخه Liteدو قالب از پیش ساخته شده موجود است (خالی و فرم ساده). شما می توانید آنها را با هم استفاده کنید تا موردی که نیاز دارید و برای شما راحت باشد. در این مثال گزینه دوم یعنی فرم تماس ساده را برای شما انتخاب کرده ایم. یک نام، ایمیل و یک فیلد متنی به آن اضافه می کنیم.

    برای ویرایش هر قسمت می توانید روی آن کلیک کنید. همچنین می توانید از ماوس برای کشیدن و تغییر ترتیب فیلدهای فرم استفاده کنید.

    اگر می‌خواهید یک فیلد جدید اضافه کنید، کافی است فیلد مورد نیاز خود را از لیست سمت چپ انتخاب کنید و آن را به فضای کاری بکشید.

    پس از اتمام، فقط روی دکمه ذخیره کلیک کنید.

    مرحله 4: اعلان ها و تاییدیه ها را تنظیم کنید

    هنگامی که یک فرم تماس وردپرس را با موفقیت ایجاد کردید، بسیار مهم است که فرم های اعلان و تأیید خود را به درستی تنظیم کنید.

    فرم تایید همان چیزی است که کاربران شما هنگام ارسال بلیط از فرم برای شما می بینند. این می تواند یک پیام تشکر باشد یا می توانید آنها را به صفحه ویژه دیگری هدایت کنید.

    فرم اطلاع رسانی پیام هایی است که هنگام دریافت بلیط یا ایمیل جدید از سایت وردپرس خود دریافت می کنید.

    شما می توانید هر دوی این فیلدها را با رفتن به تنظیمات داخل افزونه WPForms Form Builder شخصی سازی کنید.

    به‌طور پیش‌فرض، لمس را تنظیم نکرده‌ایم و فیلد فرم تأیید را با پیام «از تماس شما متشکرم» همان‌طور که هست رها کردیم. با این حال، شما حق دارید آن را به متن دیگری تغییر دهید یا کاربر را به آن هدایت کنید صفحه جداگانه.

    بهترین چیز در مورد این افزونه این است که تنظیمات پیش فرض فقط برای مبتدیان عالی است. آنها مجبور نیستند به این فکر کنند که چه کاری باید انجام دهند یا چه چیزی را تغییر دهند. همه چیز بسیار شهودی و ساده است. وقتی به تنظیمات اعلان می روید، تمام فیلدها به صورت پویا پر می شوند.

    به طور پیش فرض، اعلان ها به ایمیلی که در تنظیمات مشخص کرده اید ارسال می شود. اگر می خواهید مقصد ارسال اعلان ها را تغییر دهید، می توانید به راحتی آن را نیز تغییر دهید. اگر می خواهید چندین آدرس ایمیل را مشخص کنید (که با ویرگول از هم جدا شده اند)، لطفاً همانطور که می گویند، کارت ها را در دست دارید 🙂

    قسمت موضوع ایمیل به طور خودکار با نام فرم شما پر می شود. فیلد نام از نام کاربری (نام شما) گرفته می شود. وقتی به ایمیلی پاسخ می دهید، به ایمیلی که نام کاربری که فرم تماس را پر کرده است می رود.

    مرحله 5: افزودن فرم تماس وردپرس به صفحه

    در این مرحله، زمانی که فرم بازخورد را ساختید و پیکربندی کردید، باید یک صفحه تماس جداگانه برای آن ایجاد کنید تا بتوانید آن را در آنجا قرار دهید. یا یک صفحه جدید ایجاد می کنید یا یک صفحه موجود را ویرایش می کنید تا بتوانید آن را اضافه کنید.

    ما از یک کد کوتاه ساده برای درج فرم در یک صفحه استفاده می کنیم. فقط روی دکمه "افزودن فرم" کلیک کنید و نام فرم خود را برای درج آن در صفحه انتخاب کنید.

    عالی. حالا صفحه را ذخیره کنید و پیش نمایش را باز کنید تا تغییرات را ببینید.

    در اینجا شکل به نظر می رسد وردپرس سادهصفحه:

    اگر فقط می خواهید فرمی را به یک صفحه اضافه کنید، به شما تبریک می گویم. تمام مراحل با موفقیت انجام شد. اگر می خواهید آن را به عنوان ویجت نوار کناری اضافه کنید، در زیر ادامه دهید.

    مرحله 6: افزودن فرم تماس وردپرس به نوار کناری

    افزونه WPForms دارای یک ویجت فرم تماس داخلی است که می توانید آن را به نوار کناری یا هر قسمت دیگر در سایت (مانند پاورقی) اضافه کنید.

    برای این کار باید به قسمت Appearance-> Widgets برویم. در آنجا ویجت افزونه فرم از پیش نصب شده را در سمت چپ مشاهده خواهید کرد. فقط آن را بگیرید و با کشیدن و رها کردن معمول، ترتیب نمایش را در ناحیه مورد نظر در نوار کناری تنظیم کنید.

    مرحله بعدی تعیین نام ویجت و ذخیره آن است. به سایت بروید و نتیجه را ببینید.

    این بررسی افزونه فرم تماس WPForms ما را تکمیل می کند. اما، به خصوص برای شما، من یک بررسی دیگر از یکی را آماده کرده ام افزونه رایگان، که با آن می توانیم یک فرم بازخورد پاپ آپ و همه تراشه های مشابه قبلی ایجاد کنیم. اسمش فرم تماس 7 هست واقعا خیلی قدرتمنده و برگ برنده اش اینه که کاملا رایگانه!

    همچنین می‌توان آن را پاسخگو کرد، یعنی فرم بازخورد با اندازه صفحه نمایش دستگاه شما سازگار می‌شود.

    بنابراین، فقط در مورد، به شما اطلاع دهید که آنها چیست.

    نحوه ایجاد یک فرم تماس با فرم تماس 7

    ما همچنان موضوع ایجاد فرم هایی را برای دریافت برنامه های کاربردی از سایت شما درک می کنیم. در آینده یک افزونه فرم تماس وردپرس دیگر به نام تماس فرم 7 داریم. بیایید آن را در وبلاگ خود نصب کرده و تا جایی که می توانیم آن را فعال کنیم.

    قبلاً در سایت من نصب شده است، نه در این وبلاگ. روش استاندارد است. اکنون باید به پنل مدیریت وبلاگ برویم و یک فرم جدید ایجاد کنیم که درخواست ها را برای ما و دیگران جمع آوری می کند اطلاعات مفید. به بخش "فرم تماس 7" -> افزودن جدید بروید.

    عالی! حالا بیایید یک نام مناسب به آن بدهیم، در مورد من تعداد زیادی از این فرم های تماس وجود دارد. بیایید یکی را انتخاب کنیم، به عنوان مثال، "فرم سفارش برای ارتقاء وب سایت"

    به طور خلاصه به شما بگویم که در اینجا به چه چیزی نیاز داریم. اول از همه، باید تصمیم بگیریم که چند فیلد فرم بسازیم. من فوراً می گویم که شما نیازی به انجام 100500 فیلد ندارید و بی معنی است، به این دلیل ساده که افراد سایت شما را می بندند و برنامه ای را ترک نمی کنند. آنها باید این مرحله را آسان تر کنند. یعنی اگر در مورد آن فکر کنید، پس ما از شخصی نیاز داریم که:

    1. نام او به آدرس (آدرس شخصی)
    2. آدرس ایمیل (بازخورد به جایی که برای او پیشنهاد ارسال شود)
    3. شماره تلفنی که باید فوراً تماس بگیرید (اگر این سریع اتفاق بیفتد، به هر حال مشتری شما خواهد شد)
    4. دکمه واقعی "ارسال".

    این داده های اصلی است، شما قبلاً می توانید در طول مکاتبات یا سایرین را بیابید مکالمه تلفنی. آیا منطقی است؟ فکر می کنم بله. پیش می رویم.

    ایجاد فیلدهای فرم تماس در افزونه فرم تماس 7

    بنابراین، ما در مورد تعداد فیلدها تصمیم گرفتیم، اکنون باید این فیلدها را ایجاد کنیم. برگه های زیر در دسترس ما هستند:

    • متن (هر فیلد متنی مانند "نام"، "پرسش یک سوال" یا هر نام دیگری که از طریق این قسمت جمع آوری می کنید)
    • ایمیل (تنها یک هدف برای ورود کاربر وجود دارد)
    • URL (آدرس سایت در این قسمت وارد می شود، مقادیر دیگر قابل قبول نیستند، خطا ایجاد می شود)
    • تلفن (فیلد شماره تلفن برای فرم تماس وردپرس ما، مقادیر عددی مجاز است، متن خطا می دهد)
    • شماره (محدوده عددی مقادیر را می توان به عنوان مثال برای قیمت اعمال کرد: "چقدر می خواهید برای سایت بپردازید؟ از 23000 تا 120000 روبل")
    • تاریخ (تاریخ، از چه تاریخی تا چه تاریخی را مشخص کنید. مثال: “رزرو خودرو از 1395/04/13 تا 1395/04/25”)
    • ناحیه متن (ناحیه متن، در اینجا می توانید متن را به عنوان نظر وارد کنید)
    • منوی کشویی (لیست کشویی). در وبلاگ من اجرا شده است، می توانید ببینید. در پایان هر مقاله، به کاربران پیشنهاد می کنم که یک وب سایت ساده یا یک فروشگاه آنلاین ایجاد کنند. این دقیقاً همان چیزی است که این گزینه ارائه می دهد.
    • چک باکس ها (چند گزینه ای، به عنوان مثال: وب سایت + ایجاد لوگو + تبلیغات + تبلیغات متنی)
    • دکمه های رادیویی (انتخاب یک مورد، به عنوان مثال: «شما سفارش می دهید یا تبلیغات متنییا هدفمند)
    • پذیرش (شرایط قرارداد را بپذیرید، یعنی اطلاعات کاربر، مانند یک پیشنهاد عمومی)
    • مسابقه (مسابقه - مجموعه ای از سوالات کوتاه، همچنین می تواند در فرم تماس قرار داده شود).
    • reCaptcha (تأیید اینکه شما یک ربات نیستید و اسپم نمی‌کنید.) حفاظت خوباز هرزنامه توجه: اگر افزونه Really Simple Captcha را فعال کرده باشید، این گزینه کار می کند.
    • فایل (اگر می خواهید به کاربران اجازه دهید فایلی را برای شما آپلود کنند، به عنوان مثال: "TK را برای توسعه سایت پیوست کنید").
    • ارسال (ارسال داده ها به نامه)

    بنابراین، ما در زمینه ها تصمیم گرفته ایم، شما نیز معنای هر یک را می دانید. بیایید شروع به ساخت فرم تماس وردپرس خود کنیم.

    در مثال زیر از 2 فیلد استفاده کردم: نام، ایمیل. بر این اساس، به این تب ها نیاز خواهید داشت:

    با کلیک بر روی تب text (Text) به کادر محاوره ای می رسیم:

    در اینجا باید بر روی چک باکس Field Type – Required کلیک کنیم. به گونه ای ساخته شده است که اگر کاربر نامی را در آن وارد نکند، نمی تواند برای شما برنامه ارسال کند، خطای ارسال وجود دارد که همه فیلدها به درستی پر نمی شوند.

    سپس یک کد کوتاه برای درج این فیلد و در کنار آن دکمه آبی رنگ "Insert Tag" را مشاهده خواهید کرد. با این کار یک فیلد فرم تماس جدید اضافه می شود.

    برای اینکه گیج نشوید، آن را با یک سبک برجسته کردم. کد زیر:

    < div class = "col-md-4" > < label class = "sr-only" >نام و نام خانوادگی< / label >[ text* text - 658 class : form - control placeholder "نام شما" ] !}< / div >

    و این هم اسکرین شات:

    ما عملیات مشابهی را برای قسمت "ایمیل" انجام می دهیم. ما روی تب مربوطه کلیک می کنیم و در چنین کادر محاوره ای به اینجا می رسیم.

    مطلقاً هیچ تفاوتی با قبلی ندارد، ما فقط اقدامات خود را با شما تکرار می کنیم. فیلد ایمیل من هم یک سبک دارد. من کد زیر رو میدم:

    < div class = "col-md-4" > < label class = "sr-only" >ایمیل کامل< / label >[ email* email - 447 class : form - control placeholder "Your Email" ] !}< / div >

    و این هم اسکرین شات:

    و در نهایت دکمه «ارسال» (ارسال داده). این همه به سبک من است.

    < div class = "col-md-4" >[ ارسال کلاس : btn - کلاس مسطح : col - xs - 12 "سفارش" ]< / div >

    < / div >

    یادداشت مهم:دوستان عزیز من در این مثال استفاده میکنم سبک های پاسخگوبرای ایجاد یک فرم تماس در وردپرس، یعنی می تواند فرم هایی با هر اندازه صفحه داشته باشد.

    دکمه سمت راست را خواهید دید گوشه بالایی. قطعا از دست نخواهید داد 🙂

    ما بخشی از کار را انجام داده ایم، اکنون به مرحله بعدی می رویم.

    تنظیم یک آدرس ایمیل برای دریافت برنامه ها

    در این مرحله، باید تنظیماتی را انجام دهیم تا حروف به ما بروند صندوق پستی. نحوه رسیدن به این هدف را در زیر توضیح خواهم داد.

    باید روی آن کلیک کنیم تب بزرگ"حرف". این دومین مورد بعد از قالب فرم خواهد بود.

    اولین چیزی که خواهید دید تگ هایی است که اضافه کرده اید، باید آنها را در متن نامه وارد کنیم، آنها داده هایی را که کاربر از فرم وارد می کند جایگزین می کنند. فکر کنم خوب توضیح دادم

    حالا برای زمینه ها:

    • به (جایی که برنامه ارسال خواهد شد، در مورد من، این آدرس ایمیل من است، می توانید چندین آدرس را برای ارسال برنامه ها مشخص کنید)
    • From (فیلد From، یعنی مقداری که برنامه از سایت استودیوی من می آید جایگزین می شود)
    • موضوع (برای تعیین اینکه برنامه از کدام فرم می آید استفاده می شود، در مورد ما یک برنامه از فرم ارتقاء سایت است).
    • سرصفحه های اضافی (سرصفحه های اضافی، ما آنها را لمس نمی کنیم، آنها برای ارسال صحیح فرم مورد نیاز هستند)
    • متن پیام (بدن پیام، در اینجا شما نشان می دهید که نامه از چه کسی و از چه آدرسی آمده است، به عنوان مثال: "از: ایوان" "آدرس ایمیل: پست vasya@ en »)
    • پیوست های فایل (ضمیمه های فایل، لمس نکنید)

    اکنون باید اعلان‌هایی درباره ارسال موفقیت‌آمیز یا ناموفق یک نامه از مخاطب تنظیم کنیم فرم های وردپرس.

    اینها پیام هایی هستند که در پاسخ به اقدامات کاربر با فرم به کاربر نشان داده می شوند. به طور پیش فرض آنها به زبان انگلیسی. من یک ترجمه به روسی از ضروری ترین ها برای شما انجام دادم. تعداد آنها بیش از اندازه کافی خواهد بود و اگر نه، مترجم گوگل به شما کمک خواهد کرد. پس بیایید شروع کنیم.

    • در مورد ارسال موفقیت آمیز پیام: «پیام شما با موفقیت ارسال شد. متشکرم."
    • هنگام ارسال نادرست پیام از فرم: «هنگام ارسال پیام خطایی رخ داد. لطفاً بعداً دوباره امتحان کنید یا با مدیر سایت تماس بگیرید."
    • خطای پر کردن: «اشتباهات را پر کنید. لطفاً همه فیلدها را بررسی کنید و دوباره ارسال کنید."
    • داده ارسال شده به عنوان هرزنامه شناسایی شد: «خطا در ارسال پیام. لطفاً بعداً دوباره امتحان کنید یا با مدیر سایت تماس بگیرید."
    • برخی از شرایط را باید پذیرفت: "لطفا شرایط را برای ادامه بپذیرید."
    • برخی از فیلدها باید تکمیل شوند: "لطفا فیلد لازم را پر کنید."
    • بیش از طول نویسه‌های فیلد: "داده‌های خیلی زیادی مشخص شده است."
    • طول نویسه‌ها در فیلد ناکافی است: "داده‌های خیلی کم مشخص شده است."
    • قالب تاریخ نامعتبر است: "قالب تاریخ نامعتبر است."
    • تاریخ اولیه در حداقل محدودیت: "تاریخ مشخص شده خیلی زود است."
    • تاریخ تاخیر در حداکثر محدودیت: "تاریخ مشخص شده خیلی دیر است."
    • آپلود فایل انجام نشد: "فایل آپلود نشد."
    • نوع فایل مجاز نیست: "این نوع فایل مجاز نیست."
    • در حال بارگذاری نیز فایل بزرگ: "این فایل خیلی بزرگ است."
    • آپلود فایل به دلیل خطاهای PHP: "آپلود فایل انجام نشد. خطایی رخ داده است."
    • قالب شماره وارد شده توسط فرستنده نادرست است: "قالب شماره نامعتبر است."
    • عدد کمتر از حد مجاز: "این عدد خیلی کم است."
    • عدد بیشتر از حد مجاز است: "این عدد خیلی بزرگ است."
    • فرستنده پاسخ صحیح سوال را وارد نکرده است: "جواب نادرستی وارد کرده اید."
    • آدرس ایمیل وارد شده توسط فرستنده اشتباه است: "ایمیل نامعتبر".
    • URL وارد شده توسط فرستنده نامعتبر است: "URL نامعتبر."
    • شماره تلفن وارد شده توسط فرستنده اشتباه است: "شماره تلفن نامعتبر."

    خیلی خوب. ما راه اندازی فرم را به پایان رساندیم، اکنون باید آن را در سایت درج کنیم. برای انجام این کار، با استفاده از فناوری از قبل شناخته شده، به یک صفحه موجود بروید یا یک صفحه جدید ایجاد کنید. در مثال خود، نمونه ای از فرم موجود در صفحه سایت وردپرس را به شما نشان خواهم داد.

    از آنجایی که فرم ما برنامه های کاربردی برای ارتقای وب سایت را جمع آوری می کند، اجازه دهید به صفحه مشابهی برویم.

    برای درج فرم تماس خود، باید کد کوتاهی که افزونه به آن اختصاص داده است را کپی کنیم. تحت نام فرم شما موجود است.

    پس از رفتن به صفحه ما را کپی و در صفحه ما جایگذاری کنید ویرایشگر متن(بصری نیست). در تصویر زیر نشان داده شده است:

    بیایید صفحه خود را ذخیره کنیم و ببینیم در پایان در مرورگر چه اتفاقی می افتد:

    فوق العاده! حالا بیایید سعی کنیم فرم را بدون پر کردن آن ارسال کنیم. و در اینجا چیزی است که خواهیم دید.

    هنگام ارسال فرم خطایی رخ داد زیرا کاربر داده های مورد نیاز را در فیلدها ارائه نکرد. حالا بیایید داده های صحیح را وارد کنیم و ببینیم در این مورد چه چیزی به دست می آوریم.

    ما ارسال را فشار می دهیم و این چیزی است که فرم ما می نویسد:

    حالا بیایید ببینیم برنامه ما چگونه است. آنها به صندوق پست من می آیند. بررسی تحویل:

    بیایید به داخل برویم تا مطمئن شویم رمزگذاری و همه داده ها درست است.

    همه چیز خوب است. فرم به درستی کار می کند و داده ها را ارسال می کند. اکنون می‌توانیم برنامه‌هایی را جمع‌آوری کنیم که هنگام نامزدی به شما می‌آیند، اگر در مورد ارتقای منطقه‌ای صحبت می‌کنیم.

    بنابراین، ما نحوه ایجاد یک فرم تماس در وردپرس در صفحه وب سایت را گفته ایم. حالا من به شما می گویم که چگونه این کار را انجام دهید فرم بازخورد تطبیقی ​​بازشوبا استفاده از افزونه فرم تماس 7 ما.

    ساخت فرم تماس واکنشگرا پاپ آپ در وردپرس

    برای اینکه فرم ما تطبیقی ​​شود، یعنی "لاستیک"، باید افزونه دیگری را وصل کنیم، یا بهتر است بگوییم اضافه شده آن به فرم تماس 7 - به نام Bootstrap Contact Form 7. نصب کنید و به سادگی آن را فعال کنید و تمام - کار می کند. نیازی نیست تنظیماتی با آن انجام دهید. تنظیم کنید و فراموش کنید.

    در مرحله بعد به شما خواهم گفت که چه تغییراتی باید انجام شود تا فرم ما به صورت بازشو و واکنش گرا باشد. من یک پیاده سازی مشابه انجام دادم صفحه نخستسایت استودیویی شما برای این کار به سراغ قالب index.php می رویم که در قسمت «ظاهر - ویرایشگر» قرار دارد. ما فقط با کد، به صورت دستی کار خواهیم کرد.

    فرم پاپ آپ ما در یک گفتگوی مودال مانند این نمایش داده می شود:

    برای رسیدن به این نتیجه به کد زیر نیاز دارید که آن را به طور کامل در یک قطعه ارائه خواهم کرد:

    سفارش

    < a href = "#" class = "btn btn-primary btn-flat" data - toggle = "modal" data - target = "#modal2" >سفارش< / a >

    < ! -- Modal -- >

    < div class = "modal contact-modal fade" tabindex = "-1" id = "modal2" role = "dialog" aria - labelledby = "myModalLabel" aria - hidden = "true" >

    < div class = "modal-dialog" >

    < div class = "modal-content" >

    < div class = "modal-header" >

    < button type = "button" class = "close" data - dismiss = "modal" > < span aria - hidden = "true" >&بار؛< / span > < span class = "sr-only" >بستن< / span > < / button >

    < h4 class = "modal-title black" id = "myModalLabel" >درخواست خود را ارسال کنید< / h4 >

    < / div >

    با درود! امروزه اینترنت به سرعت در حال توسعه چنین جهتی مانند بازخورد بین صاحب سایت و مشتری است. در این یک نجات دهنده می شود شکل خاصبرای ارتباط به همین دلیل است که هدفم این است که به شما در انتخاب یک افزونه بازخورد وردپرس کمک کنم.

    چرا به فرم بازخورد نیاز داریم؟

    در حال حاضر، تصور اینکه قبل از اینکه مجبور شویم به صورت دستی یک آدرس ایمیل را کپی یا تایپ کنیم، نامه ای از ایمیل خود به فروشنده بنویسیم و منتظر پاسخ باشیم برای ما دشوار است. مدت زمان طولانی. در واقع، در این مدت، در حالی که مشتری به نامه می‌رفت و نامه می‌نوشت، می‌توانست آدرس اینترنتی مورد نیاز را از دست بدهد یا فراموش کند، خود سؤال را فراموش کند و خیلی چیزهای دیگر ممکن است اتفاق بیفتد. و برای مالک، مشتری ممکن است در این شرایط گم شود. ایا نکته رو گرفتی؟

    تحولات مدرنبرنامه نویسان، مانند فرم های بازخورد، فعالانه به صاحبان منابع تجاری کمک می کنند تا یک مشتری را از دست ندهند و به کاربران اینترنت اجازه می دهند در وقت خود صرفه جویی کنند و با برآورده کردن نیازهای خود، خرید انجام دهند.

    از کجا می توان قالب های آماده یا جاهای خالی را پیدا کرد

    هر بار هنگام ایجاد یک سایت یا صفحه جدید، مدیر وب سایت باید بهترین افزونه وردپرس را برای فرم تماس انتخاب کند. زیرا ممکن است مشتری همیشه یک فرم ساده و استاندارد را دوست نداشته باشد. حتی گاهی اوقات شما به تعداد زیادی چیزهای مختلف به طور همزمان در یک صفحه نیاز دارید.

    به نظر می رسد فرم بازخورد یکی از بخش های مهم سایت وردپرس باشد. بدون آن، فرصت همیشه در ارتباط با بازدیدکنندگان و مشتریان از دست می رود. علاوه بر این، بدون این لوسیون، احتمال از دست دادن خریداران بالقوه افزایش می یابد.

    پلاگین های وردپرس به دلیل وجودشان محبوبیت زیادی دارند فواید: به‌روزرسانی‌هایی دائماً منتشر می‌شوند که به شما امکان می‌دهند به سرعت و کارآمد یک سایت را توسعه دهید. چنین برنامه ای افزودن فرم تماس به سایت و همچنین امکان ایجاد یک فرم پاپ آپ، فرمی با شمارش معکوس یا درخواست تماس را آسان می کند.

    در این مقاله میخواهم شما را با بیشترین موارد آشنا کنم برنامه های محبوبو مدرن تازگی ها:

    1. فرم تماس 7
    2. تماس ایمن سریع از.
    3. فرم تماس با من تماس بگیرید
    4. FormCraft
    5. فرم ساز بصری
    6. NForms
    7. اشکال جاذبه
    8. فرم های نینجا
    9. ضربه نینجا

    سعی می کنم بدهم توضیح مختصراین افزونه های محبوب، بنابراین شما می توانید یک مورد مناسب را برای خود پیدا کنید.

    فرم تماس 7

    امروزه Cf7 محبوب ترین افزونه وردپرس است.


    فواید    او دارد:

    1. AJAX ارسال پیام
    2. کپچای داخلی
    3. فیلتر اسپم ویژه
    4. به شما امکان آپلود فایل ها را می دهد.

    این توسعه کاملا رایگان است و به راحتی می توان آن را برای نیازهای مختلف سفارشی کرد کمک html. با استفاده از یک کد خاص که فقط از یک خط تشکیل شده است، می توانید فرم تماس ایجاد شده را در هر نقطه از صفحه قرار دهید.

    این افزونه اگرچه محبوب است اما خالی از ایراد نیست. یکی از این معایب است قالب های آماده. اگر نیاز به تغییر طراحی دارید، باید این کار را با استفاده از CSS انجام دهید.

    تماس ایمن سریع از

    Fast Secure Contact From یک توسعه غیر استاندارد است که بسیار محبوب است. این عمدتا توسط صاحبان وبلاگ برای ایجاد و افزودن فرم تماس به وب سایت های خود استفاده می شود.

    این سازنده یک بخش مدیریت دارد که با آن می توانید تعداد نامحدودی فرم ایجاد کنید. سازنده می تواند با استفاده از کپچا و حفاظت ویژه، حملاتی را که بر اساس تاکتیک های ارسال کننده های هرزنامه است، مسدود کند.

    جنبه های مثبت افزونه عبارتند از:

    1. نمی توان نمایه را ثبت کرد کاربران عادی.
    2. امکان تشکیل برنامه، جلسات آنلاین را فراهم می کند.
    3. پشتیبانی از چندین آدرس ایمیل

    عیبش غیبت بود رابط کاربری ساده، اما این اشکال ارزش حاشیه را ندارد و توسعه دهندگان سازنده در تلاش برای رفع آن هستند.

    فرم تماس با من تماس بگیرید

    فرم تماس توسط Contact ME یک فرم ساز مقرون به صرفه است که مجموعه استانداردی از عملکردهای اساسی را در زرادخانه خود دارد. فقط پس از ثبت نام در سایت کار می کند. این روش ساده و رایگان است. توسعه دهندگان آن را بهتر از سایر پلاگین های محبوب حتی CF7 می دانند.

    این سازنده بسیاری دارد توابع مورد نظر:

    1. اعلان ها را مستقیماً به ایمیل و تلفن ارسال می کند.
    2. به شما امکان می دهد یک اسکریپت به فرم اضافه کنید.
    3. پشتیبانی از لوگو برای کارت، جزئیات شرکت و پیوندهای رسانه های اجتماعی و غیره.

    مالکان منابع وب را دفع می کند بیشتراز استفاده از چنین توسعه ای، تنها حضور ثبت نام در وب سایت تماس با من است.

    FormCraft

    افزونه FormCraft در ابتدا تنها به عنوان یک برنامه برتر ایجاد و نگهداری می شد. چندی پیش سازندگان آن ساختند و نسخه رایگان– FromBuilder، در دسترس هر کاربر اینترنتی.

    از ساخت اشکال مختلف در ویرایشگر داخلی خود پشتیبانی می کند. در مقایسه با نسخه پریمیوم که دارای منطق اسکریپت، ذخیره خودکار و بسیاری از زمینه های سفارشی است، ویژگی های کمتری دارد. با این حال، به عنوان یکی از بهترین ها برای امروز شناخته می شود (هر دو نسخه رایگان و پریمیوم برنامه مورد نظر).

    فرم ساز بصری

    یکی دیگر از Visual Form Builder توسعه ای است که به شما امکان می دهد همه فرم ها را از یک مکان ایجاد و کنترل کنید. تنها با یک کلیک، می توانید فیلدها را مدیریت کنید، ضد هرزنامه ها و فرم های ایجاد شده قبلی را سازماندهی مجدد کنید. وسوسه انگیز به نظر می رسد، درست است؟

    مزایای این افزونه عبارتند از:

    • امکان تغییر ترتیب عناصر با کشیدن و رها کردن.
    • امکان صادرات داده ها به فایل CSV.
    • ارسال پیام های تایید کنترل شده
    • امکان تعیین چندین آدرس url.

    و تنها یک منفی وجود دارد - اگر سایت بسیار بزرگی دارید، بهتر است از افزونه دیگری استفاده کنید، زیرا این افزونه تمام داده های فرم را در پایگاه داده وردپرس شما ذخیره می کند. و این می تواند عملکرد و باز بودن آن را به میزان قابل توجهی کاهش دهد. به نظر من متوجه عواقب اضافه بار (بارگذاری طولانی، کاهش تعداد بازدید و غیره) هستید.

    nForms

    nForms شبیه یک الگوی نسبتاً ساده با ارسال Ajax است. فرم ایجاد شده با استفاده از یک کد کوتاه یا ویجت خاص نمایش داده می شود. زیباست گزینه جالب، اما برای هیچ سایتی مناسب نیست (شما باید نتیجه را با طرح خود مقایسه کنید). این نرم افزار چیزی بیش از یک فرم تماس را در اختیار شما قرار می دهد. علاقه مند؟ سپس یک آزمایش انجام دهید، شاید این فرم به نوعی ویژگی سایت شما تبدیل شود.

    اشکال جاذبه

    Gravity Forms کامل ترین راه حل برای ایجاد فرم های بازخورد وب سایت است. بسیاری آن را پیشرفته ترین برای وردپرس می دانند. چنین توسعه ای دارای یک ویرایشگر بصری با کیفیت بالا است که به شما امکان ایجاد تغییرات پیچیده را می دهد. و همچنین یک تابع در سازنده تعبیه شده است که استفاده از توسعه های طولانی و جاسازی آنها را آسان تر می کند تعداد زیادی ازصفحات

    علاوه بر این، سازنده یک نشانگر پر دارد که میزان پر بودن فرم را به شما اطلاع می دهد. می توان آن را مزایای غیرقابل انکار نامید:

    1. وجود توابعی که در سایر طراحان موجود نیست (ماشین حساب بازدیدکنندگان در زمان واقعی، ایجاد فرم های سفارش).
    2. وجود فیلدها، صفحات یا بخش های وابسته.
    3. می توانید یک دکمه ارسال را انتخاب کنید.

    اما تنها نقطه ضعف آن هزینه بالای افزونه است. اما این یک نکته منفی بسیار بحث برانگیز است، زیرا برنامه قادر است کمی بیشتر از یک فرم تماس معمولی ارائه دهد. آیا این چیزی نیست که شما نیاز دارید؟

    نگاشت فرم تماس پرو وردپرس

    افزونه Mapped Contact از یک فرآیند کمی تغییر یافته برای نمایش فرم در سایت استفاده می کند. این یک راه حل عالی برای شرکت بزرگیا شبکه ای از شرکت ها، زیرا می تواند شعبه ها را در نقشه گوگل نشان دهد. به نظر می رسد که این یک افزونه بسیار مفید است، موافق نیستید؟

    یک مزیت مهم، امکان مشخص کردن مکان هر مکان در نظر گرفته شده در سایت است. فقط کافی است کد کوتاه (کد کوتاه) را در هر پست یا هر مکانی از صفحه قرار دهید. انجام این کار دشوار نیست، بنابراین هر فرد علاقه مند می تواند این روش را انجام دهد.

    فرم های نینجا

    در سال های اخیر افزونه Ninja Forms محبوبیت زیادی پیدا کرده است. این فرم ساز در قدرت و وجود قابل فهم ترین ویرایشگر که در اولویت در افزونه های پولی استفاده می شود با بقیه تفاوت دارد. هنگام استفاده از آن، به سادگی با کشیدن و پیکربندی بلوک ها، می توانید فرم منحصر به فرد خود را بسازید. همه فیلدها به هر یک از زبان های انتخاب شده از جمله روسی ایجاد می شوند.

    از جنبه های مثبت این توسعه می توان به موارد زیر اشاره کرد:

    1. عملکرد به اندازه کافی گسترده است.
    2. وجود یک سوئیچ مناسب برای پیش نمایش و آزمایش طرح ها.

    نکات منفی این خواهد بود:

    • تعداد زیادی تنظیمات که می تواند کاربر مبتدی را گیج کند.
    • وجود ماژول های پریمیوم که می توانند به طور جداگانه متصل شوند (مانند دریافت پرداخت ها، لیست های پستی).

    ضربه نینجا

    Ninja Kick - بیشترین تصمیم غیر معمولاز همه، که تفاوت آن در نمایش یک پنل جداگانه از طرف های مختلف سایت است. در عملکرد آن تنظیمات بسیاری وجود دارد که بیشتر آنها با هدف تنظیم هستند ظاهرتشکیل می دهد. تنظیمات حاشیه ها بسیار کوچک است و این برای کاربران اینترنت کمی ناامید کننده است.

    این افزونه بسیار جالب و منحصر به فرد است، اما به سختی برای یک سایت جدی مناسب است. اغلب توسط صاحبان پورتال های سرگرمی یا وبلاگ نویسان استفاده می شود.

    در اینجا ما با شما هستیم و افزونه های مختلفی را برای ایجاد در نظر گرفته ایم فرم معکوسوردپرس و به این نتیجه رسیدند که برای موقعیت ها، سایت ها و اهداف مختلف می توانید افزونه خود را انتخاب کنید. همانطور که می گویند: "میل وجود دارد، اما بقیه پیدا می شود."

    راهنمای گام به گام ایجاد فرم بازخورد

    حالا بیایید ببینیم که چگونه این فرم ها با استفاده از برنامه CF7 به عنوان مثال ایجاد می شوند:


    در صورت نیاز به تکمیل یا تغییر فیلدها، لیستی به نام «تولید برچسب» را پیدا کنید و نوع فیلد مورد نیاز را از لیست انتخاب کنید. این تابع به شما امکان می دهد تا فرمی از هر پیچیدگی را دریافت کنید. این قابلیت ساخت محصولات منحصر به فرد را آسان می کند.

    1. پس از دستکاری ها، خواهید دید که فرم برای بازدیدکنندگان چگونه خواهد بود. این ساده ترین و غیرقابل توجه ترین خواهد بود، اما اگر مهارت های برنامه نویسی اولیه دارید، می توانید با سبک ها بازی کنید.

    بنابراین ما متوجه شدیم که چگونه از طریق برنامه تماس با فرم 7 یک فرم بسازیم. آسان است، درست است؟

    من می خواهم چند کلمه دیگر در مورد محافظت از صندوق پستی خود در برابر هجوم هرزنامه ها بگویم: "برای جلوگیری از ورود هرزنامه به ایمیل شما، اضافه کردن یک کپچا به فرم بازخورد مفید خواهد بود. با استفاده از تابع "تولید برچسب" تنظیم می شود. و برای عملکرد آن، به افزونه Really Simple CAPTCHA نیاز دارید. هنگامی که پیکربندی افزونه را به پایان رساندید، می توانید مشکل اسپم را فراموش کنید.

    و همچنین از طریق افزونه می توانید فرم نامه ای که به ایمیل شما می آید را شخصی سازی کنید. برای انجام این کار، باید مجدداً روی قالب فرم ایجاد شده درخواست دهید. در آن باقی مانده است که متنی را که در پیام دریافتی وجود دارد تایپ کنید ، با ذکر نام فیلدهای مربوطه ، حتماً براکت های مربع! این لحظه را از دست ندهید، در غیر این صورت به نتیجه دلخواه نخواهید رسید.

    و در نتیجه می توان گفت که فرم آماده است، فقط می ماند که پیام ها در صورت نیاز ویرایش شوند.

    به این ترتیب می توانید فرم های تماس خود را در وردپرس ایجاد کنید. این یک فرآیند نسبتاً پر زحمت است که زمان مناسبی را می طلبد. اگر به دلایلی کل فرآیند ایجاد یا ویرایش را به طور کامل درک نکنید، فریلنسرها به کمک می آیند، می توانید طراحی یک فرم را برای آنها سفارش دهید. اینها افرادی هستند که به صورت خصوصی به شما کمک می کنند و به اندازه شرکت های خصوصی برای کار هزینه ای دریافت نمی کنند. من می‌خواهم سایت‌های اثبات شده‌ای را به شما توصیه کنم که در آنها چنین سفارش‌هایی به‌طور مؤثر و به موقع انجام می‌شوند:

    در پایان مقاله، بیایید خلاصه کنیم:

    • می توانید از طریق افزونه یک فرم بازخورد در سایت طراحی کنید.
    • این ساده ترین و سریع ترین راه است.

    اکنون افزونه های زیادی برای هر سلیقه و حتی یک کیف پول وجود دارد، بنابراین انتخاب یکی از آنها با شماست. با این حال، اگر نمی خواهید خودتان یک فرم ایجاد کنید، می توانید از متخصصان در زمینه خود کمک بگیرید.

    باشه خداحافظ

    با احترام، النا ایزوتووا.

    فرم تماس در وردپرس را می توان به لطف افزونه معروف و محبوب - فرم تماس 7 ایجاد کرد. این فرم به دلیل داشتن انعطاف پذیری و تطبیق پذیری شگفت انگیز به شهرت رسید. و علاوه بر این، بیشتر به روسی و رایگان ترجمه شده است.

    در این مقاله به شما خواهم داد بررسی کاملتماس با فرم 7 و دستورالعمل کار با آن. تمام کارهایی که این افزونه می تواند انجام دهد را یاد خواهید گرفت.

    فرم بازخورد در وردپرس و سایر عناصر تعامل با مخاطب

    فرم تماس به بازدیدکنندگان اجازه می دهد تا پیام های خصوصی را برای مدیر سایت ارسال کنند. برای مثال، اگر می‌خواهید صفحه‌ای بسازید که در آن همه بتوانند پیشنهاد، نظر، سؤالی بپرسند، پس به یک فرم بازخورد نیاز دارید.

    افزونه Contact Form 7 بهترین راه حل برای ساخت فرم تماس در وردپرس است. از ویژگی های آن می توان به انعطاف پذیری سفارشی سازی اشاره کرد. علاوه بر فرم تماس معمولی، با این افزونه می‌توانید فرم سفارش، فرم درخواست و هر عنصر دیگری را که در آن نیاز به دریافت اطلاعات از بازدیدکننده دارید، پیاده‌سازی کنید. این افزونه به شما امکان می دهد با هر فیلدی فرم ایجاد کنید.

    بیایید نگاهی دقیق تر به فرم تماس 7 بیندازیم. آن را از لینک زیر دانلود کرده و در وب سایت خود نصب و فعال کنید.

    پس از فعال سازی، یک آیتم جدید "فرم تماس 7" در کنسول شما تشکیل می شود. به قسمت فرعی «فرم‌ها» بروید. و در اینجا فرم تمام شده را می بینید که می توان آن را حتی بدون تنظیم آن منتشر کرد. برای قرار دادن آن در سایت، کد کوتاه را کپی کرده و در جای مناسب در صفحه یا در پست قرار دهید. انتشار و تست کنید.

    کد کوتاه فرم پیش فرض

    همچنین می توانید فرم تماس خود را در وردپرس ایجاد کنید. برای انجام این کار، در مورد "فرم تماس 7"، به زیر آیتم "افزودن جدید" بروید. اولین قدم این است که به فرم یک نام بدهید. همچنین دارای فرم ساز با چندین تب است.

    • قالب فرم.در اینجا می توانید یک فرم ایجاد کنید، فیلدهایی را در آن اضافه و حذف کنید، آنها را امضا کنید.
    • حرف.در اینجا می توانید الگوی نامه ای که به مدیر و فرستنده می رسد را پیکربندی کنید.
    • اعلان ها هنگام ارسال فرمکتیبه هایی که در صورت ارسال موفقیت آمیز، در صورت بروز خطا و سایر رویدادها ظاهر می شوند، پیکربندی می شوند.
    • تنظیمات اضافیشما اصلا نمی توانید این برگه را لمس کنید.

    برگه‌های اصلی که هنگام ایجاد فرم بازخورد در وردپرس باید در آن‌ها کار کنید، دو تب اول هستند.

    بیایید ابتدا به تب Form Template نگاه کنیم. این ویرایشگر با دکمه هایی در بالا است. هر دکمه یک فیلد به فرم اضافه می کند.

    برگه قالب فرم

    در اینجا زمینه ها وجود دارد:

    • متن– فیلد متنی تک خطی؛
    • پست الکترونیک- پست الکترونیک؛
    • URL- آدرس اینترنتی؛
    • تلفن- تلفن؛
    • عدد- فیلدی برای وارد کردن اعداد؛
    • تاریخ– فیلدی برای نوشتن تاریخ با تقویم کشویی؛
    • متنحوزه- فیلد متنی چند خطی؛
    • رها کردنپایینمنو- فهرست؛
    • چک باکس ها- چک باکس ها، یعنی علامت ها؛
    • پذیرش - پذیرفته شدن- همچنین یک چک باکس، فقط برای تنظیم گزینه موافقت با شرایط خاص مناسب تر است.
    • مسابقه– یک سوال ساده می پرسد (مثلاً 1+1=؟)، می تواند به عنوان کپچا استفاده شود.
    • reCAPTCHA- کپچای Google recaptcha را نصب می کند (که در آن فقط باید کادر "من ربات نیستم" را علامت بزنید)، اما برای کار باید ابتدا کلیدها را دریافت کنید.
    • فایل– دکمه «مرور» برای پیوست کردن یک فایل؛
    • ارسال- دکمه ارسال

    برای تنظیم این یا آن عنصر در فرم، باید نشانگر ماوس را در جای مناسب قرار دهید و روی دکمه مربوطه کلیک کنید.

    همانطور که می بینید، توابع زیادی وجود دارد، و به لطف این، می توان نه تنها یک فرم بازخورد وردپرس، بلکه هر فرم دیگری را با هر امکانی ایجاد کرد.

    بیایید به یک مثال نگاه کنیم. فرض کنید می خواهید یک فیلد متنی به فرم اضافه کنید. نشانگر ماوس را در جای مناسب فرم قرار دهید و دکمه متن را فشار دهید. پنجره تنظیمات فیلد باز می شود.

    پنجره تنظیمات فیلد

    در اینجا گزینه های زیر وجود دارد:

    • نوع میداناگر می‌خواهید این فیلد الزامی باشد، کادر اینجا را علامت بزنید.
    • نام- نام زمینه. به صورت پیش فرض قابل تنظیم است.
    • مقدار پیش فرض- در اینجا می توانید بنویسید که اگر کاربر چیزی وارد نکرده باشد، چه چیزی در فیلد خواهد بود، یعنی چه چیزی به طور پیش فرض نوشته می شود. پر کردن الزامی نیست.
    • Akismet- قابل اتصال به میدان
    • ویژگی ID- یک ویژگی اضافی از فیلد، می توانید آن را خالی بگذارید.
    • ویژگی کلاس- ویژگی سبک فیلد، همچنین فیلد اختیاری.

    وقتی همه چیزهایی که باید پر و تنظیم شوند، روی دکمه "درج برچسب" کلیک کنید تا فیلد در فرم نصب شود. اینها گزینه های اساسی هستند، سایر زمینه ها گزینه های اضافی و فردی دارند.

    پس از آن، تگی که ایجاد کردیم، فیلد، در فرم ظاهر می شود.

    برچسب اضافه شد

    حالا باید به او توضیح دهید، یک کتیبه اختصاص دهید. فرم تماس وردپرس که توسط افزونه Contact Form 7 ایجاد شده است، در آن پشتیبانی می شود ویرایشگر HTML. بنابراین، می‌توانید از برچسب‌ها برای برجسته کردن متن، ایجاد تورفتگی یا ترجمه به آن استفاده کنید خط جدید. به عنوان مثال، فیلدی که ایجاد کردیم را می توان به صورت زیر قالب بندی کرد:

    بیایید به برگه "نامه" برویم. اینجاست که ما قالب ایمیل را تنظیم می کنیم. این چیزی است که ما داریم:

    • تیoاین فیلد مشخص می کند که کدام پست الکترونیکنامه ها ارسال خواهد شد.
    • از جانب.این مشخص می کند که کدام آدرس به عنوان آدرس فرستنده ظاهر شود.
    • موضوع.خط موضوع پر شده است.
    • هدرهای اضافیسرصفحه های اضافی - برای مثال می توانید اطلاعاتی درباره فرستنده بنویسید.
    • بدنه ی پیام.بدن نامه.
    • خروجی خطوط با برچسب پیام خالی را حذف کنید.اگر این را فعال کنید، در نامه دریافتی هیچ فیلدی وجود نخواهد داشت که در فرم پر نشده باشد.
    • از فرمت ایمیل HTML استفاده کنید.همه تگ های HTMLقابل مشاهده خواهد بود، اگر این کادر را فعال کنید، طراحی بصری وجود نخواهد داشت.
    • فایل های پیوستاگر فرم تماس وردپرس شما دارای فایل ضمیمه است، باید تگ‌های آنها را در اینجا مشخص کنید تا بیایند.

    برای اینکه نامه ای که پس از ارسال فرم می آید حاوی محتوای فیلدهای خاص باشد، لازم است یک یا آن تگ را در قالب قرار دهید. بنابراین، فرض کنید اگر فیلد متنی "text-439" را به فرم اضافه کردیم، برای اینکه محتوای آن در نامه بیاید، باید آن را در جای مناسب بنویسید.

    از فرم موجود در قالب ایمیل تگ کنید

    در همان برگه بخش "نامه 2" وجود دارد اگر کادر "استفاده از نامه (2)" را علامت بزنید، می توانید نامه دیگری ارسال کنید. همان ویرایشگر برای حرف اول باز می شود.

    درج حرف دوم

    به طور پیش فرض، این نامه به فرستنده فرم می رود (تگ در خط "To" تنظیم شده است، یعنی به نامه ای که فرستنده در فرم نشان می دهد ارسال می شود). به عنوان مثال، در آنجا می توانید یک اعلان بنویسید که نامه به دست شما رسیده است یا چیز دیگری. در صورت لزوم، می توانید مطمئن شوید که نامه به مخاطب خاص دیگری، به عنوان مثال، مدیر دوم ارسال شده است.

    تقریباً هر بار که یک مدیر وب سایت جدیدی را توسعه می دهد، باید بهترین را انتخاب کند (برای نیازهای خاص) افزونه وردپرسبرای فرم های تماس و فرم های بازخورد. این معمولاً به این دلیل اتفاق می افتد که مشتری همیشه یک فرم تماس ساده را دوست ندارد و گاهی اوقات نیاز به چندین فرم به طور همزمان در یک سایت وجود دارد.

    فرم بازخورد یکی از عناصر ضروریسایت وردپرسی، زیرا بدون آن شانس زیادی برای حفظ ارتباط با خوانندگان، شرکا، مشتریان خود از دست می دهید. علاوه بر این، فرصت های زیادی را برای جذب مشتریان جدید از دست می دهید. افزونه فرم تماس وردپرس اضافه کردن فرم تماس به سایت شما را آسان می کند. من در مورد سایت های مختلف شرکتی و فروش صحبت نمی کنم که گاهی اوقات فرم های بسیار خاصی مورد نیاز است، نه تنها برای تماس های ساده.

    در این مقاله محبوب ترین افزونه ها را به صورت کاملا تصادفی لیست می کنم. مقاله مطمئناً به مرور زمان با بهترین راه حل ها تکمیل خواهد شد.

    فرم تماس 7 محبوب ترین افزونه فرم تماس وردپرس (با بیش از 12000 بارگیری و در حال رشد) است. این افزونه دارای ارسال AJAX، داخلی، فیلتر هرزنامه Akismet و توانایی آپلود فایل است. این افزونه کاملا رایگان است و به راحتی با HTML ساده قابل شخصی سازی است.

    مزایا: اگر به دنبال یک فرم تماس ساده هستید، این افزونه همان چیزی است که به دنبال آن هستید زیرا نصب و راه اندازی آن از طریق صفحه تنظیمات ساده آسان است. تنها با یک خط کد، می توانید فرم تماس را در هر پست یا صفحه ای جاسازی کنید.

    معایب: از نظر فنی این افزونه نیازی به کار ندارد، اما خوب است که چند مورد را انتخاب کنید. اگر می خواهید ظاهر فرم را تغییر دهید، باید با CSS بازی کنید.

    Fast Secure Contact From یکی دیگر از افزونه های محبوب است که تاکنون بیش از 3.5 میلیون بار دانلود شده است. این به صاحبان وبلاگ اجازه می دهد تا به راحتی فرم های تماس را ایجاد و به سایت های وردپرس اضافه کنند. همچنین می‌توانید از این فرم برای ارسال درخواست‌های دعوت برای تماس معمولی یا ویدیویی استفاده کنید.

    این افزونه دارای یک رابط مدیریت است که با آن می توانید تعداد نامحدودی فرم ایجاد کرده و پیش نمایش آنها را مشاهده کنید. با استفاده از فرم کپچا و Akismet Fast Secure، حملات را بر اساس محبوب ترین تاکتیک های ارسال هرزنامه مسدود می کند.

    مزایا: بر خلاف سایر افزونه‌های مشابه، فرم Fast Secure به کاربران اجازه ثبت پروفایل را نمی‌دهد، اما می‌تواند ویژگی‌های عالی دیگری مانند امکان ایجاد زمان‌بندی، جلسات آنلاین، پشتیبانی از چندین آدرس ایمیل و غیره را ارائه دهد.

    معایب: در نسخه فعلیاین افزونه فاقد رابط کاربری ساده است، اما نویسنده افزونه اخیرا یک نسخه بتا منتشر کرده است که در آن همه چیز با رابط کاربری بسیار بهتر است. بنابراین، مشکل رابط چندان حاد نیست.

    فرم تماس با من تماس بگیرید

    فرم تماس یک افزونه رایگان در عملکرد اصلی آن است، اما باید در وب سایت contactme.com ثبت نام کنید. ثبت نام کاملا رایگان است و نیازی به تلاش شما ندارد. توسعه دهندگان این افزونه ادعا می کنند که این افزونه نسبت به بسیاری از افزونه های محبوب فرم تماس، از جمله فرم تماس 7، بهتر است!

    مزایا: این افزونه از برخی عملکردهای مفید لذت می برد - گزینه ارسال اعلان ها به صندوق پستی و تلفن هوشمند شما، امکان افزودن کد یا اسکریپت دلخواه به فرم و همچنین این واقعیت که یک آرم برای کارت در فرم قرار می دهد. اطلاعات تماسشرکت‌ها و حتی پیوندهایی به پروفایل‌ها در در شبکه های اجتماعیو خیلی بیشتر.

    معایب: برای استفاده از افزونه باید یک نمایه در وب سایت تماس با من ایجاد کنید. با وجود اینکه ثبت نام ساده و رایگان است، اما وقتی مجبور به انجام کاری هستید، هنوز شما را خوشحال نمی کند.

    در ابتدا افزونه FormCraft تنها در نسخه پرمیوم ایجاد و توسعه داده شد. اخیراً، نویسندگان یک نسخه مجزا و رایگان - FormCraft - Form Builder را ساخته اند.

    مانند نسخه پریمیوم، FormCraft - Form Builder به شما اجازه می دهد تا به راحتی و به سرعت طراحی کنید اشکال مختلفدر یک ویرایشگر کشیدن و رها کردن خاص و بسیار راحت. امکانات در اینجا به طور طبیعی کوچکتر است، اما برای کاربران عادیبه اندازه کافی

    نسخه ممتاز FormCraft دارای منطق اسکریپت سفارشی، ذخیره خودکار، بیش از 20 فیلد سفارشی اضافی، فرم‌های بازشو و پرواز، صادرات به CSV و دیگر لذت‌ها است.

    یکی از بهترین پلاگین هادر هر دو نسخه پریمیوم و رایگان موجود است.

    رابط Visual Form Builder شما را شگفت زده خواهد کرد زیرا این افزونه به شما امکان می دهد انواع فرم ها را در سایت خود از یک مکان ایجاد و مدیریت کنید. با یک کلیک، می توانید فیلدهای جدید اضافه کنید، موارد موجود را سازماندهی مجدد کنید، راه حل ضد هرزنامه را اعمال کنید. می توانید از فناوری کشیدن و رها کردن برای تغییر ترتیب فیلدها استفاده کنید.

    مزایا: اگرچه Visual Form Builder شبیه سایر پلاگین های فرم تماس لیست شده در اینجا است، اما ویژگی های جالب خود را دارد - توانایی تغییر ترتیب عناصر با کشیدن و رها کردن ساده، صادرات داده های ورودی در یک فایل CSV، پیام های تأیید سفارشی، یک فرم. که از وارد کردن چندین ایمیل پشتیبانی می کند.

    معایب: اگر سایت وردپرس شما بسیار بزرگ است، بهتر است از افزونه دیگری استفاده کنید، زیرا این افزونه ورودی فرم را در پایگاه داده وردپرس شما ذخیره می کند.

    nForms – فرم ساز وردپرس

    بکشید و رها کنید Builder یک قالب فرم تماس چند ستونی ساده با ارسال و اعتبارسنجی Ajax در اختیار شما قرار می دهد. حتی می توانید یک فرم را با استفاده از یک افزونه پاپ آپ نمایش دهید. نمایش فرم با استفاده از یک کد کوتاه، یک تابع معمولی PHP یا یک ویجت امکان پذیر است.

    اگر به چیزی بیش از یک فرم تماس نیاز دارید، nForms افزونه ای است که می توانید استفاده کنید.

    Gravity Forms کامل ترین راه حل برای افزودن فرم تماس به سایت شما است. با مجموعه ای از ویژگی های جالب، این افزونه را می توان پیشرفته ترین و پیشرفته ترین افزونه های پریمیوم وردپرس موجود در حال حاضر نامید. شما می توانید استفاده کنید ویرایشگر بصریبرای ایجاد فرم های بازخورد پیچیده برای سایت خود. نیز حضور دارد ویژگی مفید، که استفاده از فرم های طولانی را با امکان جاسازی آنها در چندین صفحه آسان می کند، با یک نشانگر پر که نشان می دهد چقدر فرم پر است.

    مزایا: Gravity Forms می‌تواند عملکرد کاملاً انحصاری را به شما ارائه دهد که در سایر افزونه‌های مشابه در دسترس نیست، مانند گزینه ایجاد فرم‌های سفارش (از جمله هزینه‌های بی‌درنگ)، فیلدهای وابسته برای پنهان کردن یا نمایش فیلدها، بخش‌ها، صفحات یا حتی ارسال. دکمه انتخابی کاربر

    مزایا: در مقایسه با سایر افزونه های ارائه شده در اینجا، این افزونه کمی گران است، اما باز هم، Gravity Forms چیزهای بیشتری از یک فرم تماس را ارائه می دهد. اگر به دنبال یک فرم تماس ساده هستید، پس هیچ فایده ای برای صرف هزینه برای این افزونه وجود ندارد.

    Mapped Contact Form Pro WordPress از الگوریتم متفاوتی برای نمایش فرم در وب سایت شما استفاده می کند. این یک راه حل عالی برای یک تجارت یا شرکت است زیرا می توان از آن برای علامت گذاری شعب یا دفاتر روی زمین استفاده کرد. این افزونه همچنین برای کسانی که از نقشه ها در سایت خود استفاده می کنند ایده آل است.

    می توانید آدرس خود را برای هر مکانی که در فرم تماس ظاهر می شود وارد کنید. استفاده از این افزونه آسان است و می توان آن را در هر پست یا صفحه ای با یک کد کوتاه ساده قرار داد.

    یکی دیگر از فرم سازهای محبوب. بسیار قدرتمند، با یک ویرایشگر عالی و بصری (مانند افزونه های پولی) که در آن می توانید فرم خود را با کشیدن و رها کردن بسازید. بلوک های مناسبو راه اندازی آنها دارای مجموعه کاملی از فیلدها و بلوک های از پیش آماده شده است. همه فیلدها بلافاصله پس از ایجاد، به زبان مورد نیاز ویرایش می شوند. به طور پیش فرض، فقط یک فرم تماس استاندارد برای بازخورد و کد کوتاه مربوطه دارد.

    مزایا: عملکرد عالی. در حین خلقت فرم جدیدمی توانید از سوئیچر مفید برای پیش نمایش و آزمایش سریع "ساختار" خود استفاده کنید.

    معایب: بسیاری از تنظیمات برای بلوک ها می تواند مبتدیان را بترساند. علاوه بر عملکرد اصلی، دارای ماژول های پریمیوم افزونه زیادی برای کار با سرویس های مختلف برای دریافت پرداخت ها، لیست های پستی و غیره است. اگرچه، این را می توان به نکات مثبت البته نسبت داد.

    Ninja Kick: فرم تماس با وردپرس

    اصلی ترین فرم تماس از کل مجموعه. تفاوت آن در این است که به عنوان یک پانل جداگانه نمایش داده می شود - یک نوار لغزنده در سمت چپ یا راست سایت. فوق العاده چشمگیر به نظر می رسد. تنظیمات زیادی دارد، اما در بیشتر موارد - در مورد ظاهر آن. تنظیم خود فیلدها در اینجا حداقل است. با این حال، می توانید یک کد کوتاه از فرم تماس محبوب 7 قرار دهید و کار خواهد کرد.

    افزونه جالب و خود فرم. می توانید در ادامه مطلب بخوانید.

    جمع بندی

    اکنون زمان آن است که پسوند مناسب برای وب سایت خود را انتخاب کنید. تماس با فرم 7 یا FormCraft - Form Builder - احتمالا بهترین راه حل هابرای یک وبلاگ معمولی، و برای سایت های بزرگی که خدمات مختلفی ارائه می دهند، استفاده از Gravity Forms یا Ninja Forms را توصیه می کنم. دوستداران "متفاوت کردن" عالی - Ninja Kick: فرم تماس.

    یک فرم بازخورد در هر سایتی وجود دارد؛ این فرم چیزی شبیه به بخشی جدایی ناپذیر از یک منبع وب است. از آنجا که به عنوان یک درخواست تجدید نظر برای مدیر با هر پیشنهاد یا ادعایی در حوزه منافع آنها عمل می کند. و چنین مواردی اغلب اتفاق می افتد، به خصوص اگر شما یک شرکت، سازمان یا فقط یک شرکت خصوصی هستید که نوعی محصول را تولید می کند.

    برای ایجاد یک فرم بازخورد در وردپرس، لازم نیست خودتان کد را بنویسید یا نوشتن آن را به یک متخصص سفارش دهید. این قبلاً پیاده سازی شده است و حتی بارها و بارها، تنها کاری که باید انجام دهید این است که افزونه ای را انتخاب کنید که نیازهای شما را برآورده کند. در این مقاله 5 افزونه محبوب دیگر که در سطح مناسب مورد تقاضا هستند بحث می شود.

    یکی از پرکاربردترین افزونه های فرم تماس، فرم تماس 7 است. به دلیل سهولت در سفارشی کردن محتوای فرم، به سرعت محبوبیت پیدا کرد. به علاوه از فیلتر هرزنامه پشتیبانی می کند و به شما امکان می دهد با استفاده از افزونه اختیاری Really Simple CAPTCHA یک CAPTCHA تنظیم کنید. این افزونه همچنین از فناوری Ajax پشتیبانی می کند، به این معنی که صفحه وب در هنگام پردازش درخواست بارگذاری مجدد نمی شود.

    پس از نصب و فعال سازی فرم تماس 7، کنترل پنل نمایش داده می شود ورودی جدیدبرای مدیریت فرم ها برای پیدا کردن یک زبان مشترک با آن، برای مدت طولانی مجبور نخواهید بود که این پلاگین چند زبانه است و روسی نیز موجود است. فرم تماس بر اساس موضوعی که شما تنظیم کرده اید استایل بندی شده است، اما با دانش CSS امکان ویرایش آن به دلخواه شما وجود دارد.

    نمونه فرم.

    2. فرم ساز

    Form Maker یک ابزار مدرن و پیشرفته برای ایجاد سریع فرم های تماس است. انواع مختلفی از زمینه ها، تنظیمات کپچا، قالب ها را ارائه می دهد فرم های آماده, متن بازبرای ویرایش سبک ها و نتیجه را می توان بلافاصله در پیش نمایش مشاهده کرد. پس از دستیابی به نسخه تجاری، ادغام با نقشه های گوگلو همچنین قسمت آپلود فایل. این افزونه از تعداد زیادی زبان پشتیبانی می کند.

    نمونه فرم.

    3. فرم تماس ایمن سریع

    یک فرم بازخورد ساده و در عین حال قدرتمند دارای تعدادی ویژگی و تنظیمات مثبت است. لازم نیست نگران پر شدن از هرزنامه باشید زیرا این افزونه از Akismet پشتیبانی می کند و به شما امکان می دهد یک CAPTCHA تنظیم کنید. همچنین امکان صادرات و وارد کردن تنظیمات، هدایت کاربر پس از ارسال ایمیل به هر آدرس، ارسال فایل ها، ویرایش سبک ها و موارد دیگر وجود دارد. ترجمه جزئی روسی.

    نمونه فرم.

    4. فرم ساز بصری

    فرم بازخورد بسیار راحت و ساده. همه تنظیمات و عملکردها در یک صفحه در دسترس هستند که مدیریت آن را آسان می کند. دارای فیلدهای زیادی است که به راحتی با یک کلیک ماوس اضافه می شود. همچنین امکان تغییر مسیر پس از ارسال ایمیل، ضد هرزنامه، سازگاری فرم و موارد دیگر وجود دارد.

    پنجره تنظیمات

    نمونه فرم.

    5. فرم های تماس صاف

    یک فرم بسیار ساده، بدون مجموعه ای از تنظیمات، عملکرد عظیم، تنها 4 فیلد و هیچ چیز بیشتر. تفاوت این افزونه با بقیه این است که فرم از طریق ویجت نمایش داده می شود و جلوه یک فرم شناور یا کشویی را در صفحه ایجاد می کند. هنگام فشار دادن، از کنار، از بالا و غیره به آرامی ظاهر می شود. به تنظیماتی که انتخاب می کنید بستگی دارد

    نمونه فرم.

    بیشتر بخوانید: