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

چطوری میشود که یک فرم ورود/عضویت زیبا بسازیم؟ (صفرتاصددرباره دیجیتس)

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

چگونه فرم های ورود یا ثبت نام خود را بدون کد نویسی به راحتی بسازیم؟؟

چگونه فیلد های اون را مدیریت نماییم که مثلا اول نام بعد نام خانوادگی بعد شماره تلفن و… مخاطب را بخواهیم؟؟

چگونه صفحات ورود و ثبت نام مودال ( پاپ آپ مانند) بسازیم تا جلوه خاصی به سایتمون بدیم؟؟

چگونه در هنگام ثبت کاربرانمان از اون ها بخواهیم که شماره موبایل خود را با کد ارسالی تاییدکنند؟(اصلا چطوری کد بفرستیم:)؟؟

خب ما اینجاییم تا به این سوالات پاسخ دهیم. پس بزنیم بریم >>>>>>>>> ؛)

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

ساخت سایت چند سالی است که رونق گرفته است و روز به روز افراد متقاضی، به زیبایی و تجربه خوب کاربر در سایتشون بیشتر اهمیت میدهد و دوست دارند سایت هایی داشته باشند که کاربر با وارد شدن به آن حس خوبی داشته باشد و از زیبایی های تصاویر،شکل ها و… در کنار هم لذت ببرد.

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

