مقالات دیجیتال مارکتینگ پارس اوستا

چگونه فرم ثبت نام کاربر سفارشی در وردپرس ایجاد کنیم؟

چرا باید یک فرم ثبت نام کاربر سفارشی در وردپرس اضافه کنیم؟ ایجاد فرم ثبت نام سفارشی کاربر در وردپرس افزودن فیلدهای سفارشی در فرم…

آیا می‌خواهید یک فرم ثبت نام کاربر front-end سفارشی در وردپرس ایجاد کنید؟
فرم پیش فرض ثبت نام کاربر وردپرس، برند وردپرس را نشان می‌دهد و با موضوع سایت شما مطابقت ندارد.
در این مقاله نحوه ایجاد فرم ثبت نام کاربر سفارشی در وردپرس را به شما نشان خواهیم داد.





فهرست:




چرا باید یک فرم ثبت نام کاربر سفارشی در وردپرس اضافه کنیم؟

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




ایجاد فرم ثبت نام سفارشی کاربر در وردپرس

ساده‌ترین راه برای ایجاد فرم ثبت نام کاربر سفارشی استفاده از WPForms است.که بهترین افزونه فرم تماس وردپرس است و به شما امکان می‌دهد انواع فرم‌ها را در وردپرس ایجاد کنید.
WPForms برای استفاده بسیار آسان است و یک فرم ساز کشیدن و رها کردن را ارائه می‌دهد، بنابراین می‌توانید از آن برای سفارشی کردن فرم ثبت نام خود به روشی که می‌خواهید استفاده کنید. این افزونه همچنین با خدمات ایمیل مارکتینگ محبوب و خدمات پرداخت مانند PayPal ادغام می‌شود.
ما برای این آموزش، از برنامه WPForms Pro استفاده خواهیم کرد زیرا شامل افزونه ثبت نام کاربر است.
اولین کاری که باید انجام دهید این است که افزونه فرم‌های WPForms را در وبسایت خود نصب و فعال کنید. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.
پس از فعال‌سازی، باید به صفحه تنظیمات WPForms بروید تا کلید مجوز WPForms خود را وارد کنید. می‌توانید این کلید را از حساب خود در وبسایت WPForm دریافت کنید.

enter-forms-license


هنگامی که کلید تأیید شد، باید به صفحه WPForms » Addons بروید و سپس روی دکمه «Install Addon» در کنار «User Registration Addon» کلیک کنید.

installaddon


WPForms اکنون افزونه ثبت نام کاربر را نصب و فعال می‌کند. هنگامی که افزونه نصب شد، تغییر وضعیت به “فعال” را مشاهده خواهید کرد.
حالا آماده ایجاد فرم ثبت نام کاربر سفارشی خود هستید.
برای شروع، به سادگی از WPForms » Add New دیدن کنید تا سازنده WPForms را راه اندازی کنید.
ابتدا باید یک نام برای فرم خود در بالا وارد کنید و سپس روی الگوی فرم ثبت نام کاربر قرار دهید. پس از آن، روی دکمه “ایجاد فرم ثبت نام کاربر” کلیک کنید.

select-the-user-registration-form-template

حالا WPForms یک فرم ثبت نام ساده برای شما ایجاد می‌کند. این فرم نمونه به طور پیش فرض دارای فیلدهای ثبت نام کاربر وردپرس زیر است.

  • نام – نام و نام خانوادگی
  • نام کاربری
  • پست الکترونیک
  • کلمه عبور
  • بیوگرافی کوتاه

می‌توانید فیلدهای بیشتری را از پانل سمت چپ اضافه کنید و همچنین فیلدها را بکشید تا ترتیب آنها را مجدداً مرتب کنید.

add-more-form-fields-in-your-user-registration-form


این افزونه همچنین به شما این امکان را می‌دهد هر فیلد فرم را ویرایش کنید. به سادگی بر روی هر یک از فیلد فرم‌ها کلیک کنید و “Field Options” را در سمت چپ مشاهده کنید.
به عنوان مثال، می‌توانید برچسب فیلد را تغییر دهید، قالب آن را ویرایش کنید، توضیحاتی اضافه کنید، قالب‌بندی شرطی را تنظیم کنید و موارد دیگر.

