٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

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

محمد یوسفی

18 نوامبر 2021

شرح

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

صفحات آزمایشی افزونه و صفحه نسخه حرفه ای ما را در اینجا مشاهده کنید:
نسخه ی نمایشی 1
نسخه ی نمایشی 2

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

ویژگی های نسخه رایگان
نصب و استفاده آسان
با تمام نسخه های وردپرس کاملاً کار می کند
کاملا ریسپانسیو
اضافه کردن فیلدهای نامحدود
گزینه مورد نیاز برای هر زمینه ای که نیاز دارید
موقعیت های میدان ها را به راحتی جابه جا کنید
16 نوع میدان مختلف
امکان درج متن، ایمیل، آدرس اینترنتی، شماره تلفن، تاریخ/تقویم، رمز عبور، ناحیه متن، دکمه رادیویی، کادر چک، فهرست کشویی، عنوان، جداکننده/تقسیم‌کننده و reCaptcha
امکان استفاده در ویجت ها

می توانید نسخه رایگان را به WpDevArt Contact Form Pro ارتقا دهید تا سایر ویژگی های مهم را اضافه کنید.

ویژگی های نسخه پرو
طراحی کاملا قابل تنظیم
گوگل reCaptcha
37 جلوه های انیمیشن
بیش از 25 تم زیبا
قابلیت تغییر مسیر
عملکرد پاسخگوی خودکار
سبک های مختلف فونت
امکان درج آپلود فایل و فیلدهای نقشه گوگل
به طور کامل واردات / صادرات
امکان صادرات مطالب ارسالی به CSV
قابلیت کپی برداری

مهمترین بخش افزونه رابط کاربر پسند است. در زیر می توانید برخی از ویژگی های مهم افزونه ما را به همراه جزئیات آنها مشاهده کنید.

پاسخگویی

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

صادرات و واردات

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

ارسال ها به CSV صادر می شوند

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

زمینه های نامحدود

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

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

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

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

نحوه ایجاد فرم

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

در اینجا انواع فیلدهایی وجود دارد که می توانید استفاده کنید

فیلد متنی
فیلد ایمیل
فیلد URL
فیلد شماره تلفن
فیلد آپلود فایل
فیلد تاریخ/تقویم
فیلد رمز عبور
فیلد ناحیه متن
فیلد دکمه رادیویی
فیلد کادر را علامت بزنید
قسمت لیست کشویی
سرفصل
فیلد جداکننده/تقسیم کننده
فیلد ReCaptcha
فیلد نقشه گوگل (سؤالات متداول را بررسی کنید تا ببینید چگونه می توانید از نقشه گوگل استفاده کنید)

برای برخی از این فیلدها، فیلدهای Label و Placeholder مورد نیاز نیستند و نیازی به پر کردن این فیلدها نیست. به عنوان مثال این فیلدها برای ReCaptcha یا Google Map لازم نیستند.

برای افزودن فیلدهای جدید از دکمه «افزودن فیلد جدید» در سمت راست پایین سمت راست استفاده کنید. همچنین می توانید با استفاده از نماد سطل بازیافت در سمت راست، فیلدها را حذف کنید. از سمت راست فیلدها به راحتی آنها را جابه جا کنید. برای فیلدهای مهم از گزینه Required استفاده کنید.
پس از ایجاد تمام فیلدها، مقدار دکمه ارسال را تایپ کنید و تنظیمات دیگر را بررسی کنید. در قسمت پایین سمت راست دکمه Advance Options وجود دارد، روی آن دکمه کلیک کنید و گزینه های دیگر را مشاهده خواهید کرد. در صورت نیاز از این گزینه استفاده کنید.
در سمت راست بالا تنظیمات اضافی وجود دارد – دکمه های “تنظیمات” و “اضافی”. روی آن دکمه ها کلیک کنید و گزینه های مهم دیگر را مشاهده خواهید کرد.
می توانید ایمیل گیرنده، موضوع، متن پیام، متن پیام موفقیت آمیز، متن پیام شکست، الگو، URL تغییر مسیر، فعال کردن پاسخ خودکار و گزینه های دیگر را تنظیم کنید.

