چگونه می توان فرم های ورود به سیستم ووکامرس را سفارشی کرد

چرا فرم های ورود و ثبت نام ووکامرس را سفارشی کنیم؟

گزینه های محدود زمینه:

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

صفحات ورود و ثبت نام را جدا کنید

به طور پیش فرض ، فرم های ورود و ثبت نام WooCommerce در همان صفحه نمایش داده می شود. در حالی که این نیز بسیار مفید است ، شما نمی توانید صفحات جداگانه ایجاد کنید در صورت تمایل برای فرم های ورود و ثبت نام برای غلبه بر این مسئله باید از کد یا پلاگین دیگری استفاده کنید.

محدودیت های طراحی

برای برخی از کاربران ، نمایش تصویری فرم های پیش فرض ورود و ثبت نام WooCommerce می تواند کمی کسل کننده و کسل کننده باشد. متأسفانه ، WooCommerce به شما امکان شخصی سازی آنها را نمی دهد. بنابراین ، نمی توانید از رنگ ها ، قالب های متنی یا حاشیه های مختلف در فرم پیش فرض استفاده کنید.

فرم های ورود و ثبت نام WooCommerce خود را سفارشی کنید:

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

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

همچنین باید برخی از پسوندهای آن را اضافه کنید.افزونه ووکامرس می تواند به ادامه کار کمک کند. با استفاده از این افزونه ، می توانید فرم های ثبت نام شخصی خود را بدون دردسر در WooCommerce ادغام کنید و از محدودیت های WooCommerce عبور کنید.

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

1. قسمتهای اضافی را به فرم ورود یا ثبت نام WooCommerce اضافه کنید

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

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

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

در صورت نیاز می توانید فیلدهای اضافی را با منوهای کشویی ، کادرهای تأیید و دکمه های رادیویی اضافه کنید.

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

2. فرمهای پیش فرض ورود و ثبت نام WooCommerce را جایگزین کنید

پس از ایجاد فرم ورود یا ثبت نام جدید WooCommerce ، باید فرم پیش فرض WooCommerce را جایگزین آن کنید.

همچنین به راهنمای ما مراجعه کنید چگونه برای اضافه کردن یک فروشگاه WooCommerce در فیس بوک

تنها کاری که باید انجام دهید ادامه دادن است تنظیمات ووکامرس >> و برگه را باز کنید حسابها و رازداری در زیر بخش ایجاد حساب ، بررسی به مشتریان اجازه دهید در صفحه "حساب من" حساب کاربری ایجاد کنند و تغییرات را ذخیره کنید.

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

مقاله ما را نیز بخوانید نحوه نمایش منو شرطی برای مشترکین WooCommerce

اکنون فرم ورود شخصی و فرم ثبت نام WooCommerce شما نمایش داده می شود.

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

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

[user_registration_my-compte redirect_url = "پیوند صفحه حساب"]

برای نمایش صفحه ثبت نام به طور جداگانه ، شما باید کد کوتاه ثبت نام WooCommerce را که ایجاد کرده اید داشته باشید. با ادامه کار می توانید آن را داشته باشید ثبت نام کاربر >> ثبت نام کاربر از داشبورد وردپرس.

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

Ou

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

3. قسمتهای اضافی را در صفحه حساب نمایش دهید

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

در اینجا است 10 افزونه وردپرس برای اضافه کردن یک ماشین حساب به وب سایت خود

اما پس از اینکه فرم های ورود و ثبت نام را با موفقیت جایگزین کردید ، می توانید جزئیات اضافی آن را در صفحه حساب مشاهده کنید. فقط برو  حساب من >> جزئیات حساب.

4. حساب WooCommerce را در صفحه پرداخت ادغام کنید

برای راحتی بیشتر مشتریان خود ، می توانید فرم ثبت نام شخصی را در صفحه پرداخت با پلاگین User Register ثبت کنید. حتی می توانید در صفحه پرداخت انتخاب کنید که کدام قسمت ها را پر کنند. برای افزودن حساب WooCommerce خود در صفحه پرداخت ، فقط باید مراحل داده شده را دنبال کنید.

مقاله ما را نیز بخوانید 10 افزونه WooCommerce وردپرس برای استفاده در وبلاگ خود

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

دوباره ، به ثبت نام کاربر >> تنظیمات ، و زیر زبانه WooCommerce بخش را مشاهده خواهید کرد ثبت نام تسویه حساب. در اینجا کافی است check the option: برای همگام سازی ثبت نام کاربر با ثبت نام پرداخت ووکامرس این گزینه را علامت بزنید. قسمتهای اضافی که در فرم ثبت نام WooCommerce موجود نیست ، نمایش داده می شوند.

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

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

5. طراحی مجدد فرم های ورود و ثبت نام WooCommerce

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

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

تمام کاری که شما باید انجام دهید اینست که افزونه Style Customizer را خریداری کرده و فرم موجود WooCommerce خود را ویرایش کنید یا فرم جدیدی ایجاد کنید. سپس بر روی کلیک کنید دکمه با نماد قلم مو در پایین سمت راست صفحه نمایش خود را.

اکنون می توانید پنل Customizer را مشاهده کنید.

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

بعد از اتمام سفارشی کردن ، آنها را ذخیره کنید. هر تغییری که در سفارشی سازی سبک ایجاد کنید ، به طور خودکار در فرم ورود یا ثبت نام WooCommerce ادغام می شود.

کشف کنید  چگونه می توان از فرم های وردپرس خود با رمز عبور محافظت کرد

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

خلاصه:

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

سایر افزونه های اضافی وردپرس برتر 

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

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises محلی ، لیست های تامین کننده و غیره 

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

مقاله ما را نیز بخوانید چگونه بازدید کنندگان خود را طولانی تر در وب سایت خود نگه دارید

دانلود| نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

نتیجه

اینجا ! این مقاله ماست که به شما نشان می دهد چگونه فرم های ورود به سیستم و ورود به سیستم WooCommerce را سفارشی کنید. حالا شما خواهید داشت  امکان ایجاد فرم های ثبت نام و اتصال bitchy به پلاگین ثبت نام کاربر. جزئیات کوچک از این قبیل بسیار مهم است فروشگاه آنلاین شما اطمینان حاصل کنید که مشتریان شما اغلب از آنها استفاده می کنند.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری نیاز دارید ، با مشاوره راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اگر داشته باشید نظر یا پیشنهادات خود ، دریغ نکنید که در بخش رزرو شده به ما اطلاع دهید. در ضمن ، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید. 

...