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

فلکتور 5

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

1 آرشیو را باز کنید.

2 پوشه را کپی کنید فرم تماس-7 v / wp-content / پلاگین /.

3 ما به پنل مدیریت وبلاگ در " پلاگین ها"و افزونه را فعال کنید.

پس از فعال شدن، این افزونه یک منوی جداگانه در قسمت مدیریت وبلاگ به نام "" ایجاد می کند، و همچنین یک فرم تماس پیش فرض ایجاد می کند که می توانید آن را در " مشاهده کنید. فرم تماس 7 \ اشکال":

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

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

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

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

این باز خواهد شد صفحه شروعاضافه کردن فرم:

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

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

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

بیایید مثلاً یک شماره تلفن انتخاب کنیم. پنجره ای مانند این باز می شود:

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

به عنوان مثال، مقادیر زیر را تعیین می کنیم:

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

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

لازم است که در سمت چپ صفحه طراح فرم، جایی که کد فرم تماس قرار دارد، پیست کنید:

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

کد فرم را ذخیره کرده و در نهایت فرم تماس زیر را دریافت کنید:

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

1 فیلد متنی

جعبه متن ساده، می تواند برای نام، موضوع و غیره استفاده شود.

2 پست الکترونیک.

فقط برای ورودی استفاده می شود آدرس ایمیل.

3 URL.

4 شماره تلفن.

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

5 شماره (spinbox).

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

6 شماره (لغزنده).

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

7 تاریخ.

فقط برای درج تاریخ استفاده می شود.

8 فیلد متنی

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

9 منوی کشویی.

برای انتخاب یک آیتم (یا چندین مورد) از یک منوی کشویی استفاده می شود. می توان از آن برای هر چیزی استفاده کرد - از سوال در مورد رنگ محصول سفارش داده شده تا انتخاب جنسیت یک شخص.

10 چک باکس ها

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

11 دکمه های رادیویی

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

12 پذیرش - پذیرفته شدن.

برای موافقت با شرایط استفاده می شود.

13 سوال

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

14 CAPTCHA.

برای نمایش یک کپچای تمام عیار استفاده می شود. برای استفاده از این تگ باید افزونه Really Simple CAPTCHA را نصب کنید. کپچا کاملاً خوانا است و بنابراین به راحتی توسط ربات های اسپم پیشرفته مانند Hrumer نفوذ می کند.

15 آپلود فایل.

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

16 دکمه ارسال

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

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

بنابراین در قالب نامه ارسالی باید کد زیر را وارد کنید:

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

متونی که فرم تماس ارائه می دهد نیز می توانند در طراح فرم در بخش "پیام ها" تصحیح شوند:

سوالات متداول پلاگین:

1 خطای مشاهده " "، چگونه تعمیر کنیم؟

این بدان معنی است که یا فرم مشخص شده حذف شده است یا عنوان فرم به اشتباه مشخص شده است (عنوان در کد فراخوان برای فراخوانی فرم بسیار مهم است).

2 در نامه من برچسب هایی مانند به جای متن، چگونه آن را برطرف کنیم؟

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

3 آیا محدودیتی برای انتخاب نام برای برچسب وجود دارد؟

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

4 آیا بازدیدکننده می تواند از طریق ایمیل از دریافت فرم خود مطلع شود؟

می توان. از گزینه "Destination 2" در سازنده فرم استفاده کنید:

از این گزینه می توان به عنوان منشی تلفنی استفاده کرد.

5 آیا می توان فرم تکمیل شده را به چند آدرس ارسال کرد؟

می توان. از فیلد "" در گزینه "مقصد" استفاده کنید:

جایی که [ایمیل محافظت شده]ایمیل اضافی شما، که یک کپی از فرم پر شده توسط بازدید کننده برای آن ارسال می شود (دستور "cc" یک کپی کور می فرستد).

6 آیا امکان نمایش فرمی وجود دارد که در پست یا صفحه نباشد؟

آره. کد فراخوانی فرم را در ویجت متن قرار دهید.

7 آیا امکان رندر مستقیم فرم با کد در فایل های قالب وجود دارد؟

آره. از کدهایی مانند:

"" ) ; ?>

8 فرم ارسال نمی شود، خطا در فریم قرمز نمایش داده می شود، چگونه آن را رفع کنیم؟

با میزبان خود تماس بگیرید، ممکن است PHP اجازه فراخوانی تابع mail () را ندهد.

9 هنگام ارسال فرم در کادر نارنجی با خطا مواجه می شوم، چگونه می توانم آن را برطرف کنم؟

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

10 فیلد ایمیل با سایر فیلدهای فرم متفاوت به نظر می رسد، چگونه می توانم آن را برطرف کنم؟