پس از تنظیم تمام تنظیمات، آن را ذخیره کنید.

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

موارد ارسالی

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

تنظیمات طراحی (Pro)

اگر نیاز به پیکربندی تنظیمات طراحی دارید، بر روی تب “Styling” از منوی مدیریت افزونه ما کلیک کنید.

در زیر می توانید تمام تنظیمات طراحی ما را بررسی کنید

سبک
پهنای ناحیه – عرض منطقه را بر حسب پیکسل (px) یا pe تنظیم کنید

درصد (%).
موقعیت – تنظیم موقعیت (چپ، مرکز، راست).
پس زمینه منطقه – رنگ پس زمینه منطقه را تنظیم کنید.
حاشیه بالای منطقه را تنظیم کنید – Border Top (px)، Border Style (8 سبک حاشیه مختلف)، Border Color.
حاشیه پایین ناحیه را تنظیم کنید – حاشیه پایین (px)، سبک حاشیه (8 سبک حاشیه مختلف)، رنگ حاشیه.
مرز سمت راست ناحیه را تنظیم کنید – حاشیه سمت راست (px)، سبک حاشیه (8 سبک حاشیه مختلف)، رنگ حاشیه.
مرز سمت چپ منطقه را تنظیم کنید – حاشیه سمت چپ (px)، سبک حاشیه (8 سبک حاشیه مختلف)، رنگ حاشیه.
حاشیه/فاصله بیرونی – فاصله را از هر طرف ناحیه بر حسب پیکسل تنظیم کنید (پیش‌فرض 10 پیکسل) – حاشیه بالا، حاشیه پایین، حاشیه چپ، حاشیه راست.
بالشتک/فاصله درونی – بالشتک را از هر طرف ناحیه بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – قسمت بالایی، لایه‌بندی پایین، لایه‌سازی سمت چپ، لایه‌بندی سمت راست.
سبک فیلدز
عرض فیلد – عرض فیلدها را بر حسب پیکسل (px) یا درصد (%) تنظیم کنید.
ارتفاع فیلد – ارتفاع فیلدها را بر حسب پیکسل تنظیم کنید.
زمینه زمینه – رنگ پس زمینه فیلدها را تنظیم کنید.
زمینه فوکوس میدانی – رنگ پس زمینه فیلدها را روی فوکوس تنظیم کنید.
حاشیه بالای ناحیه فیلدها را تنظیم کنید – حاشیه بالا (px)، سبک حاشیه (8 سبک حاشیه مختلف)، رنگ حاشیه.
حاشیه پایین ناحیه فیلدها را تنظیم کنید – Border Bottom (px)، Border Style (8 سبک حاشیه مختلف)، Border Color.
مرز سمت چپ ناحیه فیلدها را تنظیم کنید – حاشیه سمت چپ (px)، سبک حاشیه (8 سبک حاشیه مختلف)، رنگ حاشیه.
مرز سمت راست ناحیه فیلدها را تنظیم کنید – حاشیه سمت راست (px)، سبک حاشیه (8 سبک مرزی مختلف)، رنگ حاشیه.
حاشیه فیلدها/فاصله بیرونی – فاصله را از هر طرف فیلدها بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – حاشیه بالا، حاشیه پایین، حاشیه چپ، حاشیه سمت راست.
پر کردن فیلدها/فاصله درونی – لایه‌بندی را از هر طرف فیلدها به پیکسل تنظیم کنید (پیش‌فرض 10 پیکسل).
تایپوگرافی برای فیلدها – خانواده فونت، سبک فونت، اندازه قلم، ارتفاع خط و رنگ را برای فیلدها تنظیم کنید.
تایپوگرافی برای فیلدها – خانواده فونت متون، سبک قلم، اندازه قلم، ارتفاع خط و رنگ را تنظیم کنید.
نمایش دکمه‌ها و کادرهای رادیویی به‌عنوان سطح بلوک – این گزینه را برای نمایش دکمه‌های رادیویی و فهرست چک باکس‌ها به صورت عمودی انتخاب کنید.
فیلدها سبک برچسب ها
پنهان کردن برچسب های فیلدها – برچسب ها را در قسمت جلویی پنهان کنید.
عرض برچسب – عرض برچسب های فیلد را بر حسب پیکسل (px) یا درصد (%) تنظیم کنید.
تایپوگرافی برای برچسب‌های فیلد – خانواده فونت، سبک فونت، اندازه قلم، ارتفاع خط و رنگ را برای فیلدها تنظیم کنید.
سبک طراحی دکمه ارسال
پس زمینه دکمه ارسال – رنگ پس زمینه دکمه ارسال را تنظیم کنید.
پس‌زمینه شناور دکمه ارسال – رنگ پس‌زمینه دکمه ارسال را در شناور تنظیم کنید.
حاشیه دکمه ارسال را تنظیم کنید – Border Top (px)، Border Style (8 سبک حاشیه مختلف)، Border Color.
حاشیه/فاصله بیرونی. فاصله را از هر طرف دکمه بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – حاشیه بالا، حاشیه پایین، حاشیه چپ، حاشیه سمت راست.
بالشتک / فاصله داخلی. بالشتک را از هر طرف دکمه بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – Padding Top، Padding Bottom، Padding Left، Padding Right
تایپوگرافی برای دکمه ارسال – خانواده فونت، سبک فونت، اندازه قلم، ارتفاع خط و رنگ را برای دکمه ارسال تنظیم کنید.
سبک پیام موفقیت/شکست
پس زمینه پیام موفقیت – رنگ پس زمینه پیام موفقیت را تنظیم کنید
پس زمینه پیام شکست – رنگ پس زمینه پیام شکست را تنظیم کنید
پیام ها حاشیه/فاصله بیرونی. فاصله را از هر طرف پیام‌ها بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – حاشیه بالا، حاشیه پایین، حاشیه چپ، حاشیه سمت راست.
بالشتک پیام/فاصله درونی. لایه‌بندی را از هر طرف پیام‌ها بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – Padding Top، Padding Bottom، Padding Left، Padding Right.
اندازه فونت، خانواده فونت، سبک و رنگ فونت را برای پیام ها تنظیم کنید – خانواده فونت، سبک فونت، اندازه قلم، ارتفاع خط و رنگ را برای پیام ها تنظیم کنید.
سبک جداکننده/تقسیم کننده
یک ظاهر طراحی شده حاشیه را برای جداکننده / تقسیم کننده تنظیم کنید – ضخامت، سبک، رنگ.
جداکننده/حاشیه تقسیم کننده/فاصله بیرونی. فاصله را از هر طرف بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – حاشیه بالا، حاشیه پایین، حاشیه چپ، حاشیه سمت راست.
تایپوگرافی برای Separator/Divider – خانواده فونت، سبک فونت، اندازه فونت، ارتفاع خط، تراز متن و رنگ را برای Separator/Divider تنظیم کنید.
سبک عناوین/عناوین سفارشی
عنوان/عناوین حاشیه/فاصله بیرونی. فاصله را از هر طرف بر حسب پیکسل (پیش‌فرض 10 پیکسل) تنظیم کنید – حاشیه بالا، حاشیه پایین، حاشیه چپ، حاشیه سمت راست.
تایپوگرافی برای عناوین/عنوان – خانواده فونت، سبک فونت، اندازه فونت، ارتفاع خط، تراز متن و رنگ را برای عنوان/عنوان تنظیم کنید.

تنظیمات طراحی را پیکربندی کنید و سپس آن را ذخیره کنید.

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها