فرم تماس با ما در وردپرس با افزونه Contact Form 7

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

فرم تماس با ما در وردپرسسلام به همه‌ی دوستان؛
در این نوشته از وردپرس یاد با افزونه‌ای بسیار حرفه‌ای و قدرتمند جهت ایجاد فرم تماس با ما در وردپرس خدمت شما هستیم.

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

می‌توانید به سادگی و سهولت این افزونه را نصب کنید و در کمتر از ۵ دقیقه اولین فرم دلخواه خودتان را بواسطه‌ی این افزونه ایجاد کنید.

ساخت فرم تماس با ما در وردپرس

افزونه فرم تماس ۷ یکی از بهترین و محبوب‌ترین افزونه‌های فرم ساز وردپرس می‌باشد که تعداد نصب بالای ۵ میلیون!!! را تا به امروز از آن خود کرده است.

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

در ادامه برای نصب و استفاده از این افزونه با ما همراه باشید…

شروع کار و نصب افزونه

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

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

فرم تماس با ما در وردپرس - تنظیمات افزونه 1

با تصویر زیر روبرو می‌شوید:

فرم تماس با ما در وردپرس - تنظیمات افزونه 2

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

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

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

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

فرم تماس با ما در وردپرس - تنظیمات افزونه 3

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

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

فرم تماس با ما در وردپرس - تنظیمات افزونه 4

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

به سادگی شورت‌کد را کپی کنید و یک برگه جدید در سایت خود ایجاد کنید و نام آن را مثلا تماس با ما بگذارید و شورت‌کد را در آن کپی کنید (مشابه تصویر زیر).

فرم تماس با ما در وردپرس - تنظیمات افزونه 5

مشاهده خرجی

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

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

برگه تماس با ما در سایت ما به شکل تصویر بالا شد.

نکته: براساس قالب شما ظاهر فرم تماس با ما ممکن است متفاوت باشه چرا که این افزونه استایل کلی خود را از قالب وردپرس شما می‌گیرد.
اما باید بگوییم که بالغ بر ۹۰٪ قالب‌های پرمیوم و همچنین قالب‌های رایگان موجود در وردپرس یاد با این افزونه سازگاری کامل دارند و جای نگرانی نیست.

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

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

فرم تماس با ما در وردپرس - تنظیمات افزونه 6

از این دکمه‌ها می‌توانید جهت وارد کردن فیلدها و موارد دیگر در فرم موردنظر خودتان استفاده کنید.

مثلا با گزینه چک باکس یا رادیو ممکن است در فرم ها بیشتر به چشم بخورد و بخواهید از آن‌ها استفاده کنید.
برای راه‌اندازی آزمون هم می‌توانید از گزینه‌ی آزمون استفاده کنید و…

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

فرم تماس با ما در وردپرس - تنظیمات افزونه 7

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

تنظیمات ایمیل

فرم تماس با ما در وردپرس - تنظیمات افزونه 8

در بخش ایمیل هم که باید ایمیلی که کاربران پیام‌هایشان را ارسال می‌کنند مشخص کنید و تعیین کنید که با چه ایمیلی پیام‌ها ارسال شود.

  1. به: ایمیلی که پیام‌ها به ان ارسال می‌شود.
  2. از طرف: ایمیل مورد نظر جهت ارسال پیام‌ها.
  3. موضوع: موضوع ایمیل (برای درج موضوع پیام کاربر از شورت‌کدها استفاده کنید)
  4. سرآیند‌های اضافی: در قسمت اطلاعات ایمیل در میل‌باکس شما نمایش داده می‌شود.
  5. محتوای پیام: محتوای پیام کاربر می‌باشد که با شورت‌کد جایگذاری می‌شود و شما می‌توانید قالب ایمیل را در این قسمت مشخص کنید.

تعیین ایمیل دوم

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

فرم تماس با ما در وردپرس - تنظیمات افزونه 9

ایمیل دوم برای زمانی که حالا به هر نحوی ایمیل اول ارسال نشد یا مثلا می‌خواهید همزمان ایمیل برای کسی دیگر هم ارسال شود کاربرد دارد.

بخش پیام‌ها

فرم تماس با ما در وردپرس - تنظیمات افزونه 10

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

اما اگر به هر دلیلی خواستید متن قسمتی را عوض کنید می‌توانید به سادگی آن را به متن دلخواه خود تغییر دهید.

بخش تنظیمات اضافی

بخش تنظیمات اضافی هم برای کدهای اضافی دیگر می‌باشد که این کدها توسط خود نویسنده افزونه ایجاد شده است.

 

فرم تماس با ما در وردپرس - تنظیمات افزونه 11

برای کسب اطلاعات بیشتر در رابطه با این کدها می‌توانید مشابه تصویر بالا بر روی لینک مشخص شده کلیک کنید.
البته ما کدها را چک کردیم و چیز خاصی ندیدیم که نیاز به توضیح داشته باشد.

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

موفق باشید…

این آموزش مطابق با جدیدترین ورژن، یعنی ورژن ۵٫۰ افزونه فرم ساز ۷ است.

دانلود افزونه فرم تماس با ما در وردپرس Contact Form 7

دانلود صفحه‌ی افزونه

درباره نویسنده

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

پاسخ دهید

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

دیدگاه های این نوشته

2 دیدگاه
  1. SuzanPound

    SuzanPound

    Hey. I sent a screenshot. Did you get it?

    • محدثه اسماعیلی

      محدثه اسماعیلی

      hi
      we did not receive file.