ساخت فرم تماس در وردپرس با Contact Form by BestWebSoft

اضافه شدن ویدئوی آموزشی و بروز رسانی در تاریخ 11 شهریور 1396 توسط محمدرضا خدری
سلام؛
همه ی ما می دانیم که هر سایتی نیاز به بخشی برای برقراری ارتباط کاربران با مسئول و صاحب سایت دارد. همچنین وجود چنین صفحه ای باعث اطمینان خاطر کاربران نسبت به سایت شما می شود و در مقابل نبودن چنین امکانی باعث نارضایتی است.
در وردپرس نیز فرم های بی شماری برای این منظور تعبیه شده است و تا جایی که سعی داشتیم آن ها را خدمت شما معرفی کردیم. برخی از آن ها پیشرفته تر هستند و علاوه بر فرم تماس در وردپرس امکان ایجاد فرم های ثبت نام را نیز دارند و برخی فقط به منظور برقراری ارتباط ساخته شده اند.

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

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

افزونه Contact Form by BestWebSoft

contact form hamyarwp-فرم تماس در وردپرس

با کمک افزونه ی مذکور می توانید فرمی جهت دریافت بازخورد و برقراری ارتباط با کاربران خود را به راحتی ایجاد کنید. این افزونه احتیاج به هیچ گونه تنظیمات اضافی ندارد و در عین حال بسیار کاربردی و قابل تنظیم است.

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

به سراغ نصب افزونه می رویم…

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

افزونه را نصب و فعال می کنیم. سپس گزینه ای با عنوان “BWS Plugins” در منوی سمت راست وردپرس مشاهده می شود. همانند تصویر زیر…

BWS hamyarwp-فرم تماس در وردپرس

زیر منوی “BWS Plugins” که متعلق به تمامی افزونه های رایگان و غیر رایگان این مجموعه می باشد و می توانید آن ها را مشاهده کنید و گزینه ی “contact form” که برای تنظیمات فرم تماس در وردپرس است که سر و کار ما با آن است. پس بر روی گزینه ی “contact form” کلیک می کنیم.

Settings

form setting hamyarwp-فرم تماس در وردپرس

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

توجه!!! ایمیل های این فرم تماس در وردپرس همگی در جدولی در پایگاه داده ذخیره خواهند شد.

Additional settings

add setting1 hamyarwp-فرم تماس در وردپرس

What to use>> از چه نوع سروری برای ایمیل استفاده می کنید. با توجه به نوع آن گزینه ای را علامت بزنید.
‘FROM’ field>> فیلد مخصوص به مشخصات گیرنده یعنی شما! نام سایت یا شرکت خود را وارد کنید و آدرس ایمیل که می خواهید برای کاربر ارسال شود را قرار دهید.
Required symbol>> مواردی که در فرم الزامی است و باید وارد شود را با کاراکتر ستاره مشخص می کنیم. (در صورتی که می خواهید نوع کاراکتر را تغییر دهید می توانید در کادر وارد کنید)

  آیا می‌دانید برای ساخت قالب وردپرس ، تنها به 8 مرحله نیازمندیم؟

add setting2 hamyarwp-فرم تماس در وردپرس

در تصویر بالا مشاهده می کتید که تمامی فیلدهای مربوط به فرم تماس در وردپرس را می توانید علامت بزنید و هر آنچه از نظر شما ضروری است را مشخص کنید.
Add to the form>> موارد اضافی که تمایل دارید به فرم تماس اضافه شود.
همچنین افزونه اعلام می دارد که از کپچای مخصوص به BestWebSoft استفاده می کند.

add setting3 hamyarwp-فرم تماس در وردپرس

Delete an attachment file from the server after the email is sent>> اگر می خواهید پس از ارسال شدن، فایل از سرور شما حذف شود این گزینه را علامت بزنید.
Email in HTML format sending>> فرمتی که برای ارسال ایمیل می توانید مشخص کنید.
Display additional info in the email>> اطلاعات اضافی را نیز در ایمیل نمایش می دهد.
Language settings for the field names in the form>> زبانی که برای فیلدها می توانید مشخص کنید. البته بگذارید بر روی همین حالت پیش فرض باقی بماند زیرا گزینه های دیگر مواردی غیر قابل خواندن هستند.

add setting4 hamyarwp-فرم تماس در وردپرس

Change the names of the contact form fields and error messages>> با انتخاب این گزینه می توانید تمامی فیلدهای فرم تماس در وردپرس را به صورت فارسی کنید. دقیقا شبیه به تصویر بالا که انجام شده است.

add setting5 hamyarwp-فرم تماس در وردپرس

Use the changed names of the contact form fields in the email>> در صورتی که می خواهید نام فرم تماس در وردپرس در فیلد ایمیل تغییر کند علامت بزنید.
Action after email is sent>>پیامی که پس از ارسال توسط فرستنده دریافت می شود.(شخص ارسال کننده پیامی را از سمت سایت دریافت می کند)
Redirect to the page>> اگر می خواهید پس از ارسال شدن پیام توسط فرستنده، به صفحه ی دیگری منتقل شود، آدرس صفحه را وارد نمایید.

در پایان بر روی گزینه ی ذخیره ی تنظیمات کلیک کنید.

Appearence

 

form hamyarwp-فرم تماس در وردپرس

Form layout>> در اینجا می توانید مشخص کنید که فرم تماس در وردپرس به صورت یک ستون باشد یا دو ستون.
Submit position>> وضعیت قرارگیری دکمه ی ارسال را می توان مشخص کرد.