پس صفحه ثبت نام هم باید مانند طراحی سایتمون زیبا باشد. اما متاسفانه کاربران وردپرس از این لحاظ کمی ضعیف اند؛ چون صفحه ورود وردپرس به گونه ای است که مخاطب از سایت زیاد خوشش نمی آید و شاید که سایت را هم ترک نماید که این امر در صورت تکرار میتواند ضربه سنگینی به ما وارد نماید(اگر فروشگاه باشد که دیگر هیچ … 🙁 ولی این را بدانید که هیچ جای نگرانی نیست چون:

روز 1 می سال 2017 یکی از شرکت های برنامه نویسی جهان اومد و این مشکل را حل نمود. مگه چی کرد؟

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

پس جواب سوال 1 : با افزونه زیبا دیجیتس میتونیم فرم ثبت نام و ورود بسازیم

نحوه مدیریت فیلد های فرم هایمان

خب حالا ما اومدیم و فرم های زیبایمان را به دلخواه ساختیم مرحله بعدی چیه؟؟؟؟

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

همانطوری که در تصویر میبینیم امکان افزودن راحت فیلد یا حذف راحت آنها در این افزونه وجود دارد.

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

چگونه صفحات ورود/ثبت نام خود را به صورت مودال(پاپ آپ) نشان دهیم؟

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

اما سوال اینجاست چطوری توی سایت های وردپرسی خودمان این کار را انجام دهیم؟

این کار را هم دیجیتس امکان پذیر کرده است. در تنظیمات دیجیتس بخشی به نام شورت کد وجود دارد.(شورت کد ها (short codes) کد های کوتاهی هستند که عملکردهایی را ارائه میدهند. شما با اون کد ها آن عملکرد های برنامه نویسی شده را فراخوانی میکنید.)

برای اینکه صفحه ورود/ثبت نام خود را به صورت پاپ آپ در هدر قرار دهید راه های زیر را انجام دهید

در ابتدا از بخش شورت کد های دیجیتس، شورت کد ثبت نام/ورود حالت مودال را کپی نمائید

بعد از آن مثلا میخواهیم در هدر ساز خود آنرا قرار دهیم،ابتدا یک متن HTML بسازید یا یک بلوک کد کوتاه بعد از آن شورتکد را داخل آن قرار دهید

Login / Register

همانطور که مشاهده میکنید در بالا ^^ ما یک نمونه از این مورد را انجام دادیم.

چگونه دیجیتس خود را به سامانه پیامکی وصل کنیم؟

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

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

مرحله اول: بعد از نصب و فعالسازی دیجیتس (جهت مشاهده نحوه نصب افزونه و فعالسازی ان در وردپرس کلیک کنید) از بخش تنظیمات پیشخوان digits را انتخاب کنید.

مرحله دوم: از منوی تنظیمات دیجیتس (بعد از کلیک باز میشود) تنظیمات پیامکی را انتخاب نمایید. و درگاه ippanel را انتخاب نمایید.

مرحله سوم: عکس روبرو را مشاهده نمایید و مراحل را پیش ببرید.

• 1- در این محل نام کاربری پنل پیامکی خود را وارد نمایید.
• 2- در این محل رمز عبور پنل پیامکی خود را قرار دهید.
• 3- خط ارسال کننده خود را 3000505 یا 5000125475 قرار دهید تا امکان ارسال به همه ایجاد شود(درباره ارسال به شماره های مسدود و بلک لیست بیشتر بخوانید.) .(برای فعالسازی رایگان در پنل کاربری خود تیکت بزنید)
• 4 و 5 را خالی رها کنید.

مرحله چهارم: طبق تصویر روبرو تکمیل نمایید.

0-وارد بخش پیکربندی اصلی>>ارسال کد تایید یکبار مصرف شوید.

1- در این محل کد +98 را وارد نمایید.

• 2- برای ارسال کد تایید زیر 5 ثانیه باید در پنل کاربری خود وارد بخش پترن شوید و در آنجا پترن کد تایید خود را بسازید.
• نمونه پترن با یک متغیر : سلام دوست عزیز؛ کد تایید شما%verification-code%
• بعد از اینکه پترن خود را ساختید و تایید شد،درهمان قسمت کدی به نام کد پترن مشاهده میکنید.
• در محل 2 اینگونه عمل میکنید>> patterncode:stg***zj;verification-code:%OTP% این عبارت را در انجا قرار میدهید که به جای کلماتی که رنگی هستند کد پترن خود را قرار دهید.
• اگر از این نمونه پترن استفاده کردید که دارای متغیر name هم باشد اینگونه بنویسید >> patterncode:stg***zj;verification-code:%OTP%;name:%NAME%
• نمونه پترن با متغیر name : سلام %name% عزیز؛ کد تایید شما: %verification-code% میباشد.

3- در این محل تعداد ارقام کد تایید را معین کنید که در اینجا اینگونه میشود. 12345

4- و در انتها معین کنید که هر چند دقیقه میخواهید کد تایید ارسال شود.

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

بعضی از دوستان شاید از دیجیتس ژاکت استفاده میکنند که آموزش آن هم به زودی قرار داده میشود

افزونه دیجیتس با دیگر افزونه ها هم سازگاری دارد مانند:

• پشتیبانی کامل از ووکامرس
• پشتیبانی کامل از بادی پرس
• پشتیبانی کامل از بی بی پرس
• پشتیبانی کامل از ایزی دیجیتال دانلود
• پشتیبانی کامل از ویژوال کامپوزر
• پشتیبانی کامل از گرویتی فرم
• پشتیبانی کامل از دکان
• پشتیبانی کامل از Membership Pro
• پشتیبانی کامل از آلتیمیت ممبر (Ultimate Member)
• و…

دیگر ویژگی ها:

1. طراحی رسپانسیو(راحتی کار در موبایل)
2. زیبایی بدون کد نویسی
3. امکان انتخاب استایل های مختلف
4. امکان استفاده از آن در هر کجا با استفاده از شورت کد ها
5. و بسیاری از کاربرد های دیگر

خب مطلب تمام شد ولی برای تهیه دیجیتس چه کنیم؟

خریداری نسخه ژاکت (امکانات پیشرفته ،بدون مشکلات،کارایی بهتر در انتخاب استایل ها) جهت خرید کلیک کنید.

و در انتها مروری میکنیم بر تمام سوالات و پاسخ کوتاه درباره آنها: