فرم تماس پلاگین 7 روسی. تمام فیلدها (برچسب ها) فرم. نمونه ای از افزودن فرم بازخورد

از لیست کشویی، عنصر "فیلد متن" را انتخاب کنید

اگر ویژگی‌ای که اضافه می‌کنید لازم است، کادر 1 را علامت بزنید و فراموش نکنید که آن را در توضیحات بنویسید.

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

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

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

برای ارسال آدرس صندوق پستی فرستنده به فرم استفاده می شود

URL

به شما امکان می دهد آدرس وب سایت را به فرم اضافه کنید.

شماره تلفن

فقط اعداد را می توان در این قسمت وارد کرد.

شماره (باکس چرخشی)

زمینه ای که در آن می توانید مقدار چیزی مانند یک محصول را تعیین کنید. مقدار با فلش های بالا/پایین تنظیم می شود.

تاریخ

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

فیلد متنی

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

فهرست کشویی

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

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

چک باکس ها

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

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

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

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

تایید چیزی توافقی را برای پذیرش شرایط شرح داده شده در بالا فرض کنید.

سوال

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

حفاظت از هرزنامه را به فرم اضافه می کند.

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

شما نمی توانید تنظیمات را تغییر دهید، 2 خط را قبل از دکمه ارسال کپی و جایگذاری کنید.

ارسال فایل

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

دکمه ارسال

در حال ارسال فرم. در تنظیمات در بخش "میانبر" - می توانید نام دکمه را بدهید (ارسال، پاسخ، ارسال 🙂)

سفارشی کردن ظاهر فرم تماس 7

از آنجایی که افزونه ها دارای ویژگی های به روز هستند، ما تغییراتی در ظاهر فرم در فایل style.css به سبک تم سایت ایجاد می کنیم.

کد وظیفه نمایش فرم، فیلدهای آن و سایر عناصر را بر عهده دارد:

Wpcf7 ( پس‌زمینه رنگ:#ddd; ) /*رنگ پس‌زمینه فرم */ ورودی wpcf7، .wpcf7 textarea( padding:5px; color:#1D1D1D; font-family:Arial، Helvetica، sans-serif؛ اندازه قلم: 16 پیکسل؛ ارتفاع خط: 20 پیکسل؛ حاشیه: 1 پیکسل جامد #C7C7C7؛ جعبه-سایه: درونی 2 پیکسل 2 پیکسل 8 پیکسل #F9F9F9؛ -webkit-transition: همه آسانی 0.2 ثانیه؛ -moz-transition: همه 0.2 ثانیه سهولت؛ -o-transition : همه 0.2s ease؛ انتقال: همه 0.2s آسان؛ ) .wpcf7 .wpcf7-list-item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .wpcf7 .wpcf7-list-item ورودی (حاشیه: هیچ؛ padding-left: 0; margin-left: 0; ) .wpcf7 select( طرح کلی: هیچ؛ اندازه قلم: 16 پیکسل؛ خانواده فونت: Arial، Helvetica، sans-serif؛ ) .wpcf7 ورودی: hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( پس زمینه: #FDFDFD؛ طرح کلی: هیچکدام؛ .)

اینجا چیه چیه

ورودی wpcf7 .wpcf7 textarea - سبک فیلد ورودی (فیلد متنی)

1. لایه گذاری- تورفتگی را از محتوا به مرز عنصر تنظیم می کند. در اینجا - تورفتگی از متن وارد شده در فیلد تا مرز فیلد. مقدار بر حسب پیکسل بر روی Xpx تنظیم می شود که X تعداد پیکسل ها است. مثال: padding: 5px 3px 6px 8px;
2. رنگ- رنگ متن
3. فونت-خانواده- فونت فیلدهای ورودی
4. اندازه فونت- اندازه فونت
5. ارتفاع خط- ارتفاع خط
6. مرز- فریم در اطراف فیلد ورودی
7. سایه جعبهمسدود کردن سایه درونینشان می دهد که سایه داخلی است. اگر سایه بیرونی می خواهید، این مقدار را حذف کنید. مقدار دوم و سوم 2px 2px به ترتیب نشان دهنده ترکیب افقی و عمودی سایه است. مقدار چهارم، 8px، شعاع تاری سایه را مشخص می کند. پنجم - #F9F9F9 - رنگ سایه.

سفارشی کردن دکمه فرم تماس 7

فرم تماس 7 سبک اطلاع رسانی

مسئول گزارش خطاها یا ارسال های موفق است.

Wpcf7 .wpcf7-validation-errors( border:none; background-color:#246416; color:#fff; margin:0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:# 349622؛ حاشیه: 0؛ بالشتک: 20 پیکسل؛ ؛ -moz-border-radius: 10px؛ حاشیه-شعاع: 10px؛ رنگ: سفید؛ ) .wpcf7 span.wpcf7-not-valid-tip( border: none; background-color :#349622؛ padding: 5px؛ padding- چپ: 5px؛ padding-right: 5px; border-radius:10px; عرض: 290px; color: white; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3)؛ -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3)؛ box-shadow: 3px 3px 3px rgba(0,0,0,0.3); )

و اکنون، برای راحتی، کل کد با نظرات:

Wpcf7 ( پس‌زمینه رنگ:#ddd; ) /*رنگ پس‌زمینه فرم */ .wpcf7 ورودی، .wpcf7 textarea( /* این بخش از کد مسئول سبک فیلدهای ورودی، نواحی متن است */ padding:5px; /* padding را از عنصر فیلدها قبل از محتوای آن تنظیم می کند، می توانید هر مقداری را قرار دهید، به عنوان مثال 10px */ color:#1D1D1D؛ /* رنگ متن در فیلدهای ورودی */ font-family:Arial, Helvetica, sans-serif; /* فونت متن در فیلدهای ورودی */ font -size:16px؛ /* اندازه متن در فیلدهای ورودی */ ارتفاع خط: 20 پیکسل؛ /* ارتفاع خط در فیلدهای ورودی */ حاشیه: 1px جامد #C7C7C7؛ /* حاشیه در اطراف فیلدها. اولین مقدار عرض بر حسب پیکسل، دوم - سبک کادر، سوم - رنگ آن */ box-shadow: inset 2px 2px 8px #F9F9F9؛ /* Box shadow 2px - x offset، 2px - y offset، 8 پیکسل - شعاع تاری سایه، #F9F9F9 - رنگ سایه */ -webkit-transition: all 0.2s ease؛ -moz-transition: all 0.2s ease؛ -o-transition: all 0.2s ease؛ transition: all 0.2s ease. ) .wpcf7 .wpcf7-list- item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .wpcf7 .wpcf7-list-item input( border: none; padding-left: 0; حاشیه-چپ: 0; ) .wpcf7 select( طرح کلی: هیچ؛ اندازه قلم: 16 پیکسل؛ قلم خانواده: Arial، Helvetica، sans-serif؛ ) .wpcf7 input:hover، .wpcf7 ورودی:focus، .wpcf7 ورودی:فعال، .waap hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( /* این قسمت مسئول استایل فیلدهای ورودی است که با نشانگر ماوس روی آنها قرار می گیرد */ پس زمینه: #FDFDFD؛ /* پس زمینه فیلد ورودی هنگامی که نشانگر ماوس را روی آن قرار می دهید */ طرح کلی: هیچ، /* حاشیه بیرونی فیلد ورودی متن */) o-transition: 0؛ انتقال: 0؛ مرز: هیچ؛ /* حاشیه اطراف دکمه */ موقعیت: نسبی ؛ رنگ: #fff؛ /* رنگ متن */ تبدیل متن: با حروف بزرگ؛ /* تبدیل متن (با حروف بزرگ به این معنی است که متن روی دکمه با حروف بزرگ نمایش داده می شود) */ /* گرد کردن گوشه های دکمه مقادیر سه ویژگی زیر باید یکسان باشد، زیرا آنها یکسان هستند، فقط برای مرورگرهای مختلف */ -webkit-border-radius: 6px; /* گوشه های گرد برای کروم */ -moz-border-radius: 6px; /* گوشه های گرد برای Mozilla FireFox */ border-radius: 6px; /* گوشه های گرد برای همه مرورگرهای دیگر، از جمله موبایل */ اندازه قلم: 14 پیکسل. /* اندازه متن دکمه */ font-weight: bold; /* سبک متن (بولد به معنای پررنگ است) */ padding-top: 11px; /* padding بالا از لبه عنصر تا محتوای آن */ padding-bottom: 10px; /* padding از پایین عنصر به محتوای آن */ padding-left: 35px; /* padding سمت چپ لبه عنصر به محتوای آن */ padding-right: 35px; /* تورفتگی در سمت راست لبه عنصر به محتوای آن */ /* پس زمینه گرادیان - پس زمینه گرادیان دکمه */ background-color: #000000; /* رنگ پس‌زمینه دکمه در صورتی که گرادینت توسط مرورگر پشتیبانی نمی‌شود */ /* در ویژگی‌های زیر، رنگ‌ها باید به همان صورت مشخص شوند، زیرا فقط برای مرورگرهای مختلف یکسان هستند. بیایید نگاهی به ملک اول بیندازیم. قسمت from(#676767)، به (#3B3B3B) به این معنی است که ما باید یک گرادیان نمایش دهیم، جایی که از رنگ #676767) انتقالی به رنگ #3B3B3B */ پس زمینه وجود دارد: -webkit-gradient(خطی، بالا سمت چپ، پایین سمت چپ، از(#676767)، به (#3B3B3B)); پس زمینه: -moz-linear-gradient(top, #349622, #246416); فیلتر: progid:DXImageTransform.Microsoft.gradient(startColorstr="#349622", endColorstr="#246416"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#349622, endColorstr=#246416)"; /* Drop Shadow - سایه دکمه. رنگ سایه مشخص شده در RGBA */ -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); ) /* در حالت شناور - هنگام نگه داشتن نشانگر ماوس، دکمه را استایل کنید. همه چیز تقریباً مانند بلوک قبلی است */ .wpcf7 input.wpcf7-submit:hover( مکان نما: اشاره گر؛ متن-تزیین: هیچکدام؛ پس زمینه-رنگ: #000000؛ پس زمینه: -webkit-gradient(خطی، بالا سمت چپ ، پایین سمت چپ، از(#246416)، به(#349622)؛ پس زمینه: -moz-linear-gradient(top, #246416, #349622); فیلتر: progid:DXImageTransform.Microsoft.gradient(startColorstr="# 246416 ", endColorstr="#349622"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#246416, endColorstr=#349622)"; ) /* سبک دکمه کلیک - هنگام کلیک کردن روی آن تقریباً مانند بلوک قبلی */ .wpcf7 input.wpcf7-submit:active( top: 1px; color: #d8c6e2; /* رنگ متن دکمه هنگام کلیک */ background-color: #000000; background : -webkit-gradient( خطی، بالا سمت چپ، پایین سمت چپ، از(#FF0000)، به (#246416)؛ پس‌زمینه: -moz-linear-gradient(بالا، #FF0000، #246416)؛ فیلتر: progid:DXImageTransform.Microsoft.gradient(startColorstr. ="#FF0000", endColorstr="#246416"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#246416)"؛ -webkit-box-shadow: هیچ. -moz-box-shadow: هیچکدام. box-shadow: هیچ ) /* پیام های CF7 - سبک پیام ها در مورد ارسال موفقیت آمیز، خطاها و غیره. ** رنگ متن */ حاشیه: 0؛ /* لایه بیرونی */ پد: 20 پیکسل؛ /* لایه داخلی */ /* گرد کردن گوشه بین مرورگر - 3 ویژگی زیر */ -webkit-border-radius: 10px; -moz- border -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( /* سبک پیام موفقیت آمیز */ border:none; /* حاشیه بلوک پیام */ background-color:#7ad33f; / * پس‌زمینه */ حاشیه: 0؛ /* لایه بیرونی */ لایه‌بندی: 20 پیکسل؛ /* لایه‌بندی داخلی */ /* گرد کردن گوشه بین مرورگر - 3 ویژگی زیر */ -webkit-border-radius: 10px؛ -moz- border-radius: 10px; border-radius: 10px; ).wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:#349622; margin:0; padding:20px; -webkit-border-radius: 10px؛ -moz-border-radius: 10px; border-radius: 10px; color: white; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; background-color:#349622; padding: 5px; padding-left: 5px padding-right: 5px; border-radius: 10px; عرض: 290 پیکسل رنگ سفید؛ /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0. 3)؛ -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3)؛ box-shadow: 3px 3px 3px rgba(0,0,0,0.3); ) .wpcf7-form .fleft( float: چپ؛ ) .wpcf7-form .mright20( margin-right: 20px; ) .wpcf7-form .mright40( margin-right: 40px; ) .wpcf7-form: .clear هر دو؛)

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

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

در برخی از CMS ها قبلاً فرم های داخلی وجود دارد ، اما در وردپرس چنین وجود ندارد (

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

نصب پلاگین CF7

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

راه اندازی صحیح فرم تماس 7

روی آن کلیک می کنیم و اقدام به ایجاد اولین فرم یا ویرایش فرم های موجود می کنیم.

1. اگر نیاز به ایجاد فرم جدید دارید، کلیک کنید "جدید اضافه کن"

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

3. با کلیک بر روی فرم می توانید آن را ویرایش کنید.

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

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

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

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

ویژگی های کلیدی افزونه

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

استفاده از افزونه

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

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

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

شکل جدید آگاهی

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

1. فیلد متن، آدرس ایمیل (متن، ایمیل)؛
2. پیوند (url)؛
3. شماره تلفن، محدوده شماره، تاریخ (تلفن، شماره، تاریخ)؛
4. یک فیلد متنی با چند خط (textarea).
5. چک باکس ها، دکمه های رادیویی و منوی کشویی (چک، رادیو، انتخاب)؛
6. چک کردن کپچا (کپچاک و کپچار)؛
7. بررسی سوال امنیتی (کویز)؛
8. چک باکس پذیرش؛
9. پیوست کردن فایل ها (فایل)؛
10. دکمه ارسال

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

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

ابتدا، بیایید یک فیلد جدید برای نام مستعار نویسنده پیام اضافه کنیم، با نام "نام مستعار شما"، همانطور که در قسمت های آماده دیگر نوشته شده است (فقط می توانید آن را کپی کنید). حالا در قسمت «قالب فرم»، «متن» را انتخاب کرده و تنظیم کنید پارامترهای مورد نظر. به عنوان مثال، می توانید با علامت زدن کادر "فیلد الزامی" آن را اجباری کنید. همچنین، می‌توانید این فیلد را با افزودن یک ستاره (متن*) مورد نیاز قرار دهید.

نام فیلد را می‌توان به‌عنوان پیش‌فرض رها کرد یا روی چیز دیگری مانند «نام مستعار» تنظیم کرد. برای اینکه فیلد دارای محتوای پیش‌فرض باشد که به کاربر کمک می‌کند سریع‌تر حرکت کند، باید آن را به خط «مقدار پیش‌فرض» اضافه کنید. اگر کادر «استفاده از این متن به‌عنوان مکان‌نمای فیلد» را علامت بزنید، این محتوا با کلیک کردن ناپدید می‌شود. در مرحله بعد، می توانید ویژگی های "ID" یا "Class" را تنظیم کنید تا از آنها برای استایل دادن به فیلد از طریق سبک های CSS استفاده کنید. اکنون فقط روی "Insert Tag" کلیک کنید و برچسب ایجاد شده در محتوا ظاهر می شود. می بایست شبیه به این باشه:

نام مستعار

(شناسه your-nickname: your-nickname placeholder "Nickname") !}

اقدامات مشابههنگام اضافه کردن فیلدهای باقیمانده (تلفن، مسابقه) باید این کار را انجام دهید. فقط در مورد سؤال برای محافظت در برابر هرزنامه (کوئیز)، باید سؤال و پاسخ را در یک خط بنویسید و با «|» از هم جدا کنید. باید چیزی شبیه این باشد (2+3 چیست؟|5). لطفا توجه داشته باشید که ترتیب تگ ها در محتوای قالب تعیین کننده محل فیلدها در سایت است.

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

تعیین مخاطب و محتوای نامه ها

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

1. "به" - آدرس صندوق پستی مدیر؛
2. "از" - نام فرستنده؛
3. "موضوع" - موضوع نامه؛
4. سرصفحه های اضافی - سرصفحه های اضافی.
5. متن پیام - محتوای نامه؛
6. فایل های پیوست شده.

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

هنگام ارسال اعلان ها را تنظیم کنید

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

گزینه های اضافی

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

acceptance_as_validation: در

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

شخصی سازی

به‌طور پیش‌فرض، همه فیلدهای فرم تماس 7 از استایل استاندارد استفاده می‌کنند قالب وردپرس، با زیبایی خاصی متمایز نیست. به همین دلیل کاربران زیادی به دنبال آن هستند راه حل های جایگزین، با ظاهری جذاب تر. اما برای کسانی که با CSS آشنایی دارند، تغییر آن بسیار آسان خواهد بود ظاهرزمینه های دلخواه شما برای این کار می توانید از ویژگی های "ID" و "Class" که در پارامترهای هر تگ تنظیم شده اند استفاده کنید.

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

اضافه شدن

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

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

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

نتیجه

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