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

آموزش ساخت فرم در وردپرس
خانه » مقالات وردپرس » آموزش ساخت فرم در وردپرس

آموزش ساخت فرم در وردپرس (مانند: تماس با ما، عضویت، ثبت نام، اشتراک، چند صفحه ای، پرداخت و  …)

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

فرم ها در سایت بیشتر به منظور دریافت اطلاعات و یا پیام از کاربران استفاده می شوند. از ساده ترین و معروف ترین فرم ها می توان به فرم های تماس اشاره کرد.

فرم های پیچیده تری نیز وجود دارند مانند: فرم نظر سنجی، فرم تبلیغات، فرم سفارش، فرم استخدام و …

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

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

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

نمونه فرم تماس با ما در آموزش ساخت فرم در وردپرس

آموزش ساخت فرم ثبت نام در وردپرس

آموزش ساخت فرم ثبت نام در وردپرس و عضویت کاربران به ۳ روش کلی امکان پذیر است:

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

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

در این روش اگرچه مدیریت آن بسیار آسان و سریع است اما امکاناتش کم و ظاهر فرم پیش فرض وردپرس است.

مراحل ساخت یک فرم ثبت نام در وردپرس

فعال سازی عضویت در وردپرس: از صفحه پیشخوان وردپرس، منوی تنظیمات عمومی آن را فعال کنید.

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

لینک صفحه عضویت را در هر جای سایت که تمایل دارید قرار بدهید.

لینک ثبت نام کاربران در وردپرس مطابق کد زیر است:

Your-site.com/wp-login.php?action=register

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

پس از ثبت نام کاربران در سایت، می توانید فرم ورود به وردپرس را به ان ها نمایش دهید. مشابه فرم ثبت نام، فرم ورود را در هر جایی برای کاربران می توان قرار داد.

کار با روولوشن اسلایدر
>>

لینک ورود کاربران در وردپرس مطابق کد زیر است:

Your-site.com/wp-login.php

فرم فراموشی رمز عبور برای بازیابی کلمه عبور فراموش شده

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

با فعال سازی در وردپرس تمام مراحل بالا را انجام داده اید البته فراموش نکنید بدون استفاده از افزونه!

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

لینک بازیابی رمز عبور وردپرس مطابق کد زیر است:

Your-site.com/wp-login?action=lostpassword

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

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

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

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

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

استفاده از کد نویسی برای ساخت فرم عضویت وردپرس

راه آخری که برای ساخت فرم ثبت نام وردپرس وجود دارد، کدنویسی است.

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

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

contact form 7

Contact Form 7، محبوب ترین و قدیمی ترین افزونه فرم ساز رایگان وردپرس می باشد.

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

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

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

منوی تماس با ما contact form 7 در پیشخوان وردپرس

زیر منوی فرم تماس شامل سه بخش است.

فرم های تماس: در این قسمت می توانید فرم های ساخته شده و آماده را تنظیم و مدیریت کنید.

افزودن جدید: با این گزینه فرم های جدید را ایجاد کنید.

یکپارچه سازی: تنظیمات مربوط به افزودنی های فرم تماس را در این قسمت می توانید انجام دهید.

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

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

زیر منوی های فرم تماس contact form 7 با ما
منوی ساخت فرم تماس با ما contact form 7
سربرگ فرم

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

با انتخاب هر کدام از برچسب ها تنظیمات مربوط به طراحی هر کدام ازآن ها نمایش داده می شود.

جستجوی پیشرفته گوگل چیست؟ معرفی 8 تکنیک پرکاربرد
>>
سربرگ فرم در منوی تنظیمات ساخت فرم تماس با ما contact form 7
سربرگ ایمیل

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

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

از طرف: شخصی سازی نحوه نمایش اطلاعات و آدرس ایمیل فرستنده ایمیل

موضوع: در این قسمت ابتدا نام سایت و بعد برچسب مربوط به موضوع دیده می شود.

Additional headers: امکان استفاده از برچسب های اضافی

Message body: محتوا اصلی پیام در این قسمت مشخص خواهد شد.

 برچسب هایی که قبلا انتخاب کردید، در این قسمت نمایش داده خواهد شد.

اگر می خواهید برچسب دیگری را هم اضافه کنید کافیست آن ها را کپی کنید و در محتوای پیام قرار دهید.

ایمیل۲: با استفاده از این گزینه می توانید به فردی که از طریق فرم پیام ارسال کرده پاسخ ارسال کنید و تنظیمات مربوط به ایمیل پاسخگویی خودکار به شما نمایش داده خواهد شد.

سربرگ پیام

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

این متن ها به صورت آماده وجود دارند و می توانید آن ها را به دلخواه تغییر دهید.

سربرگ پیام در منوی ایجاد یک فرم تماس با ما در contact form 7
سربرگ تنظیمات اضافی

در این سربرگ امکان تغییر در فرم با استفاده از کدنویسی تحت وب را دارید. با استفاده از html و css استایل دلخواه خود را تعریف کنید.

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

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

سربرگ تنظیمات اضافی در زیر منوی ساخت سک فرم تماس با ما در contact form 7

FORMALOO

پس از نصب و فعال سازی این فرم، ۳ بخش زیر را مشاهده می کنید:

کار با افزونه فرم ساز formaloo

ساخت فرم ساده

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

انتخاب قالب آماده

با استفاده از این گزینه می توانید از میان ۱۰۰ قالب آماده فرمالو با موضوعات مختلف انتخاب راحتی داشته باشید.

ابزارک نظرسنجی

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

Gravity Forms

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

هاست چیست؟
>>

Gravity Forms فقط در نسخه پریمیوم موجود است.

افزونه Gravity forms

WPForms

افزونه WPForms بیش از ۴ میلیون نصب فعال دارد و از قدرتمندترین و سریع ترین افزونه ها برای ساخت فرم در وردپرس است. با ایت افزونه می توانید با سرعت بالایی انواع فرم های ثبت نام، فرم اشتراک، پرداخت و فرم های دیگر را بسازید و سفارشی سازی کنید.

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

  • فرم اشتراک ایمیل، فرم های پرداخت، فرم سفارش
  • افزودن موقعیت جغرافیایی، ورود به سیستم، ثبت نام کاربر و …
  • سازگاری با درگاه PayPal
افزونه wpforms

super forms

افزونه super forms از افزونه های فرم ساز حرفه ای در وردپرس است.

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

Super forms نسخه رایگان ندارد و تنها نسخه پریمیوم آن قابل تهیه است.

افزونه سوپرفرم

Quform

پلاگین پرمیوم Quform از محبوب ترین پلاگین های فرم ساز است.

برخی از امکانات این افزونه:

دارای چندین قالب فرم از پیش ساخته شده

دارای جعبه های فانتزی و پاپ آپ

قابلیت درون ریزی اطلاعات و برون بری فرم ها و …

Ninja Forms

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

افزونه نینجا فرم

eForms

افزونه قدرتمند eforms، علاوه بر ساخت فرم های زیبا و مختلف امکان ساخت کوئیز، نظرسنجی، آزمون و فرم های پرداخت و … را برای شما فراهم می کند.

eForms

جمع بندی

در عکس های زیر نمونه فرم های تماس با ما سایت سئو کنسول که با افزونه contact form 7 ساخته ایم را می بینید.

دسترسی فرم تماس با ما را در قسمت فوتر سایت نیز می توانید قرار دهید.

فرم تماس با ما سایت سئو کنسول
قرار دادن فرم تماس با ما در فوتر سایت سئو کنسول

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

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

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

لطفا سوالات و نظرات خود را با درمیان بگذارید.

در آموزش های بعدی هم با ما همراه باشید.

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

نشانی ایمیل شما منتشر نخواهد شد.