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

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

چرا ورود و ثبت نام با موبایل؟

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

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

[irinfobox]حتی می توانید این شماره موبایل ها را ذخیره کنید و کاربران را از همه روال کار با خبر کنید و این یکی از مهم ترین کارهایی هست که سایت های بزرگ امروزه انجام می دهند.[/irinfobox]

?میتوند از آموزش های زیر هم استفاده کنید :

• آموزش ساخت فرم ثبت نام در المنتور با افزونه Actions Pack
• ساخت بخش ورود و ثبت نام در المنتور با افزونه JetBlock
• آموزش ساخت فرم ورود در المنتور با افزونه Actions Pack
• ساخت پس زمینه متن گرادیانت و تصویر در المنتور

پیشنیازهای آموزش (مهم)

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

1. افزونه المنتور
2. افرونه المنتور پرو
3. افزونه Digits + افزودنی Digits Builder (همراه افزونه رایگان ارائه میشه)

[irinfobox]افزونه Digits را می توانید با کد تخفیف 50% از لینک زیر با کد تخفیف “youdigits50” خریداری کنید.[/irinfobox]

بعد از اینکه افزونه های بالا را نصب کردید به ادامه آموزش مراجعه کنید.

مرحله اول : تهیه پنل پیامکی

در این قدم باید حتما یک پنل پیامکی برای سایت تهیه کنیم و این پنل برای ما حکم پنل شماره های کاربران را دارد و می توانید با همه کاربران خود با شماره موبایل ارتباط برقرار کنید. برای خرید پنل پیامکی سایت های زیادی موجود است که با سرچ کلمه “خرید پنل پیامکی” می توانید یکی از این سایت ها را اناخاب کنید و اقدام به خرید کنید.

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

مرحله دوم : تنظیمات اولیه افزونه Digits

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

1. در بخش انتخاب درگاه باید درگاه مورد نظر خود را انتخاب کنید، در لیست بازشو کلیک کنید و از لیست پنل پیامکی خود را انتخاب کنید.
2. در نام کاربری باید نام کاربری ورود به سایت را برای پنل پیامکی وارد کنید.
3. در بخش رمز عبور هم باید کلمه عبور به سایت پیامک را وارد کنید.
4. در بخش فرستنده باید شماره فرستنده را وارد کنید (برای این کار تیکت بزنید و درخواست شماره خدماتی را برای ثبت نام با موبایل را در خواست کنید.)
5. در بخش Send as sample (ارسال با نمونه) باید گزینه “بله” را انتخاب کنید.
6. در بخش Pattern Code باید کد پترن را قرار دهیم در ادامه گفته میشه چطور پترن برای ارسال کد را ایجاد کنیم.
7. در قسمت Pattern Variables باید متغیر پترن را وارد کنید.(منظور ساختار ارسال کد تایید هست مثلا : “code:%OTP%”)
8. در بخش نمونه متن ارسالی به شماره موبایل هم باید نمونه متن ارسالی خود را قرار دهید.

مرحله سوم : ساخت پترن ارسالی

در این بخش به ساخت پترن ارسالی می پردازیم و این یکی از مهمترین بخش های این آموزش محسوب می شود چون این کار باعث می شود تا کد ارسالی به موبایل کاربر زیر 3 ثانیه باشد و کاربر منتظر کد تایید نماند! بدون استفاده از پترن ارسال کد تایید تا بالای 3 دقیقه هم می رسد و باید حتما از پترن استفاده کنید.

برای این کار ابتدا وارد پیشخوان و یا پنل کاربری پنل پیامکی شوید :

همانند تصویر بالا به منوی ارسال بر اساس پترن بروید.

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

همانند تصویر بالا باید فیلد ها را پر کنید.

[irinfobox]در بخش هایی که نام سایت را مشاهده می کنید باید نام سایت خود و آدرس سایت خود را وارد کنید. این همان متنی هست که به موبایل کاربر فرستاده می شود.[/irinfobox]

در انتها بر روی دکمه “ثبت” کلیک کنید.

مرحله چهارم : قرار داد کد پترن در افزونه Digits

بعد از اینکه دکمه ثبت را زدید باید پترن توسط پشتیبانان سایت تایید شود و سپس می توانید همانند تصویر زیر کد پترن را کپی کنید.

بعد از کپی کردن پترن باید به تنظیمات افزونه Digits بیایید و در بخش “Pattern Code” قرار دهید. تا اینجای کار می توانید در پایین شماره موبایل خود را وارد کنید و تست کنید که آیا کد تایید به درستی برای شما ارسال می شود یا نه.

مرحله پنجم : ساخت فرم ورود و ثبت نام با المنتور

بعد از اینکه همه کارهای مربوط یه تنظیمات اولیه را انجام دادیم باید الان بریم سراغ اینکه فرم ثبت نام و ورود را همانند تصویر اولیه طراحی کنیم.

در ابتدا در پیشخوان وردپرس بر روی گزینه برگه ها > افزودن جدید کلیک کنید.

در بخش عنوان یک عنوان همانند “ثبت نام و ورود” و یا “نام نویسی” بنویسید و بر روی دکمه “ویرایش با المنتور” کلیک کنید.

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

ویجت “Login & Register” را همانند تصویر زیر بر روی صفحه بکشید و رها کنید.

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

این مراحل در مقاله نوشتاری توضیح داده نشده و باید حتما ویدئو را مشاهده کنید تا با مراحل کامل آشنا بشید.

فیلم آموزشی