سفارشی‌سازی فرم ثبت‌نام

برای اینکه شبکه شما ظاهری منحصربه‌فرد و متفاوت از سایر پلتفرم‌های SaaS ساخته‌شده روی WordPress داشته باشد، Ultimate Multisite این امکان را می‌دهد که صفحات ثبت‌نام و ورود خود را با قابلیت Checkout Forms سفارشی کنید.

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

صفحات ورود و ثبت‌نام:

پس از نصب Ultimate Multisite، به‌طور خودکار صفحات سفارشی ورود و ثبت‌نام در سایت اصلی شما ایجاد می‌شود. هر زمان که بخواهید می‌توانید این صفحات پیش‌فرض را از مسیر Ultimate Multisite > Settings > Login & Registration تغییر دهید.

بیایید نگاهی به گزینه‌هایی بیندازیم که می‌توانید در صفحه Login & Registration سفارشی کنید:

• Enable registration: این گزینه ثبت‌نام در شبکه شما را فعال یا غیرفعال می‌کند. اگر غیرفعال باشد، مشتریان نمی‌توانند ثبت‌نام کنند و در محصولات شما اشتراک بگیرند.

• Enable email verification: اگر این گزینه فعال باشد، مشتریانی که در یک پلن رایگان یا پلن پولی با دوره آزمایشی اشتراک می‌گیرند، یک ایمیل تأیید دریافت می‌کنند و باید روی لینک تأیید کلیک کنند تا وب‌سایت‌شان ساخته شود.

• Default registration page: این صفحه پیش‌فرض ثبت‌نام است. این صفحه باید در وب‌سایت شما منتشر شده باشد و یک فرم ثبت‌نام (که به آن checkout form هم می‌گویند) داشته باشد - جایی که مشتریان شما در محصولاتتان اشتراک می‌گیرند. می‌توانید هر تعداد صفحه ثبت‌نام و checkout form که می‌خواهید بسازید، فقط یادتان باشد که شورت‌کد checkout form را در صفحه ثبت‌نام قرار دهید، وگرنه نمایش داده نخواهد شد.

• Use custom login page: این گزینه به شما امکان می‌دهد از یک صفحه ورود سفارشی به‌جای صفحه پیش‌فرض wp-login.php استفاده کنید. اگر این گزینه فعال باشد، می‌توانید از گزینه Default login page (درست در پایین) صفحه‌ای را که برای ورود استفاده می‌شود انتخاب کنید.

• Obfuscate the original login url (wp-login.php): اگر می‌خواهید آدرس ورود اصلی را مخفی کنید، می‌توانید این گزینه را فعال کنید. این کار برای جلوگیری از حملات brute-force مفید است. اگر این گزینه فعال باشد، Ultimate Multisite هنگام تلاش کاربر برای دسترسی به لینک اصلی wp-login.php، خطای 404 نمایش می‌دهد.

• Force synchronous site publication: پس از اینکه مشتری در یک محصول شبکه اشتراک می‌گیرد، سایت در انتظار باید به یک سایت واقعی در شبکه تبدیل شود. فرآیند انتشار از طریق Job Queue و به‌صورت ناهمزمان انجام می‌شود. این گزینه را فعال کنید تا انتشار در همان درخواست ثبت‌نام انجام شود.

حالا بیایید گزینه‌های دیگری را ببینیم که همچنان به فرآیند ورود و ثبت‌نام مربوط هستند. این گزینه‌ها درست زیر Other options در همان صفحه Login & registration قرار دارند:

• Default role: این نقشی است که مشتریان شما پس از فرآیند ثبت‌نام در وب‌سایت خود خواهند داشت.

• Add users to the main site as well: فعال کردن این گزینه، کاربر را پس از فرآیند ثبت‌نام به سایت اصلی شبکه شما نیز اضافه می‌کند. اگر این گزینه را فعال کنید، گزینه‌ای برای تنظیم default role این کاربران در وب‌سایت شما نیز در پایین ظاهر می‌شود.

• Enable multiple accounts: به کاربران اجازه می‌دهد با یک آدرس ایمیل در سایت‌های مختلف شبکه شما حساب کاربری داشته باشند. اگر این گزینه غیرفعال باشد، مشتریان شما نمی‌توانند با همان آدرس ایمیل در وب‌سایت‌های دیگر شبکه شما حساب کاربری ایجاد کنند.

و این تمام گزینه‌های مربوط به ورود و ثبت‌نام است که می‌توانید سفارشی کنید! فراموش نکنید که پس از اتمام ویرایش، تنظیمات خود را ذخیره کنید.

استفاده از چندین فرم ثبت‌نام:

Ultimate Multisite 2.0 یک ویرایشگر checkout form ارائه می‌دهد که به شما امکان می‌دهد هر تعداد فرم که می‌خواهید با فیلدهای مختلف، محصولات متفاوت و غیره بسازید.

هر دو صفحه ورود و ثبت‌نام با شورت‌کدها جاسازی شده‌اند: [wu_login_form] در صفحه ورود و [wu_checkout] برای صفحه ثبت‌نام. می‌توانید صفحه ثبت‌نام را با ساخت یا ایجاد checkout form‌ها بیشتر سفارشی کنید.

برای دسترسی به این قابلیت، به منوی Checkout Forms در نوار کناری سمت چپ بروید.

در این صفحه، می‌توانید تمام checkout form‌هایی که دارید را ببینید.

اگر می‌خواهید یک فرم جدید بسازید، کافی است روی Add Checkout Form در بالای صفحه کلیک کنید.

می‌توانید یکی از این سه گزینه را به‌عنوان نقطه شروع انتخاب کنید: تک‌مرحله‌ای، چندمرحله‌ای یا خالی. سپس روی Go to the Editor کلیک کنید.

