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

( چهارشنبه ، 5 اردیبهشت سال 1403 )

حق کپی ویدئو

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

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

جلسه نوزدهم

آموزگار :

فرید معیریان

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

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

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

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

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

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

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

اورجینال

کیفیت

پشتیبانی

آپدیت

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

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

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

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

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

( چهارشنبه ، 5 اردیبهشت سال 1403 )

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

افزودنی User Registration

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

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

فرم ثبت‌نام

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

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

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

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

المنتور

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

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

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

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

کلام آخر

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

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

55 دیدگاه. Leave new

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

  • صمد صفرپور
    اکتبر 22, 2023 3:12 ب.ظ

    سلام من طبق ویدیوهای آموزشی(سایت ابزار وردپرس)برای ساخت فرم لاگین با گرویتی فرم ابتدا به بخش نمایش > ابزارک ها می روم و یک سایدبار اختصاصی می سازم و نام سایدبار را (سایدبار ورود)زده و روی دکمه اضافه کردن سایدبار کلیک می کنم.
    در بخش ابزارک ها روی ابزارک ورود (ابزارک گرویتی فرم) کلیک کرده و ابزارکی که ساختم را برای آن انتخاب می کنم و سپس روی افزودن ابزارک را کلیک می کنم.
    اما متاسفانه در بخش سایدبار ورود، اطلاعات لاگین اضافه نمی شود.و اطلاعات لاگین در بخش ابزارک های غیرفعال اضافه می شود.چرا؟
    من حتی با دراگ کردن اطلاعات لاگین ساخته شده را به درون سایدبار ورود هدایت می کنم ولی بعد از به روزرسانی و یا بیرون رفته از صفحه و دوباره امدن به بخش ابزارک ها مشاهد می کنم که در داخل سایدبار ورودی هیچ چیزی نیست.برای حل مشکل چه کنم

    • کامران قائمی
      اکتبر 23, 2023 9:10 ق.ظ

      سلام وقت شما بخیر،

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

      با تشکر.

  • سلام وقتتون بخیر
    چگونه در صفحه ورود با گرویتی فرم از ریکپچا استفاده کنم؟

    ممنون میشم راهنماییم کنید

  • غلامرضا آگاه
    سپتامبر 13, 2023 2:03 ق.ظ

    با عرض سلام و خسته نباشید
    ببخشید در صفحه ورود سایت شما بالاتر از فرم ورود یه فیلد هست گفته اگر ثبت نام نکردید اینجا کلیک کنید، و یه خط عمودی آبی هم در سمت راستش هست، این فیلد رو چطوری میتونم طراحی کنم، از ویژوال کامپوزر استفاده میکنم، از کدوم المان باید استفاده کنم، قالبم هم زفایر هست
    ممنون از پاسخگویی تون❤️⚘️

  • مهدی فاضلی
    آگوست 5, 2023 3:53 ب.ظ

    سلام . وقت بخیر
    خسته نباشید
    در قسمتی که در تنظیمات ابزارک ها ، ابزارک ورود را تنظیم میکنیم ، قسمتی مربوط به لینک ورود هست را فرمودین لینک داشبورد بذاریم . این لینک را از کجا باید بیاریم ؟
    با تشکر

  • مهدی فاضلی
    جولای 28, 2023 12:31 ب.ظ

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

    • کامران قائمی
      جولای 29, 2023 4:52 ب.ظ

      باسلام خدمت شما، وقت بخیر

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

      از حضور شما ممنونیم.

  • علیرضا ثابتی
    جولای 23, 2023 8:08 ب.ظ

    با سلام
    من المان “فرم” رو توی المنتورندارم، از کجا باید پیداش کنم ؟

    • کامران قائمی
      جولای 24, 2023 1:37 ق.ظ

      باسلام خدمت شما

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

      از حضور شما ممنونیم.

      • علیرضا ثابتی
        جولای 24, 2023 1:50 ب.ظ

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

        • کامران قائمی
          جولای 25, 2023 9:21 ب.ظ

          باسلام خدمت شما

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

          از حضور شما ممنونیم.

  • میلاد ملکی
    ژوئن 27, 2023 1:45 ب.ظ

    سلام وقت بخیر ، این امکان وجود داره که ما ، در فرم فروش محصولاتمون ،از این قابلیت استفاده کنیم و به صورت خودکار ، شماره موبایل شخص سفارش دهنده ، به عنوان نام کاربری درج بشه و کاربر به عضو سایت تبدیل شه؟

    • علی حیدری
      ژوئن 28, 2023 8:36 ق.ظ

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

  • موسی جعفرزاده
    ژوئن 21, 2023 3:16 ب.ظ

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

  • حمزه سخراوی
    دسامبر 7, 2022 11:20 ق.ظ

    سلام وقت بخیر
    چرا توی فیلم های آموزشی شما بخش ابزارک ها پر از امکاناته ولی برای من بخش ابزارک ها فرق میکنه؟

  • با سلام
    چطور میشه که صفحه لاگین مثلا برای دانشجو جدا باشه برای استاد جدا باشه و هیچکدوم نتونن از طریق صفحه دیگری وارد شوند فقط از طریق صفحه ورود مختص به خودشون بتونند لاگین کنند

  • افسانه کمالی
    ژانویه 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 ب.ظ

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

فهرست