آموزش افزونه فرم ساز contact form 7 + ویدئوی آموزشی

آموزش ها, آموزش های ویدئویی, آموزش وردپرس آخرین بروزرسانی : ۲۰ تیر ۱۳۹۸

آموزش افزونه فرم تماس  contact form 7 

در این آموزش با ما همراه باشید تا نحوه کار و ایجاد فرم تماس را با افزونه contact form 7 را برای شما آموزش دهیم. همانطور که می دانید این افزونه در نوع خود یکی از مهم ترین و معروف ترین افزونه در زمینه  ساخت فرم تماس به شمار می آید و تقریبا ۹۹ درصد صاحبان وبسایت این افزونه را در پیشخوان وردپرس خود نصب نموده اند. پس با الماس وب همراه باشید تا با عملکرد این افزونه آشنا شوید.

افزونه فرم تماس  ” contact form 7 “

contact form 7

حتما بخوانید:

ایجاد فرم ثبت نام در وردپرس با افزونه WP Register Profile With Shortcode

مشاهده مقاله

+روش نصب افزونه و فعال سازی آن :

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

+نحوه کار با افزونه  contact form 7 :

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

تماس با ما اول

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

+نحوه افزودن بخشی دیگر به فرم :

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

تماس با ما contact form 7

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

تماس با ما سوم

در هر قسمت از این فرم که می خواهید اضافه کنید کافیه :

  • ابتدا از طریق کیبورد خود یک اینتر وارد کنید
  • بعد با وارد کردن <label> و سپس روبروی آن نام کادری را که میخواهید را وارد کنید.
  • سپس باز هم طریق کیبورد خود یک اینتر وارد کنید
  • و شورت کد مربوطه را از طریق فرم های آماده وارد کنید.

ایمیل+

تماس با ما چهارم

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

+پیام

تماس با ما پنجم

همانطور که مشاهده می کنید در این بخش می توانید بصورت دلخواه پیام های هشدار خود را همانند تصویر فوق انجام دهید.

+تنظیمات اضافی افزونه contact form 7 :

تماس با ما ششم

حتما بخوانید:

تگ هایی که می‌توان در بخش Head سایت قرار داد کدامند؟

مشاهده مقاله

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

+شورت کد

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

تماس با ما هفتم

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

 

تماس با ما هشتم

ویدئوی آموزشی افزونه  contact form 7:

دانلود افزونه  contact form 7:
صفحه افزونه

5/5 - (2 امتیاز)

مهدی ایبک ابادی

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

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

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