ساخت فرم ورود با گرویتی فرم

( جمعه ، 1 بهمن سال 1400 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه نوزدهم

آموزگار :

فرید معیریان

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

افزونه فرم ساز گراویتی

افزونه فرم ساز گراویتی فرم ، قدرتمندترین!

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

افزونه فرم ساز گراویتی

افزونه فرم ساز گراویتی فرم ، قدرتمندترین!

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

اورجینال

کیفیت

پشتیبانی

آپدیت

فــرید معــیریان

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

فــرید معــیریان

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

ساخت فرم ورود با گرویتی فرم

( جمعه ، 1 بهمن سال 1400 )

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

افزودنی User Registration

نکته‌ای که در ابتدای کار باید یادآور شویم، این است که برای ساخت فرم ورود با گرویتی فرم حتما باید از قبل افزودنی User Registration را نصب داشته باشید. اگر این افزودنی را نصب نداشته باشید، نمی‌توانید از این بخش استفاده کنید. اگر افزونه گرویتی فرم (Gravity Forms) را از سایت ابزار وردپرس تهیه کرده باشید؛ این افزودنی به صورت رایگان در اختیار شما قرار می‌گیرد. اگر از جای دیگر تهیه کردید حتما بررسی کنید و آن را نصب نمایید. در مورد چگونگی نصب این افزودنی نیز ما در قسمت آموزش ساخت فرم ثبت‌نام، به صورت کامل توضیح دادیم.

این فرم ورود را ما در صفحه‌ساز المنتور و ویژال کامپوزر تست می‌کنیم. اگر قالب شما از امکاناتی که در ادامه ذکر خواهیم کرد؛ بهره‌مند نبود و شما قادر به استفاده از این بخش نبودید، از همان بخش کدنویسی function استفاده کنید که سعی می‌کنیم در قسمت‌های بعدی آن را آموزش دهیم. (البته همیشه سعی کنید از یک قالب بهینه و معتبر مثل زفایر استفاده کنید.)

فرم ثبت‌نام

پس از اطمینان از نصب و فعالسازی افزودنی User Registration، از بخش فرم‌ها، یک فرم جدید با عنوان فرم ثبت‌نام بسازید و ایجاد فرم را بزنید. این بخش ربطی به ساخت فرم ورود با گرویتی فرم ندارد و در کنار فرم ورود باید یک فرم ثبت‌نام نیز قرار دهیم. فیلدهای مورد نیاز برای فرم ثبت‌نام را اضافه کرده و تنظیمات مربوط به هر فیلد را انجام دهید.

ساخت فرم ورود با گرویتی فرم

برای اینکه بتوان یک فرم ورود با گرویتی فرم ساخت، باید از ابزارک اختصاصی استفاده کنیم. به قسمت نمایش > ابزارک‌ها بروید. قالب زفایر به شما این امکان را می‌دهد که سایدبار اختصاصی برای خود بسازید. اگر هم از این قالب استفاده نمی‌کنید، می‌توانید از سایدبارهای مختلفی که دارید استفاده کنید.

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

المنتور

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

ویژال کامپوزر

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

در صورت تمایل می‌توانید فرم ثبت‌نام را نیز بردارید. اما اصولا دو فرم ثبت‌نام و ورود در سایت‌ها کنار هم قرار می‌گیرند. این امر سبب می‌شود کاربرانی که ثبت‌نام نکرده‌اند بدون سردرگمی و به راحتی بتوانند در سایت شما ثبت‌نام کنند. در واقع این دو افزونه صفحه ساز (ویژال کامپوزر و المنتور) به شما این امکان را می‌دهند که این نوع صفحات را بسازید و آن را مرتب طراحی کنید.

کلام آخر

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

برای نوشتن دیدگاه باید وارد بشوید.

22 دیدگاه. ارسال دیدگاه جدید

  • افسانه کمالی
    ژانویه 11, 2022 10:11 ب.ظ

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

  • محمد جواد امینی
    ژانویه 8, 2022 12:16 ب.ظ

    با سلام و احترام
    قالب من وودمارت هستش و من طبق آموزش پیشرفتم و یک سایدبار مجزا ساختم و ابزار ک ورود گراویتی فرم رو داخلش قرار دادم
    مشکلی که هست من حتی وقتی با پرایوت ویندو یا incognito کروم هم امتحان میکنم ، بازم توی بخش ورود منو لاگین نشون میده
    وقتی logout هم میکنم هیچ تغییری نمیکنه ، به شکلی که انگار فقط صفحه رفرش میشه
    احتراما مشکل از چیه؟

  • علیرضا رنانی
    ژانویه 5, 2022 1:57 ب.ظ

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

    • کارشناس پشتیبانی شماره چهار
      ژانویه 5, 2022 2:33 ب.ظ

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

      • علیرضا رنانی
        ژانویه 5, 2022 3:01 ب.ظ

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

  • سمانه سلطانی
    ژانویه 3, 2022 9:23 ب.ظ

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

  • آرمان فرهادی
    دسامبر 12, 2021 6:09 ب.ظ

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

    • کارشناس پشتیبانی شماره چهار
      دسامبر 12, 2021 11:06 ب.ظ

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

  • وحید چاووشی
    نوامبر 13, 2021 6:45 ب.ظ

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

    • کارشناس پشتیبانی شماره چهار
      نوامبر 13, 2021 7:09 ب.ظ

      سلام و درود آقای چاوشی
      درآپدیت جدید وردپرس این قسمت تغییر کرده است. با نصب افزونه زیر می توانید ناحیه ابزارک ها را به حالت کلاسیک باز گردانید.
      Classic Widgets
      با تشکر

      • وحید چاووشی
        نوامبر 13, 2021 7:33 ب.ظ

        متشکرم مشکل حل شد
        فقط اینکه Gravity Forms Login Widget انگلیسی هست مثل شما فارسی نیست
        ممنون بابت راهنمایی

        • کارشناس پشتیبانی شماره چهار
          نوامبر 13, 2021 7:43 ب.ظ

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

          • وحید چاووشی
            نوامبر 14, 2021 11:32 ق.ظ

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

          • کارشناس پشتیبانی شماره چهار
            نوامبر 14, 2021 12:49 ب.ظ

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

  • محمد احمدپور
    اکتبر 30, 2021 11:32 ب.ظ

    سلام. فراموشی رمز عبور رو نگفتین از کجا بزاریم ؟؟؟

فهرست