edit-field-options

پس از اتمام ویرایش فرم، فراموش نکنید که روی دکمه «ذخیره» در گوشه بالا سمت راست کلیک کنید.




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

WPForms همچنین به شما اجازه می‌دهد تا فیلدهای پروفایل کاربری سفارشی را به فرم ثبت نام کاربر خود متصل کنید.
برای انجام این کار، باید فیلدهای پروفایل کاربری اضافی را به سایت وردپرس خود اضافه کنید. ساده‌ترین راه برای انجام این کار استفاده از افزونه وردپرس است.
در این آموزش از افزونه Advanced Custom Fields استفاده می‌کنیم. با این حال، ویژگی نقشه‌برداری فیلد WPForms با هر افزونه‌ای کار می‌کند و از فیلدهای سفارشی استاندارد وردپرس برای افزودن و ذخیره متادیتای کاربر استفاده می‌کند.
اولین کاری که باید انجام دهید این است که افزونه Advanced Custom Fields را نصب و فعال کنید. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.
پس از فعال‌سازی، باید به فیلدهای سفارشی » گروه‌های فیلد بروید و روی دکمه «افزودن جدید» کلیک کنید.

add-new-field-group-in-advanced-custom-fields

پس از آن، یک نام برای گروه فیلد جدید وارد کنید. به عنوان مثال، اگر می‌خواهید اطلاعات رسانه‌های اجتماعی را پس از ثبت نام جمع آوری کنید، می‌توانید آن را به عنوان جزئیات رسانه اجتماعی نام گذاری کنید.
در مرحله بعد، ادامه دهید و روی دکمه “+ افزودن فیلد” کلیک کنید.

add-a-new-field

اکنون، باید یک برچسب فیلد وارد کنید که در صفحه نمایه ظاهر شود. متوجه خواهید شد که با وارد کردن برچسب فیلد، نام فیلد به طور خودکار ایجاد می‌شود، اما در صورت تمایل می‌توانید نام فیلد را ویرایش کنید.
پس از آن، ادامه داده و یک نوع فیلد را از منوی کشویی انتخاب کنید. می‌توانید فیلدی را انتخاب کنید که حاوی متن، اعداد، تصاویر، فایل‌ها، کادر تأیید، URL، رمز عبور و موارد دیگر باشد.


enter-new-field-details


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

create-rules-to-show-custom-fields

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

make-sure-the-field-is-active

پس از اینکه از تنظیمات فیلد سفارشی جدید خود راضی بودید، ادامه دهید و روی دکمه «انتشار» کلیک کنید.

publish-your-custom-field

برای مشاهده فیلد سفارشی خود، به سادگی به قسمت User » Profile بروید و به پایین صفحه رجوع کنید.


view-your-custom-field


حالا که یک فیلد پروفایل کاربری سفارشی ایجاد کرده‌اید، آن را به فرم ثبت نام کاربر سفارشی در WPForms اضافه کنید و سپس مطمئن شوید که فیلد فرم را به فیلد سفارشی متصل کرده‌اید تا داده‌ها به درستی ذخیره شوند.
برای ویرایش فرم ثبت نام کاربر سفارشی که قبلاً ایجاد کردید، باید به صفحه WPForms » All Forms بروید، یا می‌توانید فرم جدیدی ایجاد کنید.
پس از آن، یک فیلد را از پنل سمت چپ بکشید تا آن را به فرم خود اضافه کنید. در این مثال، ما یک فیلد “Website/URL” را به فرم خود اضافه می‌کنیم.

add-a-website-field-to-your-registration-form

اکنون قسمت Website/URL در پیش نمایش فرم شما ظاهر می‌شود. روی فیلد کلیک کنید. حالا WPForms ویژگی‌های آن را در پنل سمت چپ نشان می‌دهد.
ادامه دهید و برچسب را از وبسایت/URL به جزئیات رسانه‌های اجتماعی تغییر دهید. همچنین می‌توانید توضیحاتی برای فیلد اضافه کنید.

edit-the-label-of-website-field