این افزونه از کد HTML5 برای وارد کردن آدرس ایمیل ( بجای ، و چنین کدهایی اغلب در قالب های قدیمی قالب بندی نمی شوند. باید تغییراتی در آن ایجاد کنید styles.cssالگوی خود را با اضافه کردن کد لازم برای انتخابگر ورودی در آنجا.

11 چگونه یک فایل پیوست شده توسط کاربر را در ایمیل وارد کنیم؟

برای انجام این کار، از فیلد ویژه "فایل های پیوست شده" استفاده کنید:

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

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

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


نویسنده افزونه: Takayuki Miyoshi
نسخه مورد نظر: 3.9.1 از 2014/07/31
نسخه فعلی: 5.1.4 از 04.08.2019
سازگار با نسخه وردپرس: 4.9 و بالاتر
نصب فعال افزونه: 5 000 000+
دانلود افزونه نسخه 5.1.4(کل دانلود شده 121 112 956 یک بار)

آیا اون پست را دوست داشتی؟ مشترک شدن در به روز رسانی نرم افزار یا

یک صفحه سیاست حفظ حریم خصوصی را به سایت اضافه می کند. همچنین، تحت فرم تماس 7، رضایت به پردازش داده های شخصی را اضافه می کند. این افزونه فقط برای سایت های روسی زبان در نظر گرفته شده است. پس از ورود، به کاربران اعلانی در مورد استفاده از کوکی ها توسط سایت نشان داده می شود. مناسب برای 152FZ.
برای سؤال در مورد افزونه، به این ایمیل بنویسید: [ایمیل محافظت شده]ما از طریق مشاور آنلاین در وب سایت خود مشاوره نمی دهیم.

نصب و راه اندازی

  1. افزونه را نصب کنید.
  2. اطلاعات شرکت مورد نیاز را پر کنید.

مشارکت کنندگان و توسعه دهندگان

"سیاست حفظ حریم خصوصی برای سایت. رضایت تحت فرم تماس 7 ” یک پروژه منبع باز است. مشارکت کنندگان زیر در توسعه این افزونه مشارکت داشته اند:

تغییر گزارش

1.28 بررسی سازگاری با WP 5.0. پنهان کردن عنوان از متن خط مشی اضافه شد
1.27 بررسی وجود یک کوکی برای صفحه ای که هنگام ورود به سایت از پایین ظاهر می شود به js ترجمه می شود
1.26 پیوندهای پلاگین rel = nofollow اضافه شد
1.25 اضافه شده متن توافق تحت فرم استانداردنظر دادن
1.24 رفع اشکال در اسکریپت جاوا
1.22 رفع اشکالات جزئی در پنل مدیریت و نمایش متن نام دکمه در فرم تماس 7 در صفحه
1.21 کلاس Container که متن خط مشی با آن قاب شده است با container-ppcf7 جایگزین شده است.
1.2 کلاس به برچسب اضافه شد

p> در زیر فرم ها
1.1 گزینه ای برای نمایش / پنهان کردن پیوند سیاست حفظ حریم خصوصی در فوتر اضافه شده است
1.01 تگ p اضافی در پیام کوکی حذف شد
1.0 اولین نسخه در مخزن

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

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

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

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

اگر چندین فرم تماس به طور همزمان در سایت نصب شده باشد، تمام داده های موجود در آنها را می توان در یک مکان - در داشبورد ردیابی کرد. مزیت مهم تر این افزونه این است که فرم هایی که ایجاد می کند تطبیقی ​​است که به شما امکان می دهد داده های لازم را بدون نوشتن سبک ها و کلاس های اضافی به درستی روی هر دستگاهی نمایش دهید.

لیست فیلدهای پشتیبانی شده توسط افزونه:

نام، آدرس، شماره تلفن تماس، پیام، پرداخت (ادغام با PayPal)، تاریخ (پشتیبانی از فرمت dd-mm-yy یا dd / mm / yy یا yy-mm-dd)، رشته متن، متن چند خطی، چند خطی انتخاب، پیوست ها، چک باکس، انتخاب (انتخاب از لیست پیشنهادی)، دکمه های رادیویی، دانلود فایل ها و کپچا.

نصب نرمال است - از طریق پنل مدیریت سایت در وردپرس.

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

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

بر روی دکمه "Click to Create" کلیک کنید و به تنظیمات بروید و یک فرم بازخورد ایجاد کنید. تمام تنظیمات به 4 تب تقسیم می شوند:

  1. تماس با فرم ساز
  2. کد را جاسازی کنید
  3. برنامه های افزودنی

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

بیایید نگاه دقیق تری بیندازیم:


راه اندازی و استفاده از افزونه بصری است، بنابراین با لذت آن را نصب و استفاده کنید!

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

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

به طور کلی دو افزونه نصب شده است: فرم تماس 7و FancyBox آسان، فرم تماس ایجاد می شود، باقی مانده است که کد را به قالب اضافه کنید.

کد در قالب سایت در فایل های php درج شده است!

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

درخواست تماس

اگر کد فراخوانی فرم را مستقیماً در ویرایشگر ویژوال برای ویرایش متن در حالت TEXT وارد کنید، کد به شکل زیر خواهد بود:

کد فرم تماس پاپ آپ تنظیم شده است ویرایشگر بصریرکوردها (در حالت متنی) در پنل مدیریت سایت:

درخواست تماس

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

بیایید این کد را در نظر بگیریم.

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

درخواست تماس

این کد مربوط به خود پنجره بازشو است، می‌توانید آن را زیر دکمه تماس پنجره بگذارید، یا می‌توانید آن را در پاورقی پنهان کنید تا کد محتوا پاک‌تر بماند:

در این کد، خود فرم توسط تابعی مانند زیر فراخوانی می شود:

در جایی که نوشته شده است - کد کوتاه فرم تماس را نمایش دهید، هنگام ایجاد کد کوتاه در خود فرم تماس نشان داده می شود:

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

نمونه ای از فراخوانی دو فرم بازخورد در یک پنجره بازشو:

فرم تماس 1

فراخوانی فرم 2

V این موردبرای فراخوانی چند فرم، به این قسمت های کد توجه کنید:

... و برای شکل دوم: ... و غیره.

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

مقالات مشابه