form2 hamyarwp-فرم تماس در وردپرس

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

 [bestwebsoft_contact_form] 

نکته!!! فراموش نکنید که این فرم به راحتی قابلیت درگ و دراپ کردن دارد، یعنی در همین تصاویر بالا که مشاهده می کنید، می توانیم جای فیلدها را با کشیدن و رها کردن عوض کنیم.

استفاده از شورت کد

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

shortcode hamyarwp-فرم تماس در وردپرس

حال با هم نتیجه را مشاهده می کنیم…

form result hamyarwp-فرم تماس در وردپرس

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

جمع بندی! 

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

آموزش ویدئویی

دانلود افزونه Contact Form by BestWebSoft

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام
    از این افزونه استفاده می کنم، تنظیماتش رو انجام دادم، فقط می خوام ببینم داخل تنظیمات افزونه می تونم طوری تنظیم کنم که نظری که ارسال میشه بیاد داخل پنل کاربری وردپرسم، تیک منوی The user’s email address رو زدم که این کار انجام بشه، ولی نشد. فعلاً روی گزینه Use this email address قرار دادم.

  2. سلام
    من قصد دارم یک وب سایتی داشته باشم که کاریابی هست. این سایت بتونه موارد زیر رو انجام بده. ممنون میشم اگر راهنمایی بفرمایید به چه افزونه هایی نیاز دارم:

    1. کار بر ثبت نام کنه و توسط فرم. رزومه بسازه
    2. کاربر دنبال موقعیت های شغلی میگرده و وقتی یافت. (وارد سیستم بشه و ) با رزومه ای که ساخته درخواست خودش را ارسال کند.

    پیشاپیش ممنون از وقتی که میگذارید

  3. 8 سال عضو همیار وردپرس

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

    • 8 سال عضو همیار وردپرس

      سلام
      از فرم سازهای دیگه مثل gravity forms میتونید استفاده کنید!

    • ممنون از لطفتون
      🙂

  4. 8 سال عضو همیار وردپرس

    سلام
    این افزونه برای من کار نمیکنه
    یعنی وقتی اطلاعات رو بهش میدم و وارد پنل appearance میشم همه اطلاعات میپره ، ذخیره هم میکنم ولی بازم میپره برای همین کد شورت کدی هم که بهم میده هم کار نمیکنه !
    چیکار کنم
    دقیقا طبق آموزش های شما هم پیش رفتم ولی نمیشه کمک کنید تورو خدا …………….

  5. 8 سال عضو همیار وردپرس

    سلام؛ از این آموزش خوبتون ممنون و سپاسگزارم خانوم مهندس؛ فقط یه سوال داشتم ازتون؛ اینکه آیا امکان داره فرم یا افزونه ای باشه که بتونه پیام کاربران رو به بخشهای خاصی ارسال کنه؟؟ بعنوان مثال یه زبانه پایین افتادنی باز بشه و کاربر انتخاب کنه که پیامش میخواد به کدوم قسمت از سازمان بره؟؟ مثلا مدیریت ، حسابداری ، بازرگانی و … . حالا ما برای هر کدوم از این واحدها یه ایمیل تعریف کرده و مشخص می کنیم در صورتی که مثلا فیلد 1 انتخاب شد بره به ایمیل مدیریت و الی آخر … .
    متشکرم از لطفتون.

    • 10 سال عضو همیار وردپرس

      سلام
      این سوالاتی که ربطی به مطلب نداره رو در بخش پرسش و پاسخ مطرح کنید.

    • 8 سال عضو همیار وردپرس

      سلام ؛ ببخشید نمیدونستم این مطلب ربطی نداره. اگه ناراحت شدین ازتون عذر میخوام.

    • 10 سال عضو همیار وردپرس

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

  6. من از افزونه contact form 7 استفاده می کنم این افزونه هم خوبه ممنون از زحمات شما ، اگر دوستان دنبال افزونه شیک می گردند من بهشون افزونه Caldera Forms را پیشنهاد میدم امکانات زیادی داه

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

  8. 8 سال عضو همیار وردپرس

    بنده میخواستم بدونم که با چه افزونه یا سیستمی میشه یک پرتال برای مشتریان سایت ساخت مثل سایت هایی که خدمات هاست ارائه میدن یا به عبارتی وقتی مشتری به صفحه ی ورود اون سایت میره و وارد پنل کاربری خودش تو ی اون سایت میشه و میتونه صورت حساب هاشو سرویس هایی که سفارش داده و … رو ببینه مثل سایت خود شما که وارد پروفایلمون میشیم و اطلاعات و … رو میتونیم ببینیم سوال دیگه ام اینه که چطوری میشه فرمی ساخت که مشتری بتونه تو اون صفحه یک چیزی رو سفارش بده و بعد از تکمیل اطلاعات مستقیم به درگاه پرداخت متصل شه مانند سایت های طراحی وب سایت ، متاسفانه هرچه قدر تو سایتتون و گوگل جستجو کردم موردی پیدا نکردم احتمالا من نمیدونم اسم دقیقشون چیه ! ممنون از شما و سایت بسیار خوبتون

    • 10 سال عضو همیار وردپرس

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

  9. از آموزش های خوبتون کمال تشکرو دارم.. امیدوارم که همیشه موفق ترین باشید 🙂

  10. CooooooooooooooooL