فراموش نکنید که برای ذخیره فرم خود روی دکمه “ذخیره” در گوشه سمت راست بالای صفحه کلیک کنید.
در مرحله بعد، برای تنظیمات فرم پیشرفته و نگاشت فیلد، باید روی دکمه “تنظیمات” کلیک کنید. در صفحه تنظیمات، روی زبانه «ثبت کاربر» کلیک کنید.
WPForms اکنون فیلدهای فرم شما و یک منوی کشویی در زیر آنها را نشان می‌دهد تا فیلد ثبت وردپرس را برای نقشه برداری انتخاب کنید.
حالا متوجه خواهید شد که WPForms به‌طور خودکار فیلدهای پیش‌فرض شما مانند نام، ایمیل، رمز عبور و غیره را ترسیم می‌کند. همچنین می‌توانید صفحه‌ای را انتخاب کنید که می‌خواهید کاربران پس از ارسال فرم به آنجا هدایت شوند.
شما باید به بخش «متای کاربر سفارشی» بروید. در اینجا می‌توانید متای کلید سفارشی را که قبلا ایجاد کرده‌اید وارد کنید و سپس فیلد فرم سفارشی را که می‌خواهید با آن نقشه برداری کنید انتخاب کنید.

enter-custom-user-meta-details

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




افزودن فرم ثبت نام کاربر سفارشی شما در وردپرس

WPForms اضافه کردن فرم‌ها به پست‌ها، صفحات و ابزارک‌های نوار کناری وردپرس را بسیار ساده می‌کند.
شما باید یک پست/صفحه جدید ایجاد کنید یا یک صفحه موجود را ویرایش کنید. در ویرایشگر وردپرس خود، روی علامت مثبت (+) در بالا کلیک کنید و سپس به قسمت ابزارک‌ها بروید تا یک بلوک WPForms اضافه کنید.


add-wpforms-block-to-page


پس از آن، می‌توانید فرم ثبت نام سفارشی خود را از منوی کشویی در بلوک WPForms انتخاب کنید.


select-your-registration-form-in-wpform-block


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

custom-registration-form-preview

WPForms همچنین به شما امکان می‌دهد فرم ثبت نام کاربر سفارشی خود را در نوار کناری خود اضافه کنید. به سادگی به صفحه Appearance » Widgets بروید و ویجت WPForm را به نوار کناری اضافه کنید.
در مرحله بعد، باید فرمی را که می‌خواهید نشان دهید از منوی کشویی در تنظیمات ویجت انتخاب کنید. فراموش نکنید که برای ذخیره تنظیمات ویجت خود، روی دکمه ذخیره کلیک کنید.


add-custom-registration-form-to-your-sidebar


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


registration-form-in-sidebar



با فرم ثبت نام خود یک صفحه ورود سفارشی ایجاد کنید

وقتی فرم ثبت نام خود را به صفحه‌ای در وبسایت خود اضافه می‌کنید، وردپرس به طور پیش فرض از طرح، قالب و سبک تم شما استفاده می‌کند.
با این حال، می‌توانید یک صفحه ثبت نام خیره کننده از ابتدا با استفاده از سازنده صفحه فرود وردپرس ایجاد کنید.
SeedProd بهترین سازنده صفحه فرود برای وردپرس است. کاربر پسند است و یک سازنده کشیدن و رها کردن را ارائه می‌دهد که به شما کمک می‌کند انواع صفحات فرود را ایجاد کنید. این افزونه همچنین قالب‌های از پیش ساخته شده و بسیاری از ویژگی‌های سفارشی سازی را ارائه می‌دهد.
برای این آموزش، ما از نسخه Pro SeedProd استفاده خواهیم کرد زیرا شامل یک قالب صفحه ورود و ویژگی‌های سفارشی سازی پیشرفته است. همچنین یک نسخه رایگان از SeedProd وجود دارد، اما گزینه ایجاد صفحه ورود به سیستم را ندارد.
ابتدا باید افزونه SeedProd را در سایت خود نصب و فعال کنید. میتوانید آموزش دقیق ما را در مورد نحوه نصب افزونه وردپرس دنبال کنید.
پس از فعال شدن افزونه، در پنل مدیریت وردپرس خود به SeedProd هدایت می‌شوید و از شما خواسته می‌شود که رمز مجوز خود را وارد کنید. می‌توانید رمز را در حساب SeedProd خود پیدا کنید.


