دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۸
  • شهریور

آموزش ساخت فرم تماس ۷ در وردپرس

  • دسته‌بندی‌ها :
آموزش ساخت فرم تماس ۷ در وردپرس
  • جزئیات
  • نوع محتواآموزش تصویری

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

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

    فرم تماس ۷ (افزونه Contact Form 7) یکی از محبوب ترین و قدیمی ترین پلاگین های وردپرس است. با این حال، علیرغم محبوبیت آن، بسیاری از مردم با چگونگی راه اندازی و استفاده از آن را نمی دانند.

    ویژگی های افزونه فرم تماس ۷:

    • ایجاد و مدیریت فرم های تماس مختلف
    • سفارشی سازی آسان فیلد های فرم
    • استفاده از نشانه گذاری ساده برای تغییر محتوای ایمیل
    • امکان درج فرم ها در هر صفحه و پست
    • پشتیبانی از افزونه ضد هرزنامه Akismet، افزونه Ajax-powered و CAPTCHA
    • امکان اضافه کردن قابلیت های اضافی
    • و از مهم تر اینکه این افزونه رایگان است

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

    نصب افزونه فرم تماس ۷

    ابتدا منو “افزونه ها” از صفحه پیشخوان را باز کرده و گزینه “افزودن” را انتخاب نمایید.

    add plugin

    عبارت “فرم تماس ۷” را در فیلد جستجو وارد کنید و Enter را فشار دهید.

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

    نصب افزونه فرم تماس 7

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

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

    گزینه “فرم های تماس” را انتخاب کنید.

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

    همچنین یک فرم پیش‌فرض به نام “فرم تماس ۱” در آن جا قرار دارد.

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

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

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

    برای ساخت فرم تماس ۷ در وردپرس ، ابتدا به گزینه “افزودن جدید” را از منو “فرم تماس” انتخاب کنید.

    برای فرم خود نامی انتخاب کرده و آن را درفیلد عنوان وارد کنید.

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

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

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

    به هر حال بسته به نیاز خود ممکن است بخواهید تعدادی فیلد اضافی به فرم اضافه کنید.
    برای این کار می توانید از دکمه تولید کننده فیلد مورد نظر برای ایجاد ان استفاده کنید.
    برای مثال برای ایجاد فیلد آدرس روی دکمه “آدرس اینترنتی” کلیک می کنیم.

    اضافه کردن فیلد به فرم تماس

    وقتی فیلد را اسجاد می کنید، بدون برچسب است. برای اضافه کردن برچسب (label) می توانید به صورت دستی کد HTML فیلد های دیگر را کپی کرده و فیلد را داخل آن قرار دهید.

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

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

    ایمیل دریافتی

    این قالبی برای ایمیلی است که هنگام ارسال یک فرم تماس دریافت می کنید.

    در فیلد “به” آدرس ایمیل معتبر خود را وارد می کنید. (البته مقدار این فیلد به طور پیش‌فرض برابر ایمیلی است که در هنگام راه‌اندازی وردپرس وارد کرده اید.)

    به فیلد “محتوای پیام” بروید و فیلد های اضافی که در فرم خود ساخته اید را اینجا اضافه کنید.
    با این کار تمام اطلاعاتی که کاربر در فرم وارد کرده است، برای شما ارسال خواهد شد.

    برای اضافه کردن یک فیلد به قالب ایمیل خود فقط آن ها را از فیلد فرم به قالب کپی کید.

    در تصویر زیر ما آدرس اینترنت کاربر را در محتوا پیام قرار می دهیم:

    ساخت فرم تماس 7 در وردپرس wordpress

    بعد از انجام تغییرات دکمه “ذخیره” را کلیک کنید.

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

    حالا وقت آن شده که فرم خود را در صفحه مورد نظر وارد کنیم.

    به صفحه “فرم های تماس” بروید. سپس کد کوتاه مقابل نام فرم مرد نظر را کپی کنید.

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

    حالا به صفحه ویرایش پست یا صفحه مورد نظر بروید.

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

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

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

    QR:  آموزش ساخت فرم تماس ۷ در وردپرس
    به اشتراک بگذارید