همچنین می‌توانید فرم‌هایی که از قبل دارید را با کلیک روی گزینه‌های زیر نام آن‌ها ویرایش یا کپی کنید. در آنجا گزینه‌هایی برای کپی کردن شورت‌کد فرم یا حذف فرم نیز خواهید یافت.

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

ویرایش یک Checkout Form:

همان‌طور که قبلاً گفتیم، می‌توانید checkout form‌ها را برای اهداف مختلف بسازید. در این مثال روی یک فرم ثبت‌نام کار می‌کنیم.

پس از رفتن به ویرایشگر checkout form، به فرم خود یک نام (که فقط برای ارجاع داخلی استفاده می‌شود) و یک slug (که مثلاً برای ساخت شورت‌کدها استفاده می‌شود) بدهید.

فرم‌ها از مراحل و فیلدها تشکیل شده‌اند. می‌توانید با کلیک روی Add New Checkout Step یک مرحله جدید اضافه کنید.

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

سپس، نمایش مرحله را تنظیم کنید. می‌توانید بین Always show، Only show for logged in users یا Only show for guests یکی را انتخاب کنید.

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

حالا وقت آن است که فیلدها را به مرحله اول اضافه کنیم. کافی است روی Add New Field کلیک کنید و نوع بخشی که می‌خواهید را انتخاب کنید.

هر فیلد پارامترهای متفاوتی برای پر کردن دارد. برای این ورودی اول، فیلد Username را انتخاب می‌کنیم.

می‌توانید هر تعداد مرحله و فیلد که نیاز دارید اضافه کنید. برای نمایش محصولات به مشتریان جهت انتخاب، از فیلد Pricing Table استفاده کنید. اگر می‌خواهید به مشتریان اجازه انتخاب قالب بدهید، فیلد Template Selection را اضافه کنید. و به همین ترتیب.

نکته: اگر پس از ساخت checkout form یک محصول جدید ایجاد کنید، باید محصول را در بخش Pricing table اضافه کنید. اگر اضافه نکنید، محصول در صفحه ثبت‌نام به مشتریان نمایش داده نخواهد شد.

نکته ۲: فیلدهای username، email، password، site title، site URL، order summary، payment و submit button برای ساخت checkout form اجباری هستند.

در حین کار روی checkout form، همیشه می‌توانید از دکمه Preview استفاده کنید تا ببینید مشتریانتان فرم را چگونه می‌بینند. همچنین می‌توانید بین نمای کاربر موجود یا بازدیدکننده جابه‌جا شوید.

در نهایت، در Advanced Options می‌توانید پیام صفحه Thank You را پیکربندی کنید، کدهای ردیابی تبدیل اضافه کنید، CSS سفارشی به checkout form خود اضافه کنید یا آن را به کشورهای خاصی محدود کنید.

همچنین می‌توانید با تغییر این گزینه در ستون سمت راست، checkout form خود را به‌صورت دستی فعال یا غیرفعال کنید، یا فرم را برای همیشه حذف کنید.

فراموش نکنید که checkout form خود را ذخیره کنید!

برای دریافت شورت‌کد فرم، روی Generate Shortcode کلیک کنید و نتیجه نمایش داده شده در پنجره مودال را کپی کنید.

نکته: باید این شورت‌کد را به صفحه ثبت‌نام خود اضافه کنید تا این checkout form به آن اضافه شود.

انتخاب پیش‌فرض محصولات و قالب‌ها از طریق پارامترهای URL:

اگر می‌خواهید جدول‌های قیمت‌گذاری سفارشی برای محصولات خود بسازید و محصول یا قالبی که مشتری از جدول قیمت‌گذاری یا صفحه قالب‌ها انتخاب می‌کند را در checkout form از پیش انتخاب کنید، می‌توانید از پارامترهای URL برای این کار استفاده کنید.

برای پلن‌ها:

به Ultimate Multisite > Products > Select a plan بروید. باید دکمه Click to copy Shareable Link را در بالای صفحه ببینید. این لینکی است که می‌توانید برای انتخاب پیش‌فرض این پلن خاص در checkout form خود استفاده کنید.

توجه داشته باشید که این لینک اشتراک‌گذاری فقط برای Plans معتبر است. نمی‌توانید از لینک‌های اشتراک‌گذاری برای پکیج‌ها یا سرویس‌ها استفاده کنید.

برای قالب‌ها:

اگر می‌خواهید قالب‌های سایت را در checkout form خود از پیش انتخاب کنید، می‌توانید از پارامتر: ?template_id=X در URL صفحه ثبت‌نام خود استفاده کنید. "X" باید با شماره ID قالب سایت جایگزین شود. برای دریافت این شماره، به Ultimate Multisite > Sites بروید.

روی Manage درست زیر قالب سایتی که می‌خواهید استفاده کنید کلیک کنید. شماره SITE ID را خواهید دید. کافی است از این شماره استفاده کنید تا این قالب سایت خاص در checkout form شما از پیش انتخاب شود. در مثال ما، پارامتر URL به این شکل خواهد بود: ?template_id=2.

فرض کنیم وب‌سایت شبکه ما www.mynetwork.com است و صفحه ثبت‌نام ما با checkout form در صفحه /register قرار دارد. URL کامل با این قالب سایت از پیش انتخاب‌شده به این شکل خواهد بود: www.mynetwork.com/register/?template_id=2.

و اگر بخواهید، می‌توانید هم محصولات و هم قالب‌ها را در checkout form خود از پیش انتخاب کنید. تنها کاری که باید انجام دهید این است که لینک اشتراک‌گذاری پلن را کپی کنید و پارامتر قالب را در انتها اضافه کنید. به این شکل خواهد بود: www.mynetwork.com/register/premium-plan/?template_id=2.