enter-your-license-key-1

پس از تأیید رمز خود، اکنون آماده ایجاد یک صفحه ورود با فرم ثبت نام خود هستید.
برای شروع، به SeedProd » Pages بروید و سپس روی دکمه «تنظیم صفحه ورود» کلیک کنید.


select-login-page-1

در مرحله بعد، باید یک الگو برای صفحه ورود خود انتخاب کنید. SeedProd الگوهای مختلفی را برای کمک به شما برای شروع سریع ارائه می‌دهد.

choose-a-template-for-your-login-page

پس از انتخاب یک الگو، یک پنجره بازشو ظاهر می‌شود. شما باید یک نام برای صفحه فرود خود و یک URL وارد کنید. پس از انجام این کار، ادامه دهید و روی دکمه «ذخیره و شروع ویرایش صفحه» کلیک کنید.


enter-a-name-and-url-for-your-login-page

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


add-blocks-to-your-login-page-template

برای افزودن فرم ثبت نام خود، به بخش بلوک‌های پیشرفته در سمت چپ بروید. سپس بلوک «فرم تماس» را انتخاب کرده و آن را در صفحه ورود خود قرار دهید.
پیشنهاد می‌کنیم که بلوک نام کاربری و رمز عبور موجود را از الگو حذف کنید تا کاربران مجبور نباشند موارد ورود را دو بار وارد کنند.

add-the-contact-form-block

سپس روی بلوک WPForms در صفحه ورود خود کلیک کنید. اکنون گزینه‌ای برای «انتخاب فرم» در منوی سمت چپ خود خواهید دید. ادامه دهید و فرم ثبت نام خود را از منوی کشویی انتخاب کنید.


select-your-registration-form-in-seedprod


اکنون باید پیش نمایشی از فرم ثبت نام خود را در سازنده صفحه فرود ببینید. فراموش نکنید که برای ذخیره تغییرات خود روی دکمه “ذخیره” کلیک کنید.


preview-of-registration-form-in-landing-page-builder


پس از آن، می توانید به برگه «اتصال» بروید و خدمات مختلف بازاریابی ایمیلی را ادغام کنید. SeedProd به راحتی با Drip، Constant Contact، AWeber، ActiveCampaign و غیره ادغام می‌شود.



در مرحله بعد، می‌توانید به تب “تنظیمات صفحه” بروید و وضعیت صفحه را در تنظیمات عمومی به انتشار تغییر دهید. حتی می‌توانید عنوان صفحه، URL را ویرایش کنید و پیوند SeedProd را فعال کنید.

publish-your-login-page-from-the-page-settings

اگر می‌خواهید صفحه خود را برای موتورهای جستجو بهینه کنید، به تنظیمات SEO بروید. می‌توانید عنوان SEO، توضیحات، تصویر کوچک رسانه‌های اجتماعی و غیره را وارد کنید. SeedProd همچنین به شما امکان می‌دهد کدهای کوتاه را در تنظیمات Scripts اضافه کنید.
هنگامی که از تنظیمات راضی بودید، به سادگی روی دکمه “ذخیره” در بالا کلیک کنید و صفحه ساز را ببندید.
پس از آن، به SeedProd » Pages بروید و روی سوئیچ زیر صفحه ورود کلیک کنید تا صفحه خود را «فعال» کنید.

اکنون می‌توانید از صفحه ورود خود دیدن کنید تا فرم ثبت نام را مشاهده کنید.





جمع بندی

امیدواریم این مقاله به شما کمک کرده باشد که یاد بگیرید چگونه به راحتی فرم ثبت نام کاربر سفارشی را در وردپرس اضافه کنید.
اگر این مقاله را دوست داشتید، لطفاً در کانال آپارات ما برای دیدن آموزش‌های ویدیویی وردپرس عضو شوید. شما همچنین می‌توانید ما را در یوتیوب و اینستاگرام پیدا کنید.




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

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها