Login/Signup Popup افزونه پاپ آپ صفحه ورود و ثبت نام در وردپرس

پاپ آپ ها به افزایش نرخ تبدیل وب سایت شما کمک بسیار زیادی می کنند و می توانند برای نمایش محتواهایی مانند آفرهای ویژه، اطلاعیه ها، فرم های ثبت نام/ورود و بسیاری موارد دیگر استفاده شوند. افزونه Login/Signup Popup (Inline Form + Woocommerce) یک افزونه رایگان، ساده و سبک است که فرآیند ثبت نام، ورود به سایت و بازیابی رمز عبور را بسیار ساده می کند.

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

افزونه Login/Signup Popup ( Inline Form + Woocommerce ) دو طراحی کاملاً قابل سفارشی سازی شامل پاپ آپ و فرم درون خطی را با استفاده از شورت کد در اختیار شما قرار می دهد. شما می توانید انتخاب کنید که چه فیلدهایی را در فرم خود نمایش دهید. همچنین می توانید فرم را در هر جایی از وب سایت خود بدون رفرش کردن صفحه نشان دهید.

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

برخی ویژگی های افزونه Login/Signup Popup عبارت است از:

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

در این مقاله، افزونه Login/Signup Popup ( Inline Form + Woocommerce ) را آموزش داده و نحوه استفاده از آن را بررسی می کنیم.

آموزش افزونه Login/Signup Popup و نمایش پاپ آپ فرم ورود/ثبت نام در وردپرس

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

بعد از نصب افزونه آن را فعال کنید. پس از فعال سازی افزونه منوی جدیدی به نام login/Signup Popup به پیشخوان وردپرس اضافه می شود. با کلیک روی این منو وارد صفحه تنظیمات افزونه می شوید. در این صفحه می توانید تنظیمات اصلی، تنظیمات ووکامرس و تنظیمات باز شدن خودکار پاپ آپ را پیکربندی کنید.

تنظیمات عمومی

در قسمت Main می توانید گزینه های زیر را پیکربندی کنید:

Registration Fields: این قسمت مربوط به تنظیمات فیلدهای ثبت نام است. یک لینک Manage در این قسمت وجود دارد که با کلیک روی آن می توانید فیلدهای ثبت نام را مدیریت کنید. در بخش بعدی آموزش در مورد این قسمت توضیحات بیشتری ارائه می کنیم.

Enable Registration: برای فعال کردن فرم ثبت نام، این گزینه را فعال کنید.

Auto Login User on Sign up: اگر می خواهید کاربر به محض ثبت نام، به صورت خودکار وارد شود، این گزینه را فعال کنید.

Handle Reset Password: اگر این گزینه را فعال کنید، به کاربران اجازه داده می شود که یک پسورد جدید در فرم تنظیم کنند.

User Role: در این قسمت می توانید نقش کاربر پس از ثبت نام را مشخص کنید. افزونه Login/Signup Popup این نقش را به صورت پیش فرض روی مشتری یا مشترک تنظیم کرده است.

Login Redirect: در این قسمت می توانید آدرس URL ی که می خواهید کاربر پس از وارد شدن به آن ریدایرکت شود را وارد کنید. اگر این بخش را خالی بگذارید در همان صفحه ریدایرکت می شود.

Register Redirect: در این قسمت می توانید آدرس URL ی که می خواهید کاربر پس از ثبت نام به آن ریدایرکت شود را وارد کنید. به عنوان مثال می توانید یک برگه حاوی پیام تشکر بسازید و آدرس آن را در این قسمت وارد کنید تا کاربر پس از ثبت نام وارد آن شود. اگر این بخش را خالی بگذارید در همان صفحه ریدایرکت می شود.

Logout Redirect: در این قسمت می توانید آدرس URL ی که می خواهید کاربر پس از خارج شدن به آن ریدایرکت شود را وارد کنید. اگر این بخش را خالی بگذارید به همان صفحه ریدایرکت می شود.

در قسمت WooCommerce Settings صفحه تنظیمات عمومی افزونه Login/Signup Popup می توانید تنظیمات ووکامرس را پیکربندی کنید.

Replace myaccount form: اگر این گزینه را فعال کنید، فرم برگه حساب کاربری من ووکامرس جایگزین می شود.

Replace checkout login form: اگر این گزینه فعال باشد و ورود در صفحه پرداخت هم فعال شده باشد، جایگزین فرم ورود می شود.

قسمت Auto Open Popup مربوط به تنظیمات باز شدن خودکار پاپ آپ است.

Auto open Popup: اگر این گزینه را فعال کنید، پاپ آپ به صورت خودکار باز می شود.

Open once: اگر این گزینه را فعال کنید، پاپ آپ یکبار به صورت خودکار باز می شود.

On Pages: در این قسمت می توانید برگه هایی که می خواهید پاپ آپ خودکار برای آنها فعال باشد را مشخص کنید.

Delay: در این قسمت می توانید مدت زمانی که می خواهید سپری شود، سپس پاپ آپ به صورت خودکار باز شود را به میلی ثانیه وارد کنید. عدد 1000 به معنی 1 ثانیه است.

پس از اعمال تغییرات مورد نظر خود روی دکمه Save کلیک کنید.

تنظمیات استایل فرم ها در افزونه Login/Signup Popup

در تب Style می توانید استایل پاپ آپ و فرم ها شامل موارد زیر را تنظیم کنید:

• موقعیت پاپ آپ (بالا/وسط)
• عرض و ارتفاع پاپ آپ
• پدینگ پاپ آپ
• رنگ پس زمینه
• رنگ متن
• تصویری که در سایدبار پاپ آپ ظاهر می شود.
• موقعیت سایدبار
• عرض سایدبار
• رنگ پس زمینه تب
• رنگ پس زمینه تب فعال
• رنگ متن تب
• رنگ متن تب فعال
• طراحی دکمه
• رنگ پس زمینه دکمه
• رنگ متن دکمه
• رمز و ارتفاع دکمه

پس از اعمال تنظیمات موردنظر خود، تغییرات را ذخیره کنید.

تنظیم فیلدهای فرم در افزونه Login/Signup Popup

با کلیک روی لینک Manage در قسمت Registration Fields یا کلیک روی زیرمنوی Fields منوی Login/Signup Popup پیشخوان وردپرس صفحه ای مشابه شکل زیر به شما نشان داده می شود.

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

در سمت راست صفحه فیلدهایی که می توانید در فرم خود قرار دهید، نشان داده شده اند.

هر فیلدی را که انتخاب کنید، افزونه Login/Signup Popup تنظیمات مربوط به آن را در سمت چپ نمایش می دهد و شما می توانید تنظیمات را به دلخواه خود پیکربندی کنید. به عنوان مثال می توانید نمایش فیلد را فعال یا غیرفعال کنید.

در تب Settings می توانید استایل فیلدهای فرم را تنظیم کنید.

پس از اعمال تغییرات مورد نظر خود، روی دکمه Save settings کلیک کنید تا تغییرات ذخیره شود.

نمایش فرم در سایت وردپرس

چهار روش برای باز کردن پاپ آپ ها در سایت وردپرس وجود دارد که در ادامه آموزش به بررسی آنها می پردازیم.

1- از طریق فهرست

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

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

در تب Login/Signup Popup در سمت راست صفحه، گزینه یا گزینه های مورد نظر خود را انتخاب کرده و روی افزودن به فهرست کلیک کنید.

فراموش نکنید که فهرست را ذخیره کنید.

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

2- استفاده از لینک

کافی است login# و register# را به انتهای URL خود اضافه کنید. به عنوان مثال به Login به صورت زیر لینک دهید:

<a href=”wwww.mywebsite.com#login”>Login</a>

3- با استفاده از کلاس ها

اگر با کلاس های CSS آشنایی دارید، می توانید پاپ آپ را با استفاده از آنها نمایش دهید. نام کلاس ها شامل موارد زیر است:

• Register – xoo-el-reg-tgr
• Login – xoo-el-login-tgr

4- با استفاده از شورت کد

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

[xoo_el_action]

همچنین می توانید از شورت کد زیر برای ایجاد یک فرم ورود/ثبت نام درون خطی استفاده کنید.

[xoo_el_inline_form]

به عنوان مثال

 [xoo_el_action type=”login” display=”button” text=”Login” change_to=”logout” redirect_to=”same”]

جمع بندی

افزونه Login/Signup Popup یک افزونه سبک، ساده و کاربردی برای کسانی است که می خواهند فرم ورود و ثبت نام را به صورت پاپ آپ در سایت خود نمایش دهند. با استفاده از این افزونه می توانید فرم ورود/ثبت نام را در فهرست و با استفاده از شورت کد در همه نواحی متنی سایت خود شامل نوشته ها، برگه ها و ناحیه ابزارک ها نمایش دهید.

امیدواریم این  آموزش مورد توجه شما قرار گرفته باشد.

دانلود افزونه