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

ایجاد فرم تماس با ما به صورت حرفه ای در وردپرس

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

ایجاد فرم تماس با ما به صورت حرفه ای در وردپرس

دوستان می دونید که قسمتهای زیاد در سایت به فرم ساز نیاز دارند که میتوان به فرم تماس با ما , ورود به سایت , عضویت و … اشاره نمود که افزونه های زیاد نیز در این رابطه براتون موجود بوده است و میتونید در اینترنت و همچنین در سایت خود ما دریافت نمایید اما این افزونه بسیار عالی بوده و  میتونه مطابق میل همه و انواع کارها باشد به صورتی که فرم های اماده ای داشته است که متونید به دلخواه انتخاب و با ویرایش مورد استفاده قرار دهید

برای دسترسی ان و تنظمیات این پلاگین رایگان وردپرس باید با دانلود افزونه Contact Form by Supsystic و فعال سازیش کارتون رو انجام دهید و بعد رفتن به پیشخوان وردپرس میتونید قسمت جدید رو با اسم Contact Form by Supsystic مشاهده نمایید که برای ساخت فرم تماس با ما بوده است

افزونه

حال جهت ایجاد فرم حرفه ای باید روی Add New Form  کلیک نمایید و با باز شدن همانند زیر باید ابتدا اسمی رو برای فرم خود انتخاب نمایید

حالا با انتخاب اسم باید در پایین فرم دلخواه خودتون رو انتخاب نمایید که ما در اینجا Time for tea رو انتخاب نمودیم

ایجاد فرم تماس با ما

با انجام موارد بالا روی دکمه Save  در سمت راست کلیک کنید تا این مرحله رو رد نماییم و در صفحه ای که براتون باز مینماید و همانند زیر می باشد خواهید توانست تنظیمات فرمی رو که انتخاب کردید مشاهده نمایید که در اختیارتون قرار می دهد

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

ایجاد فرم تماس با ما به صورت حرفه ای

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

حال در ادامه همانطور که میبینید تنظیمات فرم های انتخابی تون در این افزونه وردپرس کاربردی دارای تب های زیادی بوده است که به ان ها خواهیم پرداخت

تب Design

Width : جهت مشخص نمودن عرض فرم با دو واحد precent ( در صد ) و یا pixel ( پیکسل ) می باشد ( برای فرم تمام عرض در روی در صد  و آن رو 100 قرار دهید )

Background : این قسمت هم مشخص بوده و برای تعیین پس زمنه های فرم بوده است که میتونیم برای مثال بک گراند 1 رو که برای زیر فرم می باشد تغییر و بقیه رو نیز به هم ترتیب غییر دهید و یا به رنگ ساده در نظر بگیرید

در ادامه میتونید فرم نمایی رو مشاهده کنید

فرم تماس با ما به صورت حرفه ای

 

تب Fields

این تب معلومه و برای تنظیمات فیلد بوده است

آموزش وردپرس

Field invalid error message : اگه به تصویر زیر نگاه کنید متنی برای مثال وارد نمودیم که میتوند شما هم متن خود رو قرار دهید تا متن خطای فیلد رو قرار دهید

Add New Field : با کیلک روی این دکمه میتونید پنجره ای رو به صورت پاپ آپ مشاهده نمایید تا بتونید فیلدهایی رو که در دسترس قرار می دهد انتخاب نمایید

 

و اما در پایین این دکمه Add New Field فیلدها رو میتوند ببینید که با کلیک روشون مثل زیر براتون باز خواهند شد

در اینجا میتوند چهار تب رو که با کادر قرمز مشخص نمودیم مشاده نمایید که اولین تب برای لیبل فیلد فرم بوده است تا بتونید به سلیقه خود فارسی نمایید و تب های دوم , سوم , چهارم برای تعیین مقدار مینیموم و ماکسیموم و… می باشد

دانلود افزونه

تب Submit Option

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

Contact Form by Supsystic

Form sent message : میتونید متنی رو قرار دهید که بعد ارسال پیام برای کاربر نمایش داده خواهد شد

Form sent message color : این گزینه برای تعیین رنگ جهت متن بالا بوده است

Hide form after submit : با این گزینه شما میتونید فرم تماس رو بعد ارسال پیام مخفی نمایید

Redirect after submit :  در اینجا لینکی رو قرار دهید تا کاربر بعد ارسال به ان منتقل شود یا نه خالی بگذارید که در زیر خود دارای دو گزینه می باشد برای اینکه این لینک در پنجره جدید باز شود یا نه

Email data as in Form : اطلاعات هر فرم رو به ایمیل مورد نظر ارسال نماید

Test Email Function : شاید بخواهید از ارسال ایمیل ها اطمینان داشته باشید که با این گزینه میتونید یک ایمیل تست رو ارسال نمایید

Save contacts data : مشخص نمودن اینکه اطلاعات فرم ذخیره شود یا نه

Send only Field values : هر فیلد با لیبل برای شما ذخیره می شود ولی با تیک این گزینه فقط مقادیر فیلد ذخیره خواهد شد

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

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

حالا برای اینکه بتونید کارتون رو انجام دهید به قسمت نوشته و یا برگه ای در قالب وردپرس برید و کد کوتاه رو در آن قرار دهید

افزونه Contact Form by Supsystic

با منتشر نمودن میتونید به سایت جهت مشاهده تغییرات مراجعه نمایید

 پلاگین وردپرس

نکته : دوستان نکته ی مهمی در اینجا قابل ذکر میباشد و اونم رو میتوند در تصویر بالا سمت راست نگاه کنید که در قسمت پایین مشخص شده است و لینکی بوده که شاید نخواهد ان رو ببینید و با استفاده از افزونه ایجاد و جهت نداشتن ان باید در حین نصب افزونه روی No  کلیک نمایید که در صفحه افزونه می باشد که برای مشاهده لینک سایت نویسنده می باشد

بخش Contact

برای ثبت نتایج فرم های ارسالی بوده است

 پلاگین رایگان

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

 پلاگین رایگان وردپرس

امیدوارم مفید بوده باشه و آرزوی موفقیت برای تک تک شما عزیزان دارم

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *