لایت باکس در طراحی سایت چیست؟ | روش ساخت لایت باکس حرفه‌ای

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

• لایت باکس در طراحی وبسایت چیست؟
• از لایت باکس در کدام قسمت ها می‌توان استفاده کرد؟
• چطور بایستی لایت باکس بسازیم؟

پیشنهاد می‌کنیم مطالعه کنید:

طراحی ریسپانسیو چیست و چطور انجام می‌شود؟

از آن جایی که مخاطبان ممکن است به پاپ آپ ها واکنش خوب یا بد داشته باشند گوگل از سال ۲۰۱۶ اقدام به کاهش ارزش صفحاتی کرد که نشانه ای از مزاحمت برای کاربران داشتند. یعنی پنجره‌هایی که تمام محتوا را پنهان می‌کردند از ارزش تجربه کاربری وبسایت کم می‌کردند.

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

وقتی پاپ آپ ها ارزش بازدیدکنندگان را فراهم می کنند ، می توانند بسیار موفق باشند. طبق مطالعه ای که روی 1.7 میلیارد پاپ آپ توسط Sumo انجام شده است، متوسط ​​نرخ تبدیل برای تمام آن ها 3.09٪ است. اما بالاترین عملکرد با 10٪ بالاترین عملکرد با میانگین تبدیل 9.28٪ متوسط ​​بسیار بالاتر است.

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

لایت باکس در وب سایت چیست؟

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

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

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

اکنون که فهمیدیم لایت باکس چیست و چرا موثر است ، بیایید به برخی از نمونه های واقعی وب سایت ها نگاهی بیندازیم.

نمونه های کاربرد لایت باکس در وبسایت

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

لایت باکس ثبت نام خبرنامه

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

لایت باکس ورود / ثبت نام

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

سبد پیشنهادی محتوا

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

چطور برای سایت خود لایت باکس بسازیم؟

می توانید یک لایت باکس را از ابتدا ایجاد کنید ، اما لازم است با HTML ، CSS و JavaScript آشنا باشید. ما راه ساده تری را پیشنهاد می‌کنیم. افزونه Light Box را به وردپرس اضافه کنید و از امکانات زیر لذت ببرید:

• 5 حالت نمایش برای تصاویر
• سازگار با دستگاه های مختلف
• رسپانسیو و واکنش گرا
• تنظیمات سفارشی سازی آسان
• ویدیوهای یوتیوب
• ویدیوهای وایمئو
• آموزش فارسی استفاده از افزونه

جمع